1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<title>SOUND.RADAR · The complete smartlink for the global charts - SOUND.RADAR</title> 7<meta name="description" content="SOUND.RADAR is the complete smartlink platform built for the global charts. One URL gathers every store, and concentrates your firepower on the global charts in release week. Chart intelligence, A&R, distribution and newsroom â all in one workspace, with no purchase rewards and full integrity."> 8<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1"><link rel="canonical" href="https://soundradar.co/en"><link rel="alternate" hreflang="ko" href="https://soundradar.co/"> 9<link rel="alternate" hreflang="en" href="https://soundradar.co/en"> 10<link rel="alternate" hreflang="x-default" href="https://soundradar.co/"> 11<meta property="og:type" content="website"> 12<meta property="og:title" content="SOUND.RADAR · The complete smartlink for the global charts - SOUND.RADAR"> 13<meta property="og:description" content="SOUND.RADAR is the complete smartlink platform built for the global charts. One URL gathers every store, and concentrates your firepower on the global charts in release week. Chart intelligence, A&R, distribution and newsroom â all in one workspace, with no purchase rewards and full integrity."> 14<meta property="og:url" content="https://soundradar.co/en"> 15<meta property="og:image" content="https://soundradar.co/assets/og-cover.png"> 16<meta property="og:image:width" content="1920"><meta property="og:image:height" content="1080"> 17<meta property="og:image:alt" content="SOUND.RADAR · The complete smartlink for the global charts - SOUND.RADAR"> 18<meta property="og:site_name" content="SOUND.RADAR"> 19<meta property="og:locale" content="en_US"> 20<meta name="twitter:card" content="summary_large_image"> 21<meta name="twitter:title" content="SOUND.RADAR · The complete smartlink for the global charts - SOUND.RADAR"> 22<meta name="twitter:description" content="SOUND.RADAR is the complete smartlink platform built for the global charts. One URL gathers every store, and concentrates your firepower on the global charts in release week. Chart intelligence, A&R, distribution and newsroom â all in one workspace, with no purchase rewards and full integrity."> 23<meta name="twitter:image" content="https://soundradar.co/assets/og-cover.png"> 24<meta name="twitter:image:alt" content="SOUND.RADAR · The complete smartlink for the global charts - SOUND.RADAR"> 25
26<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://soundradar.co/#org","name":"SOUND.RADAR","alternateName":["Sound Radar","SoundRadar","ì¬ì´ëë ì´ë"],"legalName":"TAEON Branding Agency Pte. Ltd.","url":"https://soundradar.co","logo":{"@type":"ImageObject","url":"https://cdn.soundradar.co/seo/org_logo-62dd2cadac.png"},"description":"The perfect smartlink for global charts â ë¹ë³´ë ì°¨í¸ ë° ë©ë¡ , ì§ëë±ì ìí ìë²½í ì¼ì´í ì¤ë§í¸ ë§í¬, K-POP í¬ë¤ ëì ìº íì¸ì í ë§í¬ë¡.","sameAs":["https://www.instagram.com/soundradar.official/","https://www.linkedin.com/showcase/soundradar","https://www.trustpilot.com/review/soundradar.co"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]"}},{"@type":"WebSite","@id":"https://soundradar.co/#site","name":"SOUND.RADAR","alternateName":["Sound Radar","SoundRadar","ì¬ì´ëë ì´ë"],"url":"https://soundradar.co","publisher":{"@id":"https://soundradar.co/#org"},"inLanguage":"en"},{"@type":"WebPage","@id":"https://soundradar.co/en#webpage","url":"https://soundradar.co/en","name":"SOUND.RADAR · The complete smartlink for the global charts - SOUND.RADAR","description":"SOUND.RADAR is the complete smartlink platform built for the global charts. One URL gathers every store, and concentrates your firepower on the global charts in release week. Chart intelligence, A&R, distribution and newsroom â all in one workspace, with no purchase rewards and full integrity.","isPartOf":{"@id":"https://soundradar.co/#site"},"inLanguage":"en"},{"@type":"SoftwareApplication","@id":"https://soundradar.co/#software","name":"SOUND.RADAR","url":"https://soundradar.co","applicationCategory":"BusinessApplication","operatingSystem":"Web","description":"The perfect smartlink for global charts â ë¹ë³´ë ì°¨í¸ ë° ë©ë¡ , ì§ëë±ì ìí ìë²½í ì¼ì´í ì¤ë§í¸ ë§í¬, K-POP í¬ë¤ ëì ìº íì¸ì í ë§í¬ë¡.","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"publisher":{"@id":"https://soundradar.co/#org"}}]}</script>
26 27 28<link rel="icon" href="/assets/favicon.svg?v=2" type="image/svg+xml"> 29 30<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 31<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"> 32<link rel="preconnect" href="https://fonts.googleapis.com"> 33<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 34<link rel="preconnect" href="https://hangeul.pstatic.net" crossorigin> 35<link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css" rel="stylesheet"> 36<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 37
38<script src="https://cdn.tailwindcss.com"></script>
vendor: 1 bytes, line 38
38
39<script> 40 tailwind.config = { 41 theme: { extend: { 42 fontFamily: { 43 sans: ['NanumSquare','Pretendard','Inter','-apple-system','BlinkMacSystemFont','Apple SD Gothic Neo','sans-serif'], 44 display: ['NanumSquareExtraBold','NanumSquare','Pretendard','Inter','sans-serif'], 45 }, 46 letterSpacing: { tightest: '-0.04em', ultratight: '-0.05em' }, 47 colors: { 48 // SOUND.RADAR Brand Guide â White ë² ì´ì¤, Purple ì¡ì¼í¸, Lime íì´ë¼ì´í¸, Dark ê°ì¡° 49 ink:'#1A1A1A', paper:'#FFFFFF', mist:'#F7F7F7', soft:'#F7F7F7', surface:'#FFFFFF', 50 line:'#E5E5E5', dim:'#6B6B6B', dim2:'#9A9A9A', 51 accent:'#6B3FF6', 52 primary:'#6B3FF6', 'primary-light':'#8B6BF9', 'primary-dark':'#4F2BD9', 53 // ì¶ê° í í° (ê°ì´ë) 54 dark:'#0A0A0A', lime:'#D4FF00', 55 }, 56 } }, 57 }; 58</script>
58 59<style> 60 /* ============ SOUND.RADAR Brand Guide â site-wide tokens ============ */ 61 :root { 62 --accent:#6B3FF6; --sr-purple:#6B3FF6; --sr-lime:#D4FF00; --sr-dark:#0A0A0A; 63 --sr-white:#FFFFFF; --sr-gray-50:#F7F7F7; --sr-gray-200:#E5E5E5; 64 --sr-gray-600:#6B6B6B; --sr-gray-900:#1A1A1A; 65 } 66 html, body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#1A1A1A; background:#FFFFFF; 67 font-family:'NanumSquare','Pretendard','Inter',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif; font-weight:400; } 68 html[lang="ko"] body { word-break:keep-all; overflow-wrap:break-word; hyphens:manual; } 69 .font-display { font-family:'NanumSquareExtraBold','NanumSquare','Pretendard',sans-serif !important; font-weight:400 !important; font-feature-settings:normal; } 70 71 /* === NanumSquare weightâfamily 매í (Bold/ExtraBoldë ë³ë familyë¼ synthetic-bold ë°©ì§ë¡ weight를 400ì¼ë¡ 리ì ) === */ 72 .font-light, .font-thin { font-family:'NanumSquareLight','Pretendard',sans-serif !important; font-weight:400 !important; } 73 .font-normal, .font-medium { font-family:'NanumSquare','Pretendard',sans-serif !important; font-weight:400 !important; } 74 .font-semibold { font-family:'NanumSquareBold','NanumSquare','Pretendard',sans-serif !important; font-weight:400 !important; } 75 .font-bold, b, strong { font-family:'NanumSquareBold','NanumSquare','Pretendard',sans-serif !important; font-weight:400 !important; } 76 .font-extrabold, .font-black { font-family:'NanumSquareExtraBold','NanumSquare','Pretendard',sans-serif !important; font-weight:400 !important; } 77 /* í¤ë© 기본(ë¸ë¼ì°ì default bold) â NanumSquareBoldë¡ ì¡ê³ synthetic-bold ì°¨ë¨ */ 78 h1, h2, h3, h4, h5, h6 { font-family:'NanumSquareBold','NanumSquare','Pretendard',sans-serif; font-weight:400; } 79 .text-gradient { background:linear-gradient(135deg,#8B6BF9 0%,#6B3FF6 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; } 80 ::selection { background:#6B3FF6; color:#FFFFFF; } 81 82 /* nav-blur: íì´í¸ ê¸ëì¤ (ì¿ í¤ë°ë ì´ í´ëì¤ë¥¼ ì) */ 83 .nav-blur { backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); background:rgba(255,255,255,0.82); } 84 85 /* ê³µì© ë§í¤/리ë¹/ëí ì¼ */ 86 @keyframes marquee-x { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} } 87 .marquee-track { display:flex; width:max-content; animation:marquee-x 38s linear infinite; } 88 .marquee:hover .marquee-track { animation-play-state:paused; } 89 .reveal { opacity:0; transform:translateY(24px); transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1); } 90 .reveal.is-in { opacity:1; transform:translateY(0); } 91 @media (prefers-reduced-motion: reduce) { 92 .reveal { opacity:1 !important; transform:none !important; transition:none !important; } 93 .marquee-track, .sr-v2-ticker-track { animation:none !important; } 94 .rise { animation:none !important; opacity:1 !important; transform:none !important; } 95 } 96 details > summary { list-style:none; cursor:pointer; } 97 details > summary::-webkit-details-marker { display:none; } 98 details[open] .faq-icon { transform:rotate(45deg); } 99 .faq-icon { transition:transform .25s ease; } 100 @keyframes rise { from{opacity:0;transform:translateY(28px);} to{opacity:1;transform:none;} } 101 .rise { animation:rise .8s ease both; } 102 103 /* === ë¸ëë ì í¸ (ê°ì´ë ì»´í¬ëí¸) === */ 104 .btn-sr-primary { background:#0A0A0A !important; color:#D4FF00 !important; font-weight:800; } 105 .btn-sr-primary:hover { opacity:.92; } 106 .btn-sr-lime { background:#D4FF00 !important; color:#0A0A0A !important; font-weight:800; } 107 .btn-sr-lime:hover { opacity:.9; } 108 .badge-sr { background:#0A0A0A; color:#D4FF00; } 109 .sr-eyebrow { color:#6B3FF6 !important; letter-spacing:0.3em; } 110 111 /* "ë¬´ë£ ìì" CTA ì¼ê´ Dark+Lime (í¤ë·í¸í°Â·ëª¨ë°ì¼ ë©ë´ ì´ëì ìì´ë) */ 112 a[href="/en/app/register.php"].bg-accent { background:#0A0A0A !important; color:#D4FF00 !important; } 113 /* ë©ê°/모ë°ì¼ ë©ë´ SOON í â ì¸ë¼ì¸ 빨ê°ì ë³´ë¼ë¡ */ 114 span[style*="background:#E5484D"] { background:#6B3FF6 !important; } 115 116 /* ============ V2 Floating Header (모ë ë§ì¼í íì´ì§) ============ */ 117 /* ìµìë¨ announcement ticker */ 118 .sr-v2-ticker { position:relative; z-index:40; height:36px; overflow:hidden; 119 border-bottom:1px solid #E5E5E5; background:#F7F7F7; } 120 .sr-v2-ticker-track { display:flex; gap:48px; width:max-content; white-space:nowrap; 121 height:36px; align-items:center; font-size:13px; color:#6B6B6B; 122 animation: sr-v2-ticker 38s linear infinite; padding-left:48px; } 123 .sr-v2-ticker-track a { display:inline-flex; align-items:center; gap:8px; color:#6B6B6B; cursor:default; } 124 .sr-v2-ticker-track a b { color:#1A1A1A; font-weight:800; }
125 .sr-v2-ticker:hover .sr-v2-ticker-track { animation-play-state:paused; } 126 .sr-v2-ticker-dot { width:7px; height:7px; border-radius:999px; background:#D4FF00; 127 box-shadow:0 0 0 4px rgba(212,255,0,.22); flex-shrink:0; } 128 @keyframes sr-v2-ticker { from{transform:translateX(0);} to{transform:translateX(-50%);} } 129 130 /* Floating glass header (pill) */ 131 /* ê³µíµ ì»¨í ì´ë max-w-[1320px] · px-5 lg:px-8 ì ì½í ì¸ íì pill ì¸ê³½ì ì ì ë ¬ 132 (í¤ë pill · 본문 · í¸í°ê° ê°ì ì¢ì° 기ì¤ì ê³µì ). pill ìê° ì¤íì¼ì ê·¸ëë¡ ì ì§. 133 base(<1024) ê±°í° px-5=20px â 100%-40 / lg(â¥1024) ê±°í° px-8=32px â 100%-64. */ 134 .sr-v2-header { position:sticky; top:14px; z-index:50; 135 width:min(1280px, calc(100% - 40px)); margin:14px auto 0; 136 border:1px solid rgba(229,229,229,0.85); border-radius:16px; 137 background:rgba(255,255,255,0.82); backdrop-filter:saturate(160%) blur(18px); 138 -webkit-backdrop-filter:saturate(160%) blur(18px); 139 box-shadow:0 8px 30px rgba(20,20,20,0.08); 140 /* ë³ë ì»´í¬ì§í° ë ì´ì´ë¡ ë¶ë¦¬ â íì´ì§ ì ëë©ì´ì (íì´íë¼ì´í° ë±) 리íì¸í¸ ì backdrop-filter ê¹ë¹¡ì ë°©ì§ */ 141 transform:translateZ(0); -webkit-transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; } 142 @media (min-width:1024px){ .sr-v2-header { width:min(1256px, calc(100% - 64px)); } } 143 .sr-v2-header-inner { height:62px; display:grid; 144 grid-template-columns:1fr auto 1fr; align-items:center; padding:0 18px; } 145 .sr-v2-nav-left { display:flex; gap:22px; align-items:center; } 146 .sr-v2-nav-left a { font-size:14px; font-weight:700; color:#6B6B6B; 147 transition:color .2s; cursor:pointer; display:inline-flex; align-items:center; gap:4px; } 148 .sr-v2-nav-left a:hover, .sr-v2-nav-left a.on { color:#1A1A1A; } 149 .sr-v2-nav-left a .caret { width:10px; height:10px; opacity:.6; } 150 .sr-v2-brand { display:inline-flex; align-items:center; justify-self:center; color:#1A1A1A; } 151 .sr-v2-brand svg { height:26px; width:auto; display:block; flex:0 0 auto; } 152 .sr-v2-nav-right { display:flex; gap:10px; align-items:center; justify-content:flex-end; } 153 .sr-v2-nav-right .login { font-size:14px; font-weight:700; color:#6B6B6B; 154 padding:0 8px; transition:color .2s; } 155 .sr-v2-nav-right .login:hover { color:#1A1A1A; } 156 .sr-v2-nav-right .cta { display:inline-flex; align-items:center; justify-content:center; 157 height:40px; padding:0 18px; border-radius:999px; 158 background:#0A0A0A; color:#D4FF00; font-size:14px; font-weight:800; 159 transition:transform .18s, opacity .18s; letter-spacing:-.01em; } 160 .sr-v2-nav-right .cta:hover { opacity:.92; transform:translateY(-1px); } 161 .sr-v2-nav-right .ai-cta { display:inline-flex; align-items:center; gap:6px; 162 height:40px; padding:0 15px; border-radius:999px; 163 background:rgba(107,63,246,.08); color:#6B3FF6; font-size:14px; font-weight:800; 164 border:1px solid rgba(107,63,246,.22); letter-spacing:-.01em; 165 transition:background .18s, transform .18s; } 166 .sr-v2-nav-right .ai-cta:hover { background:rgba(107,63,246,.14); transform:translateY(-1px); } 167 .sr-v2-nav-right .ai-cta svg { width:15px; height:15px; flex:0 0 auto; } 168 /* ì¸ì´ ì¤ìì² (KO/EN ì¸ê·¸ë¨¼í¸) */ 169 .sr-v2-lang { display:inline-flex; align-items:center; height:34px; padding:3px; 170 border:1px solid #E5E5E5; border-radius:999px; background:rgba(255,255,255,.6); } 171 .sr-v2-lang a { display:inline-flex; align-items:center; justify-content:center; 172 min-width:36px; height:28px; padding:0 10px; border-radius:999px; 173 font-size:12px; font-weight:800; letter-spacing:.04em; color:#6B6B6B; 174 transition:color .18s, background .18s; } 175 .sr-v2-lang a:hover { color:#1A1A1A; } 176 .sr-v2-lang a.on { background:#1A1A1A; color:#fff; } 177 @media (max-width:1023px){ .sr-v2-nav-right .sr-v2-lang { display:none; } } 178 .sr-v2-mobile-btn { display:none; width:44px; height:44px; 179 place-content:center; gap:5px; border:1px solid #E5E5E5; border-radius:999px; 180 background:rgba(255,255,255,0.62); justify-self:end; cursor:pointer; padding:0; } 181 .sr-v2-mobile-btn span { width:16px; height:2px; background:#1A1A1A; display:block; border-radius:2px; } 182 183 /* ë©ê°ë©ë´ í¨ë â v2 í¤ë ë°ë¡ ìë íëí¸ ì¹´ë */ 184 [data-mega-panel="services"] { 185 top:90px !important; left:50% !important; right:auto !important; 186 transform:translateX(-50%) !important; 187 width:min(1256px, calc(100% - 64px)) !important; 188 background:rgba(255,255,255,0.96) !important; 189 border:1px solid #E5E5E5 !important; border-radius:16px !important; 190 box-shadow:0 18px 50px rgba(20,20,20,0.10) !important; 191 backdrop-filter:saturate(160%) blur(18px); 192 -webkit-backdrop-filter:saturate(160%) blur(18px); } 193 194 @media (max-width: 1023px) { 195 .sr-v2-nav-left, .sr-v2-nav-right { display:none; } 196 .sr-v2-header-inner { grid-template-columns:1fr auto; } 197 .sr-v2-mobile-btn { display:grid; } 198 [data-mega-panel="services"] { display:none !important; } 199 } 200 @media (max-width: 640px) { 201 .sr-v2-ticker { height:32px; } 202 .sr-v2-ticker-track { height:32px; font-size:12px; gap:36px; } 203 .sr-v2-header { top:8px; margin-top:8px; width:calc(100% - 40px); } 204 .sr-v2-header-inner { height:56px; padding:0 14px; } 205 } 206</style> 207<noscript><style>.reveal{opacity:1 !important;transform:none !important}</style></noscript> 208<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 208-209
208 209<script async src="https://www.googletagmanager.com/gtag/js?id=
209G-T7YK7ZKLEQ
vendor: 13 bytes, line 209
209"></script>
210<script> 211
vendor: 138 bytes, lines 211-215
211window.dataLayer = window.dataLayer || []; 212 function gtag(){dataLayer.push(arguments);} 213 gtag('js', new Date()); 214 215 gtag('config', '
215G-T7YK7ZKLEQ
vendor: 5 bytes, line 215
215');
216</script>
216 217 218<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 218-219
218 219<script async src="https://www.googletagmanager.com/gtag/js?id=
219AW-18019664276
vendor: 15 bytes, lines 219-220
219"> 220</script>
221<script> 222
vendor: 138 bytes, lines 222-226
222window.dataLayer = window.dataLayer || []; 223 function gtag(){dataLayer.push(arguments);} 224 gtag('js', new Date()); 225 226 gtag('config', '
226AW-18019664276
vendor: 5 bytes, line 226
226');
227</script>
227 228 229<meta name="naver-site-verification" content="5db4ee9f06030fc39b59700cb4aacdf159a8596b" /> 230
231<script> 232 // Installation script generated by Spotify Ads Manager 233 234 (function(w, d){ 235 var id='spdt-capture', n='script'; 236 if (!d.getElementById(id)) { 237 w.spdt = 238 w.spdt || 239 function() { 240 (w.spdt.q = w.spdt.q || []).push(arguments); 241 }; 242 var e = d.createElement(n); e.id = id; e.async=1; 243 e.src = 'https://pixel.byspotify.com/ping.min.js'; 244 var s = d.getElementsByTagName(n)[0]; 245 s.parentNode.insertBefore(e, s); 246 } 247 248 w.spdt('conf', { key: '807e0d74e800474cb99984ab4975a44c' }); 249 w.spdt('view'); 250 251 })(window, document); 252</script>
252 253</head> 254<body class="font-sans antialiased text-ink bg-paper"> 255 256<!-- ============ V2 Announcement Ticker ============ --> 257<div class="sr-v2-ticker" aria-label="Live updates"> 258 <div class="sr-v2-ticker-track"> 259 <a><span class="sr-v2-ticker-dot"></span><b>New</b> · HOT 100 RADAR weekly forecast update</a> 260 <a><span class="sr-v2-ticker-dot"></span>Smart Link â auto-connect Melon · Genie · Bugs · FLO · VIBE</a> 261 <a><span class="sr-v2-ticker-dot"></span>RADIO RADAR · monitoring 1,345 stations</a> 262 <a><span class="sr-v2-ticker-dot"></span>Spotify RADAR · daily charts across 73 countries</a> 263 <a><span class="sr-v2-ticker-dot"></span>Newsroom PR · auto-translated into 6 languages</a> 264 <a><span class="sr-v2-ticker-dot"></span><b>New</b> · HOT 100 RADAR weekly forecast update</a> 265 <a><span class="sr-v2-ticker-dot"></span>Smart Link â auto-connect Melon · Genie · Bugs · FLO · VIBE</a> 266 <a><span class="sr-v2-ticker-dot"></span>RADIO RADAR · monitoring 1,345 stations</a> 267 <a><span class="sr-v2-ticker-dot"></span>Spotify RADAR · daily charts across 73 countries</a> 268 <a><span class="sr-v2-ticker-dot"></span>Newsroom PR · auto-translated into 6 languages</a> 269 </div> 270</div> 271 272<!-- ============ V2 Floating Glass Header ============ --> 273<header class="sr-v2-header" role="banner"> 274 <div class="sr-v2-header-inner"> 275 <nav class="sr-v2-nav-left" aria-label="Primary"> 276 <a href="/en/services" data-mega-trigger="services" aria-haspopup="true" aria-expanded="false" aria-controls="srMegaServices" class=""> 277 Services 278 <svg class="caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg> 279 </a> 280 <a href="/en/charts" class="">Charts</a> 281 <a href="/en/anr" class="">A&R</a> 282 <a href="/en/distribution" class="">Distribution</a> 283 <a href="/en/blog" class="">TIP</a> 284 <a href="/en/adnetwork" class="">Ad Network</a> 285 </nav> 286 <a href="/en/" class="sr-v2-brand" aria-label="SOUND.RADAR"><svg class="brand-glyph" role="img" aria-label="SOUND.RADAR" viewBox="0 0 217.38 208.86" width="28" height="28" fill="currentColor" style="display:block;height:28px;width:28px;flex:0 0 auto"><path d="M184.01,179.69c-33.6,30.5-81.4,37.5-123,19C9.71,175.89-13.69,118.39,8.21,65.69c8.2-19.7,20.9-36.3,39.1-47.7C75.61.29,107.91-4.71,140.21,4.59c21.6,6.2,40.1,19.2,54.3,36.6,11.9,14.6,19.3,32.1,21.9,50.8,4.7,33.4-7.8,65.3-32.4,87.7h0ZM109.61,34.89c6.3,1,7.3,26.8,7.9,38.5,1,20.6,2,40.6,4.3,61.1,2.1,19.3,8.3,49,28.4,44.6,12.6-2.8,17.4-20,18-33.2l1.4-28c.4-8.4,2.1-19.9,7.1-19.6,5.8.4,7.3,13.3,8.2,22.2l12.6-.2c-.8-16-6.3-34.9-21.6-34.4-15.4.6-19.4,21.1-20.5,36.9l-2.4,33.5c-.3,3.7-2.2,8.6-5.6,9.8-8,3-11.6-29.5-12.6-42.1l-4.4-58.2c-.9-11.5-2.1-22.6-6.2-33.2-2.5-6.6-8-10.9-14.6-11-16.1-.3-20.1,21-21.5,37.3l-5.3,63.3c-1.1,12.9-3.2,25-6.3,37.4-.7,2.9-3.6,6.9-6.5,6.5-7-.8-7.1-21.4-7.5-32.7-.6-18.9-2.5-49.3-23.2-47.5-14.1,1.2-18.4,19.8-18.9,34.4h12.3c1.3-8.9,2.6-21.9,8.3-22.2,5.8-.3,6.9,14.7,7.3,24l1.2,26.1c.4,8.1,2,16.3,6.3,22.8,5.8,9,17.1,11.2,25.2,4.2,4.3-3.8,7.6-9.1,9.2-14.8,10.9-40.6,7.2-81.8,14.1-119.8.4-2.4,2.5-6.1,5.4-5.7h-.1Z"/></svg></a> 287 <div class="sr-v2-nav-right"> 288 <nav class="sr-v2-lang" aria-label="Language"> 289 <a href="/?lang=ko" hreflang="ko" rel="nofollow" class="" aria-current="false">KO</a> 290 <a href="/en" hreflang="en" rel="nofollow" class="on" aria-current="true">EN</a> 291 </nav> 292 <a href="/en/app/login.php" class="login">Log in</a> 293 <a href="/en/ai" class="ai-cta" aria-label="SODAR AI"> 294 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.9 4.9L18.8 9.8l-4.9 1.9L12 16.6l-1.9-4.9L5.2 9.8l4.9-1.9z"/><path d="M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z"/></svg> 295 SODAR AI 296 </a> 297 <a href="/en/app/register.php" class="cta">Start free</a> 298 </div> 299 <button class="sr-v2-mobile-btn" type="button" id="srMobileBtn" aria-label="Open menu" aria-expanded="false" aria-controls="srMobileMenu" 300 onclick="document.getElementById('srMobileMenu').classList.remove('hidden');document.body.style.overflow='hidden';this.setAttribute('aria-expanded','true');">
301 <span></span><span></span> 302 </button> 303 </div> 304</header> 305 306<!-- MEGA MENU: Services --> 307<div id="srMegaServices" class="hidden fixed left-0 right-0 top-16 z-40 nav-blur border-b border-line" data-mega-panel="services"> 308 <div class="max-w-7xl mx-auto px-6 lg:px-10 py-7"> 309 <div class="grid grid-cols-12 gap-6 items-stretch"> 310 <!-- visual card --> 311 <a href="/en/services" class="col-span-3 group block"> 312 <div class="h-full min-h-[180px] rounded-2xl overflow-hidden relative border border-line" style="background:radial-gradient(circle at 30% 20%,#EDE7FE 0%,#FFFFFF 70%);"> 313 <div class="absolute inset-0 opacity-40" style="background-image:radial-gradient(rgba(24,24,27,0.06) 1px,transparent 1px);background-size:12px 12px;"></div> 314 <div class="absolute -top-8 -right-8 w-32 h-32 rounded-full opacity-40 blur-2xl" style="background:#8B6BF9;"></div> 315 <div class="absolute bottom-12 -left-6 w-16 h-16 rounded-full opacity-30 blur-xl" style="background:#6B3FF6;"></div> 316 <div class="relative h-full p-5 flex flex-col justify-end text-ink"> 317 <p class="text-[10px] font-semibold tracking-[0.25em] uppercase text-dim mb-2">The platform</p> 318 <h3 class="text-lg font-extrabold tracking-tightest leading-[1.15] font-display">From smart links<br>to chart intelligence</h3> 319 <p class="mt-2 text-[11px] leading-relaxed text-dim">A perfect smart link is only the beginning.</p> 320 <span class="inline-flex items-center gap-1 mt-3 text-[11px] font-semibold border-b border-ink/70 pb-0.5 self-start group-hover:gap-2 transition-all">Browse all services â</span> 321 </div> 322 </div> 323 </a> 324 <!-- services list --> 325 <div class="col-span-5"> 326 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Services</h4> 327 <ul class="grid grid-cols-1 gap-y-0.5"> 328 <li> 329 <a href="/en/ai" class="group flex items-center justify-between py-2"> 330 <div class="min-w-0 flex items-start gap-3"> 331 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg></span> 332 <div class="min-w-0"> 333 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 334 <span>SODAR AI</span> 335 </div> 336 <div class="text-[11px] text-dim mt-0.5 leading-snug">Conversational AI answering from music-industry data â chart-grounded analysis and strategy playbooks</div> 337 </div> 338 </div> 339 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 340 </a> 341 </li> 342 <li> 343 <a href="/en/smartlinks" class="group flex items-center justify-between py-2"> 344 <div class="min-w-0 flex items-start gap-3"> 345 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> 346 <div class="min-w-0"> 347 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 348 <span>Smartlinks</span> 349 </div> 350 <div class="text-[11px] text-dim mt-0.5 leading-snug">Release smart links · chart-window pushes · mobilization campaigns</div> 351 </div> 352 </div> 353 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
353<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 354 </a> 355 </li> 356 <li> 357 <a href="/en/analytics" class="group flex items-center justify-between py-2"> 358 <div class="min-w-0 flex items-start gap-3"> 359 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M3 3v18h18"/><rect x="7" y="11" width="3" height="6" rx=".5"/><rect x="12" y="7" width="3" height="10" rx=".5"/><rect x="17" y="13" width="3" height="4" rx=".5"/></svg></span> 360 <div class="min-w-0"> 361 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 362 <span>Analytics</span> 363 </div> 364 <div class="text-[11px] text-dim mt-0.5 leading-snug">Real-time views · clicks · CTR · country · channel + CSV · pixels · reports</div> 365 </div> 366 </div> 367 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 368 </a> 369 </li> 370 <li> 371 <a href="/en/music-drive" class="group flex items-center justify-between py-2"> 372 <div class="min-w-0 flex items-start gap-3"> 373 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="7" cy="18" r="2.5"/><circle cx="17" cy="16" r="2.5"/><path d="M9.5 18V7l10-2v9"/></svg></span> 374 <div class="min-w-0"> 375 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 376 <span>Music Drive</span> 377 </div> 378 <div class="text-[11px] text-dim mt-0.5 leading-snug">A&R demo sharing · secure streaming · playlist pitching</div> 379 </div> 380 </div> 381 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 382 </a> 383 </li> 384 <li> 385 <a href="/en/os" class="group flex items-center justify-between py-2"> 386 <div class="min-w-0 flex items-start gap-3"> 387 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18"/></svg></span> 388 <div class="min-w-0"> 389 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 390 <span>SR OS</span> 391 </div> 392 <div class="text-[11px] text-dim mt-0.5 leading-snug">AI browser for music teams</div> 393 </div> 394 </div> 395 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 396 </a> 397 </li> 398 <li> 399 <a href="/en/insight" class="group flex items-center justify-between py-2"> 400 <div class="min-w-0 flex items-start gap-3">
401 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg></span> 402 <div class="min-w-0"> 403 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 404 <span>Insight</span> 405 </div> 406 <div class="text-[11px] text-dim mt-0.5 leading-snug">A&R metrics on artist charts, streaming, and audience</div> 407 </div> 408 </div> 409 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 410 </a> 411 </li> 412 <li> 413 <a href="/en/newsroom" class="group flex items-center justify-between py-2"> 414 <div class="min-w-0 flex items-start gap-3"> 415 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z"/><path d="M15 8a4 4 0 0 1 0 8M18 5a8 8 0 0 1 0 14"/></svg></span> 416 <div class="min-w-0"> 417 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 418 <span>Newsroom</span> 419 </div> 420 <div class="text-[11px] text-dim mt-0.5 leading-snug">Multilingual press distribution · artist newsroom · press kit</div> 421 </div> 422 </div> 423 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 424 </a> 425 </li> 426 <li> 427 <a href="/en/target" class="group flex items-center justify-between py-2"> 428 <div class="min-w-0 flex items-start gap-3"> 429 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.4"/></svg></span> 430 <div class="min-w-0"> 431 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 432 <span>Re-Targeting</span> 433 </div> 434 <div class="text-[11px] text-dim mt-0.5 leading-snug">Bank visiting fans with 16 retargeting pixels, including Naver and Kakao</div> 435 </div> 436 </div> 437 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 438 </a> 439 </li> 440 <li> 441 <a href="/en/cardradar" class="group flex items-center justify-between py-2"> 442 <div class="min-w-0 flex items-start gap-3"> 443 <span class="text-dim mt-0.5 flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="9" cy="8" r="3.2"/>
443<path d="M3.5 20a5.5 5.5 0 0 1 11 0"/><path d="M16 5.5a3.2 3.2 0 0 1 0 6M21 20a5.5 5.5 0 0 0-4-5.3"/></svg></span> 444 <div class="min-w-0"> 445 <div class="flex items-center gap-2 text-[15px] font-extrabold tracking-tightest text-ink font-display"> 446 <span>CARD RADAR</span> 447 </div> 448 <div class="text-[11px] text-dim mt-0.5 leading-snug">A business network that manages everything from cards to relationships</div> 449 </div> 450 </div> 451 <svg class="w-4 h-4 text-dim opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all flex-shrink-0 ml-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 452 </a> 453 </li> 454 </ul> 455 </div> 456 <!-- solutions by type --> 457 <div class="col-span-4 border-l border-line pl-6"> 458 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Solutions · 15 types</h4> 459 <div class="space-y-4"> 460 <a href="/en/smartlinks#release" class="block group"> 461 <div class="flex items-center gap-2 text-[13px] font-bold text-ink font-display mb-1.5"> 462 Release <span class="text-[10px] font-semibold text-dim2">3</span> 463 </div> 464 <div class="flex flex-wrap gap-1"> 465 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
465<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> Release smart link</span> 466 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18"/></svg></span> Region-target Digital Sales</span> 467 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
467<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M3 12V5a2 2 0 0 1 2-2h7l9 9-9 9z"/><circle cx="7.5" cy="7.5" r="1.3"/></svg></span> Physical album sales</span> 468 </div> 469 </a> 470 <a href="/en/smartlinks#mobilize" class="block group"> 471 <div class="flex items-center gap-2 text-[13px] font-bold text-ink font-display mb-1.5"> 472 K-pop mobilization <span class="text-[10px] font-semibold text-dim2">7</span> 473 </div> 474 <div class="flex flex-wrap gap-1"> 475 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M12 3c1 3 4 4 4 8a4 4 0 0 1-8 0c0-1 .5-2 1-2.5C9 11 12 8 12 3z"/></svg></span> Streaming push</span> 476 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
476<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M7 5l12 7-12 7z"/></svg></span> MV views push</span> 477 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M8.5 12l2.5 2.5L16 9"/></svg></span> Voting hub</span> 478 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9 4 7 20M17 4l-2 16M5 9h15M4 15h15"/></svg></span> Hashtag push</span> 479 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
479<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="2"/><path d="M8.3 8.3a5 5 0 0 0 0 7.4M15.7 8.3a5 5 0 0 1 0 7.4M5.5 5.5a9 9 0 0 0 0 13M18.5 5.5a9 9 0 0 1 0 13"/></svg></span> Radio requests</span> 480 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span> Mission checklist</span> 481 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
481<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span> Countdown · schedule</span> 482 </div> 483 </a> 484 <a href="/en/smartlinks#gate" class="block group"> 485 <div class="flex items-center gap-2 text-[13px] font-bold text-ink font-display mb-1.5"> 486 Reward gate <span class="text-[10px] font-semibold text-dim2">4</span> 487 </div> 488 <div class="flex flex-wrap gap-1"> 489 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Follow gate</span> 490 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
490<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Share gate</span> 491 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Purchase-proof gate</span> 492 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
492<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Streaming gate</span> 493 </div> 494 </a> 495 <a href="/en/smartlinks#other" class="block group"> 496 <div class="flex items-center gap-2 text-[13px] font-bold text-ink font-display mb-1.5"> 497 Other <span class="text-[10px] font-semibold text-dim2">3</span> 498 </div> 499 <div class="flex flex-wrap gap-1"> 500 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> Bio link</span> 501 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70">
501<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="3" y="6" width="18" height="12" rx="2"/><path d="M15 6v12"/><path d="M7 10h3M7 14h3"/></svg></span> Event · ticket link</span> 502 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim group-hover:text-ink transition"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="6" cy="6" r="2.5"/><circle cx="6" cy="18" r="2.5"/><path d="M8 7.5 20 18M8 16.5 20 6"/></svg></span> Branded short link</span> 503 </div> 504 </a> 505 </div> 506 </div> 507 </div> 508 </div> 509</div> 510 511<!-- Mobile fullscreen menu --> 512<div id="srMobileMenu" class="hidden fixed inset-0 z-[60] bg-paper"> 513 <div class="flex flex-col h-full"> 514 <div class="flex items-center justify-between h-16 px-5 border-b border-line"> 515 <a href="/en/" class="flex items-center text-ink" aria-label="SOUND.RADAR"> 516 <svg class="brand-glyph" role="img" aria-label="SOUND.RADAR" viewBox="0 0 217.38 208.86" width="24" height="24" fill="currentColor" style="display:block;height:24px;width:24px;flex:0 0 auto"><path d="M184.01,179.69c-33.6,30.5-81.4,37.5-123,19C9.71,175.89-13.69,118.39,8.21,65.69c8.2-19.7,20.9-36.3,39.1-47.7C75.61.29,107.91-4.71,140.21,4.59c21.6,6.2,40.1,19.2,54.3,36.6,11.9,14.6,19.3,32.1,21.9,50.8,4.7,33.4-7.8,65.3-32.4,87.7h0ZM109.61,34.89c6.3,1,7.3,26.8,7.9,38.5,1,20.6,2,40.6,4.3,61.1,2.1,19.3,8.3,49,28.4,44.6,12.6-2.8,17.4-20,18-33.2l1.4-28c.4-8.4,2.1-19.9,7.1-19.6,5.8.4,7.3,13.3,8.2,22.2l12.6-.2c-.8-16-6.3-34.9-21.6-34.4-15.4.6-19.4,21.1-20.5,36.9l-2.4,33.5c-.3,3.7-2.2,8.6-5.6,9.8-8,3-11.6-29.5-12.6-42.1l-4.4-58.2c-.9-11.5-2.1-22.6-6.2-33.2-2.5-6.6-8-10.9-14.6-11-16.1-.3-20.1,21-21.5,37.3l-5.3,63.3c-1.1,12.9-3.2,25-6.3,37.4-.7,2.9-3.6,6.9-6.5,6.5-7-.8-7.1-21.4-7.5-32.7-.6-18.9-2.5-49.3-23.2-47.5-14.1,1.2-18.4,19.8-18.9,34.4h12.3c1.3-8.9,2.6-21.9,8.3-22.2,5.8-.3,6.9,14.7,7.3,24l1.2,26.1c.4,8.1,2,16.3,6.3,22.8,5.8,9,17.1,11.2,25.2,4.2,4.3-3.8,7.6-9.1,9.2-14.8,10.9-40.6,7.2-81.8,14.1-119.8.4-2.4,2.5-6.1,5.4-5.7h-.1Z"/></svg> </a> 517 <button type="button" onclick="document.getElementById('srMobileMenu').classList.add('hidden');document.body.style.overflow='';var b=document.getElementById('srMobileBtn');if(b){b.setAttribute('aria-expanded','false');b.focus();}" class="p-2 -mr-2" aria-label="Close menu"> 518 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> 519 </button> 520 </div> 521 <div class="flex-1 px-6 py-6 overflow-y-auto"> 522 <div class="flex items-center justify-between mb-3"> 523 <p class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim">Services</p> 524 <a href="/en/services" class="text-[12px] font-semibold text-accent">See all â</a> 525 </div> 526 <ul class="space-y-1 mb-6"> 527 <li><a href="/en/ai" class="flex items-center gap-3 py-3 border-b border-line"> 528 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg></span> 529 <span class="text-lg font-bold font-display">SODAR AI</span> 530 </a></li> 531 <li><a href="/en/smartlinks" class="flex items-center gap-3 py-3 border-b border-line"> 532 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span>
533 <span class="text-lg font-bold font-display">Smartlinks</span> 534 </a></li> 535 <li><a href="/en/analytics" class="flex items-center gap-3 py-3 border-b border-line"> 536 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M3 3v18h18"/><rect x="7" y="11" width="3" height="6" rx=".5"/><rect x="12" y="7" width="3" height="10" rx=".5"/><rect x="17" y="13" width="3" height="4" rx=".5"/></svg></span> 537 <span class="text-lg font-bold font-display">Analytics</span> 538 </a></li> 539 <li><a href="/en/music-drive" class="flex items-center gap-3 py-3 border-b border-line"> 540 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="7" cy="18" r="2.5"/><circle cx="17" cy="16" r="2.5"/><path d="M9.5 18V7l10-2v9"/></svg></span> 541 <span class="text-lg font-bold font-display">Music Drive</span> 542 </a></li> 543 <li><a href="/en/os" class="flex items-center gap-3 py-3 border-b border-line"> 544 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18"/></svg></span> 545 <span class="text-lg font-bold font-display">SR OS</span> 546 </a></li> 547 <li><a href="/en/insight" class="flex items-center gap-3 py-3 border-b border-line"> 548 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg></span> 549 <span class="text-lg font-bold font-display">Insight</span> 550 </a></li> 551 <li><a href="/en/newsroom" class="flex items-center gap-3 py-3 border-b border-line"> 552 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M3 11v2a1 1 0 0 0 1 1h2l5 4V6L6 10H4a1 1 0 0 0-1 1z"/><path d="M15 8a4 4 0 0 1 0 8M18 5a8 8 0 0 1 0 14"/></svg></span> 553 <span class="text-lg font-bold font-display">Newsroom</span> 554 </a></li> 555 <li><a href="/en/target" class="flex items-center gap-3 py-3 border-b border-line"> 556 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.4"/></svg></span> 557 <span class="text-lg font-bold font-display">Re-Targeting</span> 558 </a></li> 559 <li><a href="/en/cardradar" class="flex items-center gap-3 py-3 border-b border-line"> 560 <span class="text-dim flex-shrink-0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="9" cy="8" r="3.2"/><path d="M3.5 20a5.5 5.5 0 0 1 11 0"/><path d="M16 5.5a3.2 3.2 0 0 1 0 6M21 20a5.5 5.5 0 0 0-4-5.3"/></svg></span> 561 <span class="text-lg font-bold font-display">CARD RADAR</span> 562 </a></li> 563 </ul> 564 <p class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-3">Solutions · 15 types</p> 565 <div class="space-y-4 mb-6"> 566 <a href="/en/smartlinks#release" class="block"> 567 <div class="text-[13px] font-bold text-ink font-display mb-1.5">Release <span class="text-[10px] text-dim2">3</span></div> 568 <div class="flex flex-wrap gap-1">
569 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> Release smart link</span> 570 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18"/></svg></span> Region-target Digital Sales</span> 571 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70">
571<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M3 12V5a2 2 0 0 1 2-2h7l9 9-9 9z"/><circle cx="7.5" cy="7.5" r="1.3"/></svg></span> Physical album sales</span> 572 </div> 573 </a> 574 <a href="/en/smartlinks#mobilize" class="block"> 575 <div class="text-[13px] font-bold text-ink font-display mb-1.5">K-pop mobilization <span class="text-[10px] text-dim2">7</span></div> 576 <div class="flex flex-wrap gap-1"> 577 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M12 3c1 3 4 4 4 8a4 4 0 0 1-8 0c0-1 .5-2 1-2.5C9 11 12 8 12 3z"/></svg></span> Streaming push</span> 578 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70">
578<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M7 5l12 7-12 7z"/></svg></span> MV views push</span> 579 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M8.5 12l2.5 2.5L16 9"/></svg></span> Voting hub</span> 580 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9 4 7 20M17 4l-2 16M5 9h15M4 15h15"/></svg></span> Hashtag push</span> 581 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70">
581<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="2"/><path d="M8.3 8.3a5 5 0 0 0 0 7.4M15.7 8.3a5 5 0 0 1 0 7.4M5.5 5.5a9 9 0 0 0 0 13M18.5 5.5a9 9 0 0 1 0 13"/></svg></span> Radio requests</span> 582 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span> Mission checklist</span> 583 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span> Countdown · schedule</span> 584 </div> 585 </a> 586 <a href="/en/smartlinks#gate" class="block"> 587 <div class="text-[13px] font-bold text-ink font-display mb-1.5">Reward gate <span class="text-[10px] text-dim2">4</span></div> 588 <div class="flex flex-wrap gap-1"> 589 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70">
589<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Follow gate</span> 590 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Share gate</span> 591 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Purchase-proof gate</span> 592 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70">
592<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span> Streaming gate</span> 593 </div> 594 </a> 595 <a href="/en/smartlinks#other" class="block"> 596 <div class="text-[13px] font-bold text-ink font-display mb-1.5">Other <span class="text-[10px] text-dim2">3</span></div> 597 <div class="flex flex-wrap gap-1"> 598 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> Bio link</span> 599 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70">
599<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><rect x="3" y="6" width="18" height="12" rx="2"/><path d="M15 6v12"/><path d="M7 10h3M7 14h3"/></svg></span> Event · ticket link</span> 600 <span class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-black/[0.03] border border-line text-[10.5px] text-dim"><span class="opacity-70"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="6" cy="6" r="2.5"/><circle cx="6" cy="18" r="2.5"/><path d="M8 7.5 20 18M8 16.5 20 6"/></svg></span> Branded short link</span> 601 </div> 602 </a> 603 </div> 604 <p class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-3">Platform</p> 605 <ul class="space-y-1 mb-8"> 606 <li><a href="/en/charts" class="block py-3 border-b border-line text-lg font-bold font-display">Charts</a></li> 607 <li><a href="/en/anr" class="block py-3 border-b border-line text-lg font-bold font-display">A&R</a></li> 608 <li><a href="/en/distribution" class="block py-3 border-b border-line text-lg font-bold font-display">Distribution</a></li> 609 </ul> 610 <p class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-3">Company</p> 611 <ul class="space-y-1"> 612 <li><a href="/en/adnetwork" class="block py-3 border-b border-line text-lg font-bold font-display">Ad Network</a></li> 613 <li><a href="/en/blog" class="block py-3 border-b border-line text-lg font-bold font-display">TIP</a></li> 614 </ul> 615 </div> 616 <div class="border-t border-line p-6 space-y-3"> 617 <nav class="sr-v2-lang" style="width:100%;justify-content:center" aria-label="Language"> 618 <a href="/?lang=ko" hreflang="ko" rel="nofollow" class="" style="flex:1" aria-current="false">íêµì´</a> 619 <a href="/en" hreflang="en" rel="nofollow" class="on" style="flex:1" aria-current="true">English</a> 620 </nav> 621 <a href="/en/app/register.php" class="block w-full text-center bg-accent text-paper text-[15px] font-bold rounded-full py-4">Start free</a> 622 <a href="/en/ai" class="flex items-center justify-center gap-1.5 w-full text-center text-[15px] font-bold rounded-full py-4" style="background:rgba(107,63,246,.08);color:#6B3FF6;border:1px solid rgba(107,63,246,.22)"> 623 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:16px;height:16px" aria-hidden="true"><path d="M12 3l1.9 4.9L18.8 9.8l-4.9 1.9L12 16.6l-1.9-4.9L5.2 9.8l4.9-1.9z"/><path d="M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z"/></svg> 624 SODAR AI 625 </a> 626 <a href="/en/app/login.php" class="block w-full text-center border border-line text-ink text-[15px] font-semibold rounded-full py-4">Log in</a> 627 </div> 628 </div> 629</div> 630 631<main> 632 633<!-- ============ HERO (two-column · copy left · live phone preview right) ============ --> 634<section class="relative overflow-x-clip"> 635 <div class="pointer-events-none absolute -top-40 left-1/4 -translate-x-1/2 w-[1100px] h-[600px] rounded-full opacity-60 blur-3xl" style="background:radial-gradient(60% 60% at 50% 0%, rgba(107,63,246,.12), transparent 70%);"></div> 636 <div class="relative max-w-[1320px] mx-auto px-5 lg:px-8 pt-20 lg:pt-28 pb-20 lg:pb-24 grid lg:grid-cols-12 gap-12 lg:gap-12 items-center"> 637 638 <!-- left: copy + inline smartlink input --> 639 <div class="lg:col-span-7 text-center lg:text-left"> 640 <p class="text-[11px] sm:text-[12px] font-semibold tracking-[0.3em] uppercase sr-eyebrow mb-7 reveal">Paste a link · get a smartlink</p> 641 <h1 class="font-display font-black tracking-ultratight leading-[1.04] text-5xl sm:text-6xl lg:text-[3.1rem] reveal"> 642 <span class="block">One link â</span>
643 <span class="block lg:whitespace-nowrap"><span id="sr-rotate" class="text-gradient" aria-hidden="true">Billboard</span><span class="sr-caret" aria-hidden="true"></span><br class="lg:hidden"> to every chart <span class="text-gradient">at once</span></span> 644 <span class="sr-only">Billboard · Amazon · iTunes · Spotify · Radio · Melon â every chart at once</span> 645 </h1> 646 <p class="mt-8 text-base sm:text-lg text-dim max-w-xl mx-auto lg:mx-0 leading-relaxed reveal"> 647 Paste your release link and every store is gathered automatically. Create your smartlink right now â free to start. </p> 648 <form action="/en/app/register.php" method="get" class="mt-10 max-w-xl mx-auto lg:mx-0 reveal"> 649 <div class="flex flex-col sm:flex-row items-stretch gap-2 bg-surface border border-line rounded-2xl p-2 shadow-[0_24px_60px_-36px_rgba(24,24,27,.45)] focus-within:border-accent transition"> 650 <span class="hidden sm:flex items-center pl-3 text-dim2"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> 651 <input name="source_url" type="text" inputmode="url" autocomplete="off" 652 class="flex-1 bg-transparent outline-none text-[15px] px-3 py-3 text-ink placeholder:text-dim2" 653 placeholder="Paste a Spotify · Apple Music · iTunes URL"> 654 <button type="submit" class="btn-sr-primary inline-flex items-center justify-center gap-1.5 rounded-xl px-6 py-3.5 text-[14px] whitespace-nowrap transition"> 655 Create smartlink <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 656 </button> 657 </div> 658 </form> 659 <div class="mt-6 reveal"> 660 <a href="/en/smartlinks" class="inline-flex items-center gap-1 text-[13px] font-semibold text-dim hover:text-ink hover:gap-2 transition-all">Explore smartlinks â</a> 661 </div> 662 <p class="mt-5 text-[12px] text-dim reveal">Free to start, no credit card</p> 663 </div> 664 665 <!-- right: live fan page phone preview --> 666 <div class="lg:col-span-5 reveal"> 667 <div class="mx-auto max-w-[320px] relative"> 668 <div class="rounded-[2.5rem] border-[10px] border-[#1A1A1A] shadow-[0_60px_120px_-40px_rgba(24,24,27,.5)] overflow-hidden" style="background:#0A0A0A"> 669 <div class="relative h-[600px] overflow-hidden bg-black"> 670 <iframe src="https://k-pop.at/ariana/7-rings-ariana-grande" 671 title="Fan page preview" 672 loading="lazy" 673 class="block w-full h-full border-0" 674 referrerpolicy="no-referrer" 675 sandbox="allow-scripts allow-same-origin allow-popups allow-forms"></iframe> 676 </div> 677 </div> 678 <!-- floating tags --> 679 <div class="absolute -left-4 top-20 hidden lg:flex items-center gap-2 bg-surface border border-line rounded-full px-3 py-2 shadow-lg"> 680 <span class="w-2 h-2 rounded-full bg-accent"></span><span class="text-[11px] font-bold">Automatic app deep links</span> 681 </div> 682 <div class="absolute -right-6 top-1/2 hidden lg:flex items-center gap-2 bg-surface border border-line rounded-full px-3 py-2 shadow-lg"> 683 <span class="w-2 h-2 rounded-full bg-accent"></span><span class="text-[11px] font-bold">Color pulled from the cover</span> 684 </div> 685 </div> 686 </div> 687 688 </div> 689</section> 690 691<!-- ============ SODAR AI ê²ì (í â /ai ë¡ ë°ë¡ ëì´ê°) ============ --> 692<section class="relative overflow-hidden bg-surface"> 693 <!-- ë°°ê²½ ì¤ë¼ --> 694 <div class="pointer-events-none absolute left-1/2 top-8 -translate-x-1/2 w-[900px] max-w-[130vw] h-[460px] rounded-full opacity-70 blur-3xl" style="background:radial-gradient(50% 50% at 50% 50%, rgba(107,63,246,.16), transparent 72%)"></div> 695 <div class="relative max-w-[1320px] mx-auto px-5 lg:px-8 py-24 lg:py-32"> 696 <div class="max-w-2xl mx-auto text-center reveal"> 697 <!-- ë¼ì´ë¸ ë°°ì§ -->
698 <span class="inline-flex items-center gap-2 rounded-full border border-line bg-surface px-3.5 py-1.5 text-[11px] font-bold tracking-[0.16em] uppercase text-dim mb-7 shadow-sm"> 699 <span class="relative flex h-2 w-2"> 700 <span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-60" style="background:#6B3FF6"></span> 701 <span class="relative inline-flex rounded-full h-2 w-2" style="background:#6B3FF6"></span> 702 </span> 703 SODAR AI · Music industry AI </span> 704 <h2 class="text-[2rem] sm:text-4xl lg:text-5xl font-extrabold tracking-tight leading-[1.28] font-display"> 705 Curious about the charts?<br><span class="text-gradient">Just ask.</span> 706 </h2> 707 <p class="mt-5 text-[15px] lg:text-base text-dim max-w-md mx-auto leading-relaxed">Our own AI, answering from measured Billboard, Korean and global chart data.<br class="hidden sm:block">Search and the conversation starts instantly.</p> 708 709 <!-- ê²ìì°½ â GET /ai?q=... ë¡ ì ì¶ëì´ SODAR AIê° ì¦ì ëµë³ --> 710 <form action="/en/ai" method="get" class="mt-10 group"> 711 <div class="relative"> 712 <!-- ì»´í¬ì ê¸ë¡ì° --> 713 <div class="pointer-events-none absolute -inset-2.5 rounded-[30px] opacity-0 blur-2xl transition-opacity duration-500 group-focus-within:opacity-100" style="background:radial-gradient(60% 60% at 50% 50%, rgba(107,63,246,.4), transparent 70%)"></div> 714 <!-- ê·¸ë¼ëì¸í¸ ë³´ë --> 715 <div class="relative rounded-[22px] p-[1.5px] shadow-[0_24px_70px_-24px_rgba(107,63,246,.55)]" style="background:linear-gradient(160deg, rgba(139,107,249,.9), rgba(107,63,246,.35) 55%, rgba(139,107,249,.15))"> 716 <div class="flex items-center gap-3 rounded-[20.5px] pl-5 pr-2.5 py-2.5" style="background:#0E0E15"> 717 <span class="flex items-center flex-shrink-0" style="color:#A98BFF"><i class="fi-rr-sparkles" aria-hidden="true" style="font-size:20px;line-height:1;display:inline-flex"></i></span> 718 <input id="sonar-home-input" name="q" type="text" autocomplete="off" maxlength="300" 719 placeholder="e.g. Show me the songs surging on Billboard right now" 720 class="flex-1 min-w-0 bg-transparent border-0 outline-none text-[15px] lg:text-base py-2.5 text-white placeholder:text-white/35"> 721 <button type="submit" aria-label="Ask SODAR AI" 722 class="flex-shrink-0 inline-flex items-center gap-1.5 rounded-[15px] px-4 lg:px-5 py-3 text-sm font-bold text-white transition-transform hover:scale-[1.04] active:scale-95" style="background:linear-gradient(135deg,#8B6BF9,#6B3FF6)"> 723 <span class="hidden sm:inline">Ask</span><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </button> 724 </div> 725 </div> 726 </div> 727 <div class="mt-3 flex items-center justify-center gap-1.5 text-[12px] text-dim2"> 728 <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/></svg> Answers grounded in measured chart data · no sign-up needed </div> 729 </form> 730 731 <!-- ìí ê²ì ê°ì´ë --> 732 <div class="mt-7 flex flex-wrap items-center justify-center gap-2"> 733 <a href="/en/ai?q=Show%20me%20the%20K-pop%20rising%20on%20the%20Korean%20charts%20right%20now" 734 class="inline-flex items-center gap-1.5 text-[12.5px] font-semibold text-dim bg-surface border border-line rounded-full px-3.5 py-2 shadow-sm transition-all hover:-translate-y-0.5 hover:border-accent hover:text-accent hover:shadow-md"> 735 <span class="opacity-50"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>Show me the K-pop rising on the Korean charts right now </a> 736 <a href="/en/ai?q=What%20kind%20of%20chart%20is%20the%20Billboard%20Hot%20100%3F" 737 class="inline-flex items-center gap-1.5 text-[12.5px] font-semibold text-dim bg-surface border border-line rounded-full px-3.5 py-2 shadow-sm transition-all hover:-translate-y-0.5 hover:border-accent hover:text-accent hover:shadow-md">
738 <span class="opacity-50"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>What kind of chart is the Billboard Hot 100? </a> 739 <a href="/en/ai?q=Draft%20a%20release%20promotion%20plan%20for%20me" 740 class="inline-flex items-center gap-1.5 text-[12.5px] font-semibold text-dim bg-surface border border-line rounded-full px-3.5 py-2 shadow-sm transition-all hover:-translate-y-0.5 hover:border-accent hover:text-accent hover:shadow-md"> 741 <span class="opacity-50"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>Draft a release promotion plan for me </a> 742 <a href="/en/ai?q=Why%20does%20streaming%20matter%20so%20much%20for%20the%20charts%3F" 743 class="inline-flex items-center gap-1.5 text-[12.5px] font-semibold text-dim bg-surface border border-line rounded-full px-3.5 py-2 shadow-sm transition-all hover:-translate-y-0.5 hover:border-accent hover:text-accent hover:shadow-md"> 744 <span class="opacity-50"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>Why does streaming matter so much for the charts? </a> 745 </div> 746 </div> 747 </div> 748</section> 749 750<!-- ============ HOW IT WORKS â 3ë¨ê³ + ì¸ë¼ì¸ ì¸ì¡ì ë°ëª¨ ============ --> 751<section class="bg-paper"> 752 <div class="max-w-[1320px] mx-auto px-5 lg:px-8 py-24 lg:py-32"> 753 <div class="mb-16 reveal"> 754 <p class="text-[11px] font-semibold tracking-[0.3em] uppercase text-dim mb-6">How it works</p> 755 <h2 class="text-4xl sm:text-5xl lg:text-7xl font-extrabold tracking-tightest leading-[1.05] font-display max-w-4xl">From one URL<br>to the charts, in 3 steps</h2> 756 <p class="mt-6 text-lg text-dim max-w-2xl">One paste gathers every store, opens mobilization mode for the chart window, and tracks performance in real time.</p> 757 </div> 758 <div class="grid grid-cols-1 lg:grid-cols-3 gap-5 lg:gap-6"> 759 760 <!-- Step 1: URL ë¶ì¬ë£ê¸° (ë°ë§¤ì ISRC · ë°ë§¤í Spotify URL) --> 761 <article class="bg-surface rounded-3xl border border-line p-8 reveal flex flex-col"> 762 <div class="flex items-center gap-3 mb-6"> 763 <span class="w-9 h-9 rounded-full flex items-center justify-center text-[15px] font-extrabold font-display" style="background:#6B3FF6;color:#fff">1</span> 764 <span class="text-[11px] font-semibold tracking-[0.2em] uppercase text-dim">Paste</span> 765 </div> 766 <h3 class="text-xl lg:text-2xl font-extrabold tracking-tight font-display mb-3 leading-tight">Just paste one URL</h3> 767 <p class="text-[14px] text-dim leading-relaxed mb-6">Before release use the ISRC; after release a Spotify, Apple Music or iTunes link all work. Unreleased stores are rescanned automatically.</p> 768 <!-- inline demo: 2 examples --> 769 <div class="mt-auto space-y-2"> 770 <div class="bg-soft border border-line rounded-xl px-3 py-2.5 text-[12px] flex items-center gap-2"> 771 <span class="text-[9px] font-extrabold tracking-wider px-1.5 py-0.5 rounded flex-shrink-0" style="background:#EDE7FE;color:#6B3FF6">Pre-release</span> 772 <span class="font-mono text-dim truncate">USRC1.7000.245</span> 773 <span class="text-[10px] text-dim2 font-semibold">ISRC</span> 774 <span class="ml-auto inline-flex items-center gap-1 text-accent font-bold text-[11px] whitespace-nowrap flex-shrink-0">Detected <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span> 775 </div> 776 <div class="bg-soft border border-line rounded-xl px-3 py-2.5 text-[12px] flex items-center gap-2">
777 <span class="text-[9px] font-extrabold tracking-wider px-1.5 py-0.5 rounded flex-shrink-0" style="background:#DCFCE7;color:#16A34A">Post-release</span> 778 <span style="display:inline-flex;align-items:center;justify-content:center;color:#1DB954;flex-shrink:0;width:14px;height:14px"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" style="display:inline-block;flex-shrink:0;vertical-align:middle"> 779 <path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.4861 6.4861 2 12 2C17.5139 2 22 6.4861 22 12C22 17.5139 17.5139 22 12 22C6.4861 22 2 17.5139 2 12ZM15.4786 16.3596C16.119 16.8783 17 15.7556 16.119 15.2396C13.329 13.6054 10.0018 13.5221 6.9219 14.2399C6.20049 14.3407 6.25898 15.4786 7.00156 15.4786C10 15 12.5856 14.6225 15.4786 16.3596ZM16.5447 13.8741C12.9822 12.0279 10.5 12 6.80162 12.7998C5.87245 12.7998 5.81376 11.4868 6.6423 11.2409C10.166 10.323 14.1022 10.5867 17.278 12.4795C18 13 17.6389 14.306 16.5447 13.8741ZM17.6389 10.88C18.6348 11.6318 19.6027 9.88208 18.5573 9.28054C15.0151 7.18133 9.97139 6.88577 6.04249 8.04186C5.06888 8.36218 5.5 10 6.28147 9.88035C10.4005 8.86838 14.2647 8.84207 17.6389 10.88Z" fill="#A1A3B7"></path> 780</svg></span> <span class="font-mono text-dim truncate">open.spotify.com/track/3n3Pâ¦</span> 781 <span class="ml-auto inline-flex items-center gap-1 text-accent font-bold text-[11px] whitespace-nowrap flex-shrink-0">Detected <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span> 782 </div> 783 </div> 784 </article> 785 786 <!-- Step 2: ìë ê°ì§ + êµë´ 5ê° [ë ì ì ê³µ] --> 787 <article class="bg-surface rounded-3xl border border-line p-8 reveal flex flex-col"> 788 <div class="flex items-center gap-3 mb-6"> 789 <span class="w-9 h-9 rounded-full flex items-center justify-center text-[15px] font-extrabold font-display" style="background:#6B3FF6;color:#fff">2</span> 790 <span class="text-[11px] font-semibold tracking-[0.2em] uppercase text-dim">Detect</span> 791 </div> 792 <h3 class="text-xl lg:text-2xl font-extrabold tracking-tight font-display mb-3 leading-tight">Every store detected automatically</h3> 793 <p class="text-[14px] text-dim leading-relaxed mb-6"><strong class="text-ink">Korean music platforms can't be auto-scanned by other smartlinks.</strong> Only SoundRadar connects Melon, Genie, VIBE, Bugs and FLO in one go.</p> 794 <!-- inline demo: íêµ 5ê° íë«í¼ ì¼ë ¬ --> 795 <div class="mt-auto"> 796 <div class="flex items-center gap-2 mb-2.5"> 797 <span class="badge-sr text-[10px] font-extrabold tracking-wider px-2 py-0.5 rounded">Exclusive</span> 798 <span class="text-[11px] font-semibold text-dim">5 Korean stores auto-connected</span> 799 </div> 800 <div class="bg-soft border border-line rounded-xl px-2 py-3 flex items-stretch justify-between gap-1"> 801 <div class="flex flex-col items-center gap-1.5 flex-1 min-w-0 px-1"> 802 <span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#04E632"> 803<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 238.51 272.06" width="24" height="24" fill="currentColor" style="display:block"> 804 805 <g id="_ë ì´ì´_1-2" data-name="ë ì´ì´ 1"> 806 <path d="M100.83,70.41C45.14,70.41,0,115.55,0,171.24s45.14,100.83,100.83,100.83,100.82-45.14,100.82-100.83-45.14-100.83-100.82-100.83M100.83,127.22c24.27,0,44.01,19.74,44.01,44.01s-19.75,44.01-44.01,44.01-44.01-19.74-44.01-44.01,19.74-44.01,44.01-44.01"/> 807 <path d="M238.51,37.89c0,20.93-16.97,37.89-37.89,37.89s-37.89-16.97-37.89-37.89S179.69,0,200.62,0s37.89,16.97,37.89,37.89"/> 808 </g> 809</svg></span> 810 <span class="text-[10.5px] font-bold text-ink truncate w-full text-center">Melon</span> 811 </div> 812 <div class="flex flex-col items-center gap-1.5 flex-1 min-w-0 px-1">
813 <span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#0096FF"> 814<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.58 137.53" width="24" height="24" fill="currentColor" style="display:block"> 815 816 <g id="_ë ì´ì´_1-2" data-name="ë ì´ì´ 1"> 817 <path d="M56.22.88l-8.62,5.12c-4.45-2.26-9.48-3.54-14.81-3.54C14.79,2.46.18,16.97,0,34.93h0v33.77h0c.17,17.96,14.78,32.47,32.78,32.47,4.24,0,8.29-.81,12.01-2.28v5.85c0,6.63-5.38,12.01-12.01,12.01-4.38,0-8.21-2.55-10.31-4.84-1.75-1.91-4.26-2.96-6.86-2.96h0c-9.53,0-14.5,11.47-7.88,18.32,6.03,6.24,15.04,10.26,25.05,10.26,18,0,32.61-14.51,32.78-32.47h0V6.21c0-4.8-5.23-7.78-9.36-5.33ZM44.81,68.08c0,6.51-5.07,12.06-11.57,12.29-6.83.24-12.45-5.23-12.45-12.01v-32.83c0-6.51,5.07-12.06,11.57-12.29,6.83-.24,12.45,5.23,12.45,12.01v32.83Z"/> 818 </g> 819</svg></span> 820 <span class="text-[10.5px] font-bold text-ink truncate w-full text-center">Genie</span> 821 </div> 822 <div class="flex flex-col items-center gap-1.5 flex-1 min-w-0 px-1"> 823 <span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#FF1260"> 824<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330.54 267.26" width="24" height="24" fill="currentColor" style="display:block"> 825 826 <g id="_ë ì´ì´_1-2" data-name="ë ì´ì´ 1"> 827 <path d="M3.22,114.91h29.7c1.78,0,3.22-1.44,3.23-3.22V34.22c0-1.78-1.44-3.22-3.22-3.22,0,0,0,0,0,0H3.22c-1.78,0-3.22,1.44-3.22,3.22h0v77.48c0,1.78,1.45,3.21,3.22,3.22M52.29,163.98h29.7c1.79,0,3.24-1.44,3.24-3.22V3.23C85.22,1.45,83.78,0,81.99,0c0,0,0,0,0,0h-29.7c-1.78,0-3.23,1.45-3.23,3.23v157.52c0,1.78,1.45,3.22,3.23,3.22M101.36,214.34h29.7c1.78,0,3.22-1.44,3.22-3.22V53.59c0-1.78-1.44-3.24-3.22-3.24h-29.7c-1.78,0-3.23,1.45-3.23,3.23,0,0,0,0,0,0v157.52c0,1.78,1.45,3.22,3.23,3.22M199.49,214.34h29.7c1.78,0,3.22-1.45,3.22-3.22V53.59c0-1.78-1.43-3.23-3.22-3.24h-29.7c-1.78,0-3.23,1.45-3.23,3.23,0,0,0,0,0,0v157.52c0,1.78,1.45,3.22,3.23,3.22M248.54,163.98h29.7c1.78,0,3.23-1.44,3.23-3.22h0V3.23C281.47,1.45,280.02,0,278.24,0h-29.7c-1.78,0-3.22,1.44-3.22,3.22,0,0,0,.01,0,.02v157.52c0,1.77,1.43,3.22,3.2,3.22,0,0,0,0,.01,0M297.61,114.91h29.7c1.78,0,3.23-1.44,3.23-3.22h0V34.22c0-1.78-1.44-3.22-3.22-3.22,0,0,0,0,0,0h-29.7c-1.78,0-3.22,1.44-3.22,3.22v77.48c0,1.78,1.44,3.22,3.22,3.22,0,0,0,0,0,0M150.42,267.26h29.7c1.78,0,3.24-1.44,3.24-3.22V106.53c0-1.79-1.45-3.24-3.24-3.24h-29.7c-1.78,0-3.23,1.45-3.23,3.23,0,0,0,0,0,0v157.52c0,1.78,1.45,3.22,3.23,3.22"/> 828 </g> 829</svg></span> 830 <span class="text-[10.5px] font-bold text-ink truncate w-full text-center">VIBE</span> 831 </div> 832 <div class="flex flex-col items-center gap-1.5 flex-1 min-w-0 px-1"> 833 <span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#EB4F40"> 834<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 106.33 141.13" width="24" height="24" fill="currentColor" style="display:block"> 835 836 <g id="_ë ì´ì´_1-2" data-name="ë ì´ì´ 1"> 837 <path d="M60.54,117.71l12.16-1.03s9.58-.52,9.58-12.81-6.34-23.42-16.95-23.42h-11.64l6.86,37.25ZM50.32,1.3c37.38-.52,45.92,28.72,45.92,48.25s-15.27,22.26-15.27,22.26c14.11,2.22,25.35,14.74,25.35,39.83s-24.31,26.65-24.31,26.65l-40.88,2.85L18.76,43.85c0-7.37,4.91-13.32,14.62-13.32s11.64,8.79,11.64,8.79l4.4,20.05h12.81c1.42,0,12.68-2.72,8.8-19.53-3.88-16.82-16.95-17.08-16.95-17.08h-31.05c-10.35,0-15.4-8.92-15.4-8.92L0,0l50.32,1.3Z"/> 838 </g> 839</svg></span> 840 <span class="text-[10.5px] font-bold text-ink truncate w-full text-center">Bugs</span> 841 </div> 842 <div class="flex flex-col items-center gap-1.5 flex-1 min-w-0 px-1"> 843 <span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#3F3FF6"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" style="display:block"> 844 <path d="m18.759 5.433.049-1.733c.054-1.94.046-1.95-1.076-1.352-1.053.563-3.178.615-5.395.133-2.202-.48-4.09-.422-5.435.164l-.899.392v1.797c0 2.008-.134 1.877 1.356 1.33 1.41-.516 2.653-.515 5.231.007 2.112.427 2.49.46 3.465.292.601-.103 1.456-.377 1.899-.608l.805-.422ZM18.759 12.84V9.244l-4.3
84466-.024c-2.402-.014-4.642.03-4.98.097-1.494.295-2.847 1.504-3.23 2.885-.103.366-.178 2.591-.179 5.218V22H9.77v-4.09c0-3.77.025-4.122.327-4.495.324-.4.37-.405 4.494-.49l4.168-.085Z"></path> 845</svg></span> 846 <span class="text-[10.5px] font-bold text-ink truncate w-full text-center">FLO</span> 847 </div> 848 </div> 849 </div> 850 </article> 851 852 <!-- Step 3: ë¹ë³´ë ì¹´ì´í ì¹´ì´í¸ë¤ì´ + ì´ê³µ --> 853 <article class="bg-surface rounded-3xl border border-line p-8 reveal flex flex-col"> 854 <div class="flex items-center gap-3 mb-6"> 855 <span class="w-9 h-9 rounded-full flex items-center justify-center text-[15px] font-extrabold font-display" style="background:#6B3FF6;color:#fff">3</span> 856 <span class="text-[11px] font-semibold tracking-[0.2em] uppercase text-dim">Mobilize</span> 857 </div> 858 <h3 class="text-xl lg:text-2xl font-extrabold tracking-tight font-display mb-3 leading-tight">Billboard counting · mobilization open</h3> 859 <p class="text-[14px] text-dim leading-relaxed mb-6">Timed to the Billboard counting and first-week deadline, open streaming and download mobilization and monitor it in real time.</p> 860 <!-- inline demo: countdown + progress --> 861 <div class="mt-auto bg-soft border border-line rounded-xl p-4"> 862 <p class="text-[10px] font-semibold tracking-[0.2em] uppercase text-accent mb-1">Until Billboard counting closes</p> 863 <div class="text-3xl font-extrabold font-display tracking-tight" style="font-variant-numeric:tabular-nums" id="cdClock">02:14:39</div> 864 <div class="h-1.5 bg-line rounded-full overflow-hidden mt-3 mb-1.5"><i class="block h-full" style="width:68%;background:#6B3FF6"></i></div> 865 <div class="flex justify-between text-[11px] font-semibold"><span class="text-dim">12,480 / 18,000 mobilizing</span><span class="text-accent">68%</span></div> 866 </div> 867 </article> 868 869 </div> 870 </div> 871</section> 872 873<!-- ============ SMARTLINK MARQUEE (text-only · infinite scroll · clickable) ============ --> 874<section class="overflow-hidden py-14 lg:py-20" aria-label="Smartlink showcase"> 875 <div class="max-w-[1320px] mx-auto px-5 lg:px-8 mb-10 reveal"> 876 <p class="text-[11px] font-semibold tracking-[0.3em] uppercase text-dim mb-3">Powered by SoundRadar</p> 877 <h2 class="text-2xl sm:text-3xl font-extrabold tracking-tight font-display">One link, every store on a single page</h2> 878 </div> 879 <div class="sr-mq-mask flex flex-col gap-6 lg:gap-8"> 880 <div class="sr-mq-row"> 881 <div class="sr-mq" style="animation-duration:52s"> 882 <a href="https://k-pop.at/shooting-star-xg" class="sr-mq-chip has-cover"> 883 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music112/v4/f8/4c/0a/f84c0abd-7bab-12ae-d7f0-0e8a9ad8079a/ANTCD-A0000009111.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">SHOOTING STAR</span> 884 </a> 885 <a href="https://k-pop.at/puppet-show-xg" class="sr-mq-chip has-cover"> 886 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music126/v4/9e/a5/4f/9ea54f4c-3d87-eae0-bee8-f9d1d7ef51e5/ANTCD-A0000011283.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">PUPPET SHOW</span> 887 </a> 888 <a href="https://k-pop.at/cinderella-seori" class="sr-mq-chip has-cover"> 889 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/a5/8d/1e/a58d1efb-44f7-c13e-b21e-8554f0907aa5/196922312946_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Seori</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Cinderella</span> 890 </a> 891 <a href="https://k-pop.at/stuck-82major" class="sr-mq-chip has-cover"> 892 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.
892com/image/thumb/Music211/v4/9f/72/97/9f729705-a977-16fe-8055-2eb8bbcc9c39/888272141375_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Stuck</span> 893 </a> 894 <a href="https://k-pop.at/bop-bop-yves-v-remix-viviz-yves-v" class="sr-mq-chip has-cover"> 895 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/68/56/d8/6856d891-dd45-9c84-dd6d-220b5c498618/196626841780.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">VIVIZ, Yves V</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">BOP BOP!</span> 896 </a> 897 <a href="https://k-pop.at/shooting-star-xg" class="sr-mq-chip has-cover"> 898 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music112/v4/f8/4c/0a/f84c0abd-7bab-12ae-d7f0-0e8a9ad8079a/ANTCD-A0000009111.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">SHOOTING STAR</span> 899 </a> 900 <a href="https://k-pop.at/puppet-show-xg" class="sr-mq-chip has-cover"> 901 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music126/v4/9e/a5/4f/9ea54f4c-3d87-eae0-bee8-f9d1d7ef51e5/ANTCD-A0000011283.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">PUPPET SHOW</span> 902 </a> 903 <a href="https://k-pop.at/cinderella-seori" class="sr-mq-chip has-cover"> 904 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/a5/8d/1e/a58d1efb-44f7-c13e-b21e-8554f0907aa5/196922312946_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Seori</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Cinderella</span> 905 </a> 906 <a href="https://k-pop.at/stuck-82major" class="sr-mq-chip has-cover"> 907 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/9f/72/97/9f729705-a977-16fe-8055-2eb8bbcc9c39/888272141375_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Stuck</span> 908 </a> 909 <a href="https://k-pop.at/bop-bop-yves-v-remix-viviz-yves-v" class="sr-mq-chip has-cover"> 910 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/68/56/d8/6856d891-dd45-9c84-dd6d-220b5c498618/196626841780.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">VIVIZ, Yves V</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">BOP BOP!</span> 911 </a> 912 <a href="https://k-pop.at/shooting-star-xg" class="sr-mq-chip has-cover"> 913 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music112/v4/f8/4c/0a/f84c0abd-7bab-12ae-d7f0-0e8a9ad8079a/ANTCD-A0000009111.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">SHOOTING STAR</span> 914 </a> 915 <a href="https://k-pop.at/puppet-show-xg" class="sr-mq-chip has-cover"> 916 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music126/v4/9e/a5/4f/9ea54f4c-3d87-eae0-bee8-f9d1d7ef51e5/ANTCD-A0000011283.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">PUPPET SHOW</span> 917 </a> 918 <a href="https://k-pop.at/cinderella-seori" class="sr-mq-chip has-cover"> 919 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.
919com/image/thumb/Music113/v4/a5/8d/1e/a58d1efb-44f7-c13e-b21e-8554f0907aa5/196922312946_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Seori</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Cinderella</span> 920 </a> 921 <a href="https://k-pop.at/stuck-82major" class="sr-mq-chip has-cover"> 922 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/9f/72/97/9f729705-a977-16fe-8055-2eb8bbcc9c39/888272141375_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Stuck</span> 923 </a> 924 <a href="https://k-pop.at/bop-bop-yves-v-remix-viviz-yves-v" class="sr-mq-chip has-cover"> 925 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/68/56/d8/6856d891-dd45-9c84-dd6d-220b5c498618/196626841780.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">VIVIZ, Yves V</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">BOP BOP!</span> 926 </a> 927 <a href="https://k-pop.at/shooting-star-xg" class="sr-mq-chip has-cover"> 928 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music112/v4/f8/4c/0a/f84c0abd-7bab-12ae-d7f0-0e8a9ad8079a/ANTCD-A0000009111.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">SHOOTING STAR</span> 929 </a> 930 <a href="https://k-pop.at/puppet-show-xg" class="sr-mq-chip has-cover"> 931 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music126/v4/9e/a5/4f/9ea54f4c-3d87-eae0-bee8-f9d1d7ef51e5/ANTCD-A0000011283.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">PUPPET SHOW</span> 932 </a> 933 <a href="https://k-pop.at/cinderella-seori" class="sr-mq-chip has-cover"> 934 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/a5/8d/1e/a58d1efb-44f7-c13e-b21e-8554f0907aa5/196922312946_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Seori</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Cinderella</span> 935 </a> 936 <a href="https://k-pop.at/stuck-82major" class="sr-mq-chip has-cover"> 937 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/9f/72/97/9f729705-a977-16fe-8055-2eb8bbcc9c39/888272141375_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Stuck</span> 938 </a> 939 <a href="https://k-pop.at/bop-bop-yves-v-remix-viviz-yves-v" class="sr-mq-chip has-cover"> 940 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/68/56/d8/6856d891-dd45-9c84-dd6d-220b5c498618/196626841780.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">VIVIZ, Yves V</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">BOP BOP!</span> 941 </a> 942 <a href="https://k-pop.at/shooting-star-xg" class="sr-mq-chip has-cover"> 943 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music112/v4/f8/4c/0a/f84c0abd-7bab-12ae-d7f0-0e8a9ad8079a/ANTCD-A0000009111.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">SHOOTING STAR</span> 944 </a> 945 <a href="https://k-pop.at/puppet-show-xg" class="sr-mq-chip has-cover"> 946 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.
946com/image/thumb/Music126/v4/9e/a5/4f/9ea54f4c-3d87-eae0-bee8-f9d1d7ef51e5/ANTCD-A0000011283.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">PUPPET SHOW</span> 947 </a> 948 <a href="https://k-pop.at/cinderella-seori" class="sr-mq-chip has-cover"> 949 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/a5/8d/1e/a58d1efb-44f7-c13e-b21e-8554f0907aa5/196922312946_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Seori</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Cinderella</span> 950 </a> 951 <a href="https://k-pop.at/stuck-82major" class="sr-mq-chip has-cover"> 952 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/9f/72/97/9f729705-a977-16fe-8055-2eb8bbcc9c39/888272141375_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Stuck</span> 953 </a> 954 <a href="https://k-pop.at/bop-bop-yves-v-remix-viviz-yves-v" class="sr-mq-chip has-cover"> 955 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/68/56/d8/6856d891-dd45-9c84-dd6d-220b5c498618/196626841780.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">VIVIZ, Yves V</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">BOP BOP!</span> 956 </a> 957 <a href="https://k-pop.at/shooting-star-xg" class="sr-mq-chip has-cover"> 958 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music112/v4/f8/4c/0a/f84c0abd-7bab-12ae-d7f0-0e8a9ad8079a/ANTCD-A0000009111.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">SHOOTING STAR</span> 959 </a> 960 <a href="https://k-pop.at/puppet-show-xg" class="sr-mq-chip has-cover"> 961 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music126/v4/9e/a5/4f/9ea54f4c-3d87-eae0-bee8-f9d1d7ef51e5/ANTCD-A0000011283.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">PUPPET SHOW</span> 962 </a> 963 <a href="https://k-pop.at/cinderella-seori" class="sr-mq-chip has-cover"> 964 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music113/v4/a5/8d/1e/a58d1efb-44f7-c13e-b21e-8554f0907aa5/196922312946_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Seori</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Cinderella</span> 965 </a> 966 <a href="https://k-pop.at/stuck-82major" class="sr-mq-chip has-cover"> 967 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/9f/72/97/9f729705-a977-16fe-8055-2eb8bbcc9c39/888272141375_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Stuck</span> 968 </a> 969 <a href="https://k-pop.at/bop-bop-yves-v-remix-viviz-yves-v" class="sr-mq-chip has-cover"> 970 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/68/56/d8/6856d891-dd45-9c84-dd6d-220b5c498618/196626841780.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">VIVIZ, Yves V</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">BOP BOP!</span> 971 </a> 972 </div> 973 </div> 974 <div class="sr-mq-row"> 975 <div class="sr-mq sr-mq-rev" style="animation-duration:64s"> 976 <a href="https://k-pop.at/gala-xg" class="sr-mq-chip has-cover"> 977 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.
977com/image/thumb/Music211/v4/e9/98/5e/e9985e9d-034d-d97f-365d-f3a4887c0afa/ANTCD-A0000018810.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">GALA</span> 978 </a> 979 <a href="https://k-pop.at/doogeundae-chadonghyeop-drippin-chadonghyeop" class="sr-mq-chip has-cover"> 980 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b2732e92629d0a5f9b3c5c4cf49e" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">ì°¨ëí (ë리í)</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">ëê·¼ë</span> 981 </a> 982 <a href="https://k-pop.at/killa-face-the-other-me-kep1er" class="sr-mq-chip has-cover"> 983 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/c8/08/07/c8080781-a892-a7cb-edfa-d5e4f9dfc871/888272178760_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">KILLA</span> 984 </a> 985 <a href="https://k-pop.at/choke-82major" class="sr-mq-chip has-cover"> 986 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/85/d7/7e/85d77ead-5e94-d0c3-cb34-fc95cf039389/888272133417_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Choke</span> 987 </a> 988 <a href="https://k-pop.at/tomboy-r3hab-remix-r3hab-i-dle-gi-dle-i-dle-%EC%95%84%EC%9D%B4%EB%93%A4" class="sr-mq-chip has-cover"> 989 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music122/v4/1c/5a/cb/1c5acbff-d3cd-db0f-5a24-b5febe429ae2/196626984128.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">I-DLE, R3HBA</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TOMBOY</span> 990 </a> 991 <a href="https://k-pop.at/gala-xg" class="sr-mq-chip has-cover"> 992 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/e9/98/5e/e9985e9d-034d-d97f-365d-f3a4887c0afa/ANTCD-A0000018810.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">GALA</span> 993 </a> 994 <a href="https://k-pop.at/doogeundae-chadonghyeop-drippin-chadonghyeop" class="sr-mq-chip has-cover"> 995 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b2732e92629d0a5f9b3c5c4cf49e" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">ì°¨ëí (ë리í)</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">ëê·¼ë</span> 996 </a> 997 <a href="https://k-pop.at/killa-face-the-other-me-kep1er" class="sr-mq-chip has-cover"> 998 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/c8/08/07/c8080781-a892-a7cb-edfa-d5e4f9dfc871/888272178760_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">KILLA</span> 999 </a> 1000 <a href="https://k-pop.at/choke-82major" class="sr-mq-chip has-cover"> 1001 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/85/d7/7e/85d77ead-5e94-d0c3-cb34-fc95cf039389/888272133417_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Choke</span> 1002 </a> 1003 <a href="https://k-pop.at/tomboy-r3hab-remix-r3hab-i-dle-gi-dle-i-dle-%EC%95%84%EC%9D%B4%EB%93%A4" class="sr-mq-chip has-cover"> 1004 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.
1004com/image/thumb/Music122/v4/1c/5a/cb/1c5acbff-d3cd-db0f-5a24-b5febe429ae2/196626984128.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">I-DLE, R3HBA</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TOMBOY</span> 1005 </a> 1006 <a href="https://k-pop.at/gala-xg" class="sr-mq-chip has-cover"> 1007 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/e9/98/5e/e9985e9d-034d-d97f-365d-f3a4887c0afa/ANTCD-A0000018810.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">GALA</span> 1008 </a> 1009 <a href="https://k-pop.at/doogeundae-chadonghyeop-drippin-chadonghyeop" class="sr-mq-chip has-cover"> 1010 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b2732e92629d0a5f9b3c5c4cf49e" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">ì°¨ëí (ë리í)</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">ëê·¼ë</span> 1011 </a> 1012 <a href="https://k-pop.at/killa-face-the-other-me-kep1er" class="sr-mq-chip has-cover"> 1013 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/c8/08/07/c8080781-a892-a7cb-edfa-d5e4f9dfc871/888272178760_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">KILLA</span> 1014 </a> 1015 <a href="https://k-pop.at/choke-82major" class="sr-mq-chip has-cover"> 1016 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/85/d7/7e/85d77ead-5e94-d0c3-cb34-fc95cf039389/888272133417_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Choke</span> 1017 </a> 1018 <a href="https://k-pop.at/tomboy-r3hab-remix-r3hab-i-dle-gi-dle-i-dle-%EC%95%84%EC%9D%B4%EB%93%A4" class="sr-mq-chip has-cover"> 1019 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music122/v4/1c/5a/cb/1c5acbff-d3cd-db0f-5a24-b5febe429ae2/196626984128.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">I-DLE, R3HBA</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TOMBOY</span> 1020 </a> 1021 <a href="https://k-pop.at/gala-xg" class="sr-mq-chip has-cover"> 1022 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/e9/98/5e/e9985e9d-034d-d97f-365d-f3a4887c0afa/ANTCD-A0000018810.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">GALA</span> 1023 </a> 1024 <a href="https://k-pop.at/doogeundae-chadonghyeop-drippin-chadonghyeop" class="sr-mq-chip has-cover"> 1025 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b2732e92629d0a5f9b3c5c4cf49e" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">ì°¨ëí (ë리í)</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">ëê·¼ë</span> 1026 </a> 1027 <a href="https://k-pop.at/killa-face-the-other-me-kep1er" class="sr-mq-chip has-cover"> 1028 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/c8/08/07/c8080781-a892-a7cb-edfa-d5e4f9dfc871/888272178760_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">KILLA</span> 1029 </a> 1030 <a href="https://k-pop.at/choke-82major" class="sr-mq-chip has-cover"> 1031 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.
1031com/image/thumb/Music211/v4/85/d7/7e/85d77ead-5e94-d0c3-cb34-fc95cf039389/888272133417_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Choke</span> 1032 </a> 1033 <a href="https://k-pop.at/tomboy-r3hab-remix-r3hab-i-dle-gi-dle-i-dle-%EC%95%84%EC%9D%B4%EB%93%A4" class="sr-mq-chip has-cover"> 1034 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music122/v4/1c/5a/cb/1c5acbff-d3cd-db0f-5a24-b5febe429ae2/196626984128.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">I-DLE, R3HBA</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TOMBOY</span> 1035 </a> 1036 <a href="https://k-pop.at/gala-xg" class="sr-mq-chip has-cover"> 1037 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/e9/98/5e/e9985e9d-034d-d97f-365d-f3a4887c0afa/ANTCD-A0000018810.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">GALA</span> 1038 </a> 1039 <a href="https://k-pop.at/doogeundae-chadonghyeop-drippin-chadonghyeop" class="sr-mq-chip has-cover"> 1040 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b2732e92629d0a5f9b3c5c4cf49e" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">ì°¨ëí (ë리í)</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">ëê·¼ë</span> 1041 </a> 1042 <a href="https://k-pop.at/killa-face-the-other-me-kep1er" class="sr-mq-chip has-cover"> 1043 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/c8/08/07/c8080781-a892-a7cb-edfa-d5e4f9dfc871/888272178760_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">KILLA</span> 1044 </a> 1045 <a href="https://k-pop.at/choke-82major" class="sr-mq-chip has-cover"> 1046 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/85/d7/7e/85d77ead-5e94-d0c3-cb34-fc95cf039389/888272133417_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Choke</span> 1047 </a> 1048 <a href="https://k-pop.at/tomboy-r3hab-remix-r3hab-i-dle-gi-dle-i-dle-%EC%95%84%EC%9D%B4%EB%93%A4" class="sr-mq-chip has-cover"> 1049 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music122/v4/1c/5a/cb/1c5acbff-d3cd-db0f-5a24-b5febe429ae2/196626984128.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">I-DLE, R3HBA</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TOMBOY</span> 1050 </a> 1051 <a href="https://k-pop.at/gala-xg" class="sr-mq-chip has-cover"> 1052 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/e9/98/5e/e9985e9d-034d-d97f-365d-f3a4887c0afa/ANTCD-A0000018810.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">GALA</span> 1053 </a> 1054 <a href="https://k-pop.at/doogeundae-chadonghyeop-drippin-chadonghyeop" class="sr-mq-chip has-cover"> 1055 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b2732e92629d0a5f9b3c5c4cf49e" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">ì°¨ëí (ë리í)</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">ëê·¼ë</span> 1056 </a>
1057 <a href="https://k-pop.at/killa-face-the-other-me-kep1er" class="sr-mq-chip has-cover"> 1058 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/c8/08/07/c8080781-a892-a7cb-edfa-d5e4f9dfc871/888272178760_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">KILLA</span> 1059 </a> 1060 <a href="https://k-pop.at/choke-82major" class="sr-mq-chip has-cover"> 1061 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music211/v4/85/d7/7e/85d77ead-5e94-d0c3-cb34-fc95cf039389/888272133417_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Choke</span> 1062 </a> 1063 <a href="https://k-pop.at/tomboy-r3hab-remix-r3hab-i-dle-gi-dle-i-dle-%EC%95%84%EC%9D%B4%EB%93%A4" class="sr-mq-chip has-cover"> 1064 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music122/v4/1c/5a/cb/1c5acbff-d3cd-db0f-5a24-b5febe429ae2/196626984128.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">I-DLE, R3HBA</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TOMBOY</span> 1065 </a> 1066 </div> 1067 </div> 1068 <div class="sr-mq-row"> 1069 <div class="sr-mq" style="animation-duration:46s"> 1070 <a href="https://k-pop.at/tippy-toes-xg" class="sr-mq-chip has-cover"> 1071 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/b8/5a/f6/b85af686-80fa-6dc5-9cfd-cb2681c43f67/ANTCD-A0000005398.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Tippy Toes</span> 1072 </a> 1073 <a href="https://k-pop.at/pose-younite" class="sr-mq-chip has-cover"> 1074 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b273e481d408cd55ca59befbb885" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">YOUNITE</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">POSE! (å§¿æ )</span> 1075 </a> 1076 <a href="https://k-pop.at/tipi-tap-kep1er" class="sr-mq-chip has-cover"> 1077 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/35/dd/78/35dd78a1-9d50-ee4f-f3cd-6e56c759be0b/198704225178_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TIPI-TAP</span> 1078 </a> 1079 <a href="https://k-pop.at/takeover-82major" class="sr-mq-chip has-cover"> 1080 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/01/a8/69/01a8696c-26b4-4885-589a-025007ae13ea/888272151077_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TAKEOVER</span> 1081 </a> 1082 <a href="https://k-pop.at/pineapple-slice-baekhyun" class="sr-mq-chip has-cover"> 1083 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/79/48/31/794831c7-968d-e3e7-02ff-e885f894f7a4/191953381428.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">BAEKHYUN</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Pineapple Slice</span> 1084 </a> 1085 <a href="https://k-pop.at/tippy-toes-xg" class="sr-mq-chip has-cover"> 1086 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/b8/5a/f6/b85af686-80fa-6dc5-9cfd-cb2681c43f67/ANTCD-A0000005398.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60">
1086 <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Tippy Toes</span> 1087 </a> 1088 <a href="https://k-pop.at/pose-younite" class="sr-mq-chip has-cover"> 1089 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b273e481d408cd55ca59befbb885" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">YOUNITE</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">POSE! (å§¿æ )</span> 1090 </a> 1091 <a href="https://k-pop.at/tipi-tap-kep1er" class="sr-mq-chip has-cover"> 1092 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/35/dd/78/35dd78a1-9d50-ee4f-f3cd-6e56c759be0b/198704225178_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TIPI-TAP</span> 1093 </a> 1094 <a href="https://k-pop.at/takeover-82major" class="sr-mq-chip has-cover"> 1095 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/01/a8/69/01a8696c-26b4-4885-589a-025007ae13ea/888272151077_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TAKEOVER</span> 1096 </a> 1097 <a href="https://k-pop.at/pineapple-slice-baekhyun" class="sr-mq-chip has-cover"> 1098 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/79/48/31/794831c7-968d-e3e7-02ff-e885f894f7a4/191953381428.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">BAEKHYUN</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Pineapple Slice</span> 1099 </a> 1100 <a href="https://k-pop.at/tippy-toes-xg" class="sr-mq-chip has-cover"> 1101 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/b8/5a/f6/b85af686-80fa-6dc5-9cfd-cb2681c43f67/ANTCD-A0000005398.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Tippy Toes</span> 1102 </a> 1103 <a href="https://k-pop.at/pose-younite" class="sr-mq-chip has-cover"> 1104 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b273e481d408cd55ca59befbb885" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">YOUNITE</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">POSE! (å§¿æ )</span> 1105 </a> 1106 <a href="https://k-pop.at/tipi-tap-kep1er" class="sr-mq-chip has-cover"> 1107 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/35/dd/78/35dd78a1-9d50-ee4f-f3cd-6e56c759be0b/198704225178_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TIPI-TAP</span> 1108 </a> 1109 <a href="https://k-pop.at/takeover-82major" class="sr-mq-chip has-cover"> 1110 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/01/a8/69/01a8696c-26b4-4885-589a-025007ae13ea/888272151077_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TAKEOVER</span> 1111 </a> 1112 <a href="https://k-pop.at/pineapple-slice-baekhyun" class="sr-mq-chip has-cover"> 1113 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/79/48/31/794831c7-968d-e3e7-02ff-e885f894f7a4/191953381428.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60">
1113 <span class="sr-mq-ar">BAEKHYUN</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Pineapple Slice</span> 1114 </a> 1115 <a href="https://k-pop.at/tippy-toes-xg" class="sr-mq-chip has-cover"> 1116 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/b8/5a/f6/b85af686-80fa-6dc5-9cfd-cb2681c43f67/ANTCD-A0000005398.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Tippy Toes</span> 1117 </a> 1118 <a href="https://k-pop.at/pose-younite" class="sr-mq-chip has-cover"> 1119 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b273e481d408cd55ca59befbb885" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">YOUNITE</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">POSE! (å§¿æ )</span> 1120 </a> 1121 <a href="https://k-pop.at/tipi-tap-kep1er" class="sr-mq-chip has-cover"> 1122 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/35/dd/78/35dd78a1-9d50-ee4f-f3cd-6e56c759be0b/198704225178_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TIPI-TAP</span> 1123 </a> 1124 <a href="https://k-pop.at/takeover-82major" class="sr-mq-chip has-cover"> 1125 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/01/a8/69/01a8696c-26b4-4885-589a-025007ae13ea/888272151077_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TAKEOVER</span> 1126 </a> 1127 <a href="https://k-pop.at/pineapple-slice-baekhyun" class="sr-mq-chip has-cover"> 1128 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/79/48/31/794831c7-968d-e3e7-02ff-e885f894f7a4/191953381428.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">BAEKHYUN</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Pineapple Slice</span> 1129 </a> 1130 <a href="https://k-pop.at/tippy-toes-xg" class="sr-mq-chip has-cover"> 1131 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/b8/5a/f6/b85af686-80fa-6dc5-9cfd-cb2681c43f67/ANTCD-A0000005398.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Tippy Toes</span> 1132 </a> 1133 <a href="https://k-pop.at/pose-younite" class="sr-mq-chip has-cover"> 1134 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b273e481d408cd55ca59befbb885" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">YOUNITE</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">POSE! (å§¿æ )</span> 1135 </a> 1136 <a href="https://k-pop.at/tipi-tap-kep1er" class="sr-mq-chip has-cover"> 1137 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/35/dd/78/35dd78a1-9d50-ee4f-f3cd-6e56c759be0b/198704225178_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TIPI-TAP</span> 1138 </a> 1139 <a href="https://k-pop.at/takeover-82major" class="sr-mq-chip has-cover"> 1140 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/01/a8/69/01a8696c-26b4-4885-589a-025007ae13ea/888272151077_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60">
1140 <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TAKEOVER</span> 1141 </a> 1142 <a href="https://k-pop.at/pineapple-slice-baekhyun" class="sr-mq-chip has-cover"> 1143 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/79/48/31/794831c7-968d-e3e7-02ff-e885f894f7a4/191953381428.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">BAEKHYUN</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Pineapple Slice</span> 1144 </a> 1145 <a href="https://k-pop.at/tippy-toes-xg" class="sr-mq-chip has-cover"> 1146 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music116/v4/b8/5a/f6/b85af686-80fa-6dc5-9cfd-cb2681c43f67/ANTCD-A0000005398.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">XG</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Tippy Toes</span> 1147 </a> 1148 <a href="https://k-pop.at/pose-younite" class="sr-mq-chip has-cover"> 1149 <img class="sr-mq-cover" src="https://i.scdn.co/image/ab67616d0000b273e481d408cd55ca59befbb885" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">YOUNITE</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">POSE! (å§¿æ )</span> 1150 </a> 1151 <a href="https://k-pop.at/tipi-tap-kep1er" class="sr-mq-chip has-cover"> 1152 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/35/dd/78/35dd78a1-9d50-ee4f-f3cd-6e56c759be0b/198704225178_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">Kep1er</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TIPI-TAP</span> 1153 </a> 1154 <a href="https://k-pop.at/takeover-82major" class="sr-mq-chip has-cover"> 1155 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/01/a8/69/01a8696c-26b4-4885-589a-025007ae13ea/888272151077_Cover.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">82MAJOR</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">TAKEOVER</span> 1156 </a> 1157 <a href="https://k-pop.at/pineapple-slice-baekhyun" class="sr-mq-chip has-cover"> 1158 <img class="sr-mq-cover" src="https://is1-ssl.mzstatic.com/image/thumb/Music221/v4/79/48/31/794831c7-968d-e3e7-02ff-e885f894f7a4/191953381428.jpg/1400x1400bb.jpg" alt="" loading="lazy" decoding="async" width="60" height="60"> <span class="sr-mq-ar">BAEKHYUN</span><span class="sr-mq-dot">·</span> <span class="sr-mq-ti">Pineapple Slice</span> 1159 </a> 1160 </div> 1161 </div> 1162 </div> 1163</section> 1164<style> 1165 .sr-mq-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} 1166 .sr-mq-row{display:flex;overflow:hidden} 1167 .sr-mq{display:flex;flex-wrap:nowrap;width:max-content;gap:2.25rem;padding-right:2.25rem;animation-name:sr-mq-move;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform} 1168 .sr-mq-rev{animation-direction:reverse} 1169 .sr-mq-row:hover .sr-mq{animation-play-state:paused} 1170 @keyframes sr-mq-move{from{transform:translateX(0)}to{transform:translateX(-50%)}} 1171 .sr-mq-chip{flex:none;display:inline-flex;align-items:center;gap:.9rem;white-space:nowrap;color:var(--ink,#18181B);transition:color .15s,transform .15s} 1172 .sr-mq-cover{flex:none;width:60px;height:60px;border-radius:14px;object-fit:cover;background:var(--soft,#F4F4F5);box-shadow:0 6px 18px -8px rgba(24,24,27,.35)} 1173 .sr-mq-chip:hover{color:#6B3FF6;transform:translateY(-2px)} 1174 .sr-mq-ar{font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.01em} 1175 .sr-mq-dot{color:#C4C4CC;font-size:clamp(20px,2.4vw,30px)} 1176 .sr-mq-ti{color:var(--ink,#18181B);font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.01em}
1177 .sr-mq-chip:hover .sr-mq-ti,.sr-mq-chip:hover .sr-mq-ar{color:#6B3FF6} 1178 @media (max-width:640px){.sr-mq-cover{width:46px;height:46px;border-radius:11px}.sr-mq{gap:1.5rem;padding-right:1.5rem}} 1179 @media (prefers-reduced-motion: reduce){.sr-mq{animation:none}.sr-mq-mask{-webkit-mask-image:none;mask-image:none}.sr-mq-row{overflow-x:auto}} 1180</style> 1181 1182<!-- ============ RADAR DASHBOARD DEMO (í° ë¹ì£¼ì¼ 1ê°) ============ --> 1183<section class="bg-paper"> 1184 <div class="max-w-6xl mx-auto px-5 lg:px-8 py-24 lg:py-32"> 1185 <div class="mb-12 reveal text-center"> 1186 <p class="text-[11px] font-semibold tracking-[0.3em] uppercase text-dim mb-6">Chart intelligence · built-in</p> 1187 <h2 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tightest leading-[1.05] font-display max-w-3xl mx-auto">Next week's Billboard,<br>seen today</h2> 1188 <p class="mt-6 text-lg text-dim max-w-xl mx-auto">Six charts merged Billboard-style to project a song's next-week rank in advance. Honest data that clearly separates measured from estimated.</p> 1189 </div> 1190 <div class="reveal rounded-3xl border border-line bg-surface overflow-hidden shadow-[0_40px_100px_-40px_rgba(24,24,27,.35)]"> 1191 <!-- browser chrome --> 1192 <div class="h-10 border-b border-line flex items-center gap-1.5 px-4"> 1193 <span class="w-3 h-3 rounded-full" style="background:#FF5F57"></span> 1194 <span class="w-3 h-3 rounded-full" style="background:#FEBC2E"></span> 1195 <span class="w-3 h-3 rounded-full" style="background:#28C840"></span> 1196 <span class="ml-4 text-[12px] text-dim font-mono">soundradar.co/app/charts-analytics</span> 1197 </div> 1198 <!-- dashboard body --> 1199 <div class="p-6 lg:p-8 grid grid-cols-1 lg:grid-cols-3 gap-5"> 1200 <!-- left: top10 list --> 1201 <div class="lg:col-span-2 space-y-2.5"> 1202 <div class="flex items-center justify-between mb-2"> 1203 <div> 1204 <p class="text-[11px] font-bold tracking-[0.2em] uppercase text-dim mb-1">HOT 100 RADAR · Aggregating</p> 1205 <div class="text-[13px] text-dim">6 charts merged</div> 1206 </div> 1207 <div class="flex flex-wrap justify-end gap-1 text-[11px] font-bold"> 1208 <span class="rounded-full bg-soft border border-line px-2.5 py-1 text-dim">Daily</span> 1209 <span class="rounded-full px-2.5 py-1" style="background:#6B3FF6;color:#fff">Weekly</span> 1210 <span class="rounded-full bg-soft border border-line px-2.5 py-1 text-dim">Live</span> 1211 </div> 1212 </div> 1213 <div class="flex items-center gap-4 border border-line rounded-xl px-4 py-3 hover:bg-soft transition"> 1214 <span class="font-extrabold font-display text-[18px] w-7 text-accent">1</span> 1215 <div class="flex-1 min-w-0"> 1216 <div class="font-bold text-[14px] truncate">Golden Hour</div> 1217 <div class="text-[12px] text-dim truncate">Your Artist</div> 1218 </div> 1219 <!-- sparkline --> 1220 <svg viewBox="0 0 80 24" class="w-20 h-6 flex-shrink-0 hidden sm:block" fill="none" stroke="#6B3FF6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1221 <polyline points="0,20 16,18 32,12 48,14 64,6 80,2"/> 1222 </svg> 1223 <span class="font-bold text-[12px] w-12 text-right" style="color:#16A34A">â²48</span> 1224 </div> 1225 <div class="flex items-center gap-4 border border-line rounded-xl px-4 py-3 hover:bg-soft transition"> 1226 <span class="font-extrabold font-display text-[18px] w-7 text-dim">2</span> 1227 <div class="flex-1 min-w-0"> 1228 <div class="font-bold text-[14px] truncate">Supernova</div> 1229 <div class="text-[12px] text-dim truncate">Aurora</div> 1230 </div> 1231 <!-- sparkline --> 1232 <svg viewBox="0 0 80 24" class="w-20 h-6 flex-shrink-0 hidden sm:block" fill="none" stroke="#6B3FF6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1233 <polyline points="0,12 16,10 32,11 48,10 64,12 80,11"/> 1234 </svg>
1235 <span class="font-bold text-[12px] w-12 text-right" style="color:#9A9A9A">â</span> 1236 </div> 1237 <div class="flex items-center gap-4 border border-line rounded-xl px-4 py-3 hover:bg-soft transition"> 1238 <span class="font-extrabold font-display text-[18px] w-7 text-dim">3</span> 1239 <div class="flex-1 min-w-0"> 1240 <div class="font-bold text-[14px] truncate">Drama</div> 1241 <div class="text-[12px] text-dim truncate">LUNAR</div> 1242 </div> 1243 <!-- sparkline --> 1244 <svg viewBox="0 0 80 24" class="w-20 h-6 flex-shrink-0 hidden sm:block" fill="none" stroke="#6B3FF6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1245 <polyline points="0,18 16,14 32,15 48,10 64,8 80,5"/> 1246 </svg> 1247 <span class="font-bold text-[12px] w-12 text-right" style="color:#16A34A">â²5</span> 1248 </div> 1249 <div class="flex items-center gap-4 border border-line rounded-xl px-4 py-3 hover:bg-soft transition"> 1250 <span class="font-extrabold font-display text-[18px] w-7 text-dim">4</span> 1251 <div class="flex-1 min-w-0"> 1252 <div class="font-bold text-[14px] truncate">Heatwave</div> 1253 <div class="text-[12px] text-dim truncate">PRISM</div> 1254 </div> 1255 <!-- sparkline --> 1256 <svg viewBox="0 0 80 24" class="w-20 h-6 flex-shrink-0 hidden sm:block" fill="none" stroke="#6B3FF6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1257 <polyline points="0,8 16,10 32,12 48,11 64,14 80,16"/> 1258 </svg> 1259 <span class="font-bold text-[12px] w-12 text-right" style="color:#6B3FF6">â¼3</span> 1260 </div> 1261 <div class="flex items-center gap-4 border border-line rounded-xl px-4 py-3 hover:bg-soft transition"> 1262 <span class="font-extrabold font-display text-[18px] w-7 text-dim">5</span> 1263 <div class="flex-1 min-w-0"> 1264 <div class="font-bold text-[14px] truncate">Ocean Blue</div> 1265 <div class="text-[12px] text-dim truncate">Indigo</div> 1266 </div> 1267 <!-- sparkline --> 1268 <svg viewBox="0 0 80 24" class="w-20 h-6 flex-shrink-0 hidden sm:block" fill="none" stroke="#6B3FF6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1269 <polyline points="0,16 16,14 32,12 48,10 64,8 80,4"/> 1270 </svg> 1271 <span class="font-bold text-[12px] w-12 text-right" style="color:#16A34A">â²12</span> 1272 </div> 1273 </div> 1274 <!-- right: forecast + meta --> 1275 <div class="space-y-4"> 1276 <div class="rounded-2xl p-5" style="background:linear-gradient(135deg,rgba(107,63,246,.10),rgba(107,63,246,.02));border:1px solid #E5E5E5"> 1277 <p class="text-[11px] font-bold tracking-[0.15em] uppercase text-accent mb-2">Forecast · Weekend Billboard</p> 1278 <div class="flex items-end gap-3"> 1279 <div class="text-6xl font-extrabold font-display tracking-tight text-ink">#1</div> 1280 <div class="pb-2"> 1281 <div class="text-[12px] font-bold" style="color:#16A34A">â² 48 from #49</div> 1282 <div class="text-[11px] text-dim">92% confidence</div> 1283 </div> 1284 </div> 1285 <svg viewBox="0 0 200 50" class="w-full mt-3 h-12" fill="none" stroke="#6B3FF6" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 1286 <polyline points="0,42 25,40 50,32 75,33 100,22 125,18 150,10 175,7 200,3"/> 1287 <circle cx="200" cy="3" r="4" fill="#6B3FF6" stroke="none"/> 1288 </svg> 1289 </div> 1290 <div class="rounded-2xl border border-line p-5"> 1291 <p class="text-[11px] font-bold tracking-[0.15em] uppercase text-dim mb-3">Campaign progress</p> 1292 <div class="text-2xl font-extrabold font-display" style="font-variant-numeric:tabular-nums">02:14:39</div> 1293 <div class="text-[11px] text-dim mb-2">Until the chart window closes</div> 1294 <div class="h-1.5 bg-soft rounded-full overflow-hidden"><i class="block h-full rounded-full" style="width:68%;background:#6B3FF6"></i></div> 1295 <div class="mt-1.5 flex justify-between text-[11px] font-semibold"><span class="text-dim">Goal 1M</span><span class="text-accent">68%</span></div> 1296 </div> 1297 <div class="rounded-2xl border border-line p-5 text-[11px]"> 1298 <p class="font-bold tracking-[0.15em] uppercase text-dim mb-3">
12983-axis breakdown</p> 1299 <div class="flex items-center gap-3 mb-2 last:mb-0"> 1300 <span class="text-dim w-20">Streaming PEU</span> 1301 <div class="flex-1 h-1.5 bg-soft rounded-full overflow-hidden"><i class="block h-full" style="width:55%;background:#6B3FF6"></i></div> 1302 <span class="font-bold text-ink w-9 text-right">55%</span> 1303 </div> 1304 <div class="flex items-center gap-3 mb-2 last:mb-0"> 1305 <span class="text-dim w-20">Sales Units</span> 1306 <div class="flex-1 h-1.5 bg-soft rounded-full overflow-hidden"><i class="block h-full" style="width:20%;background:#8B6BF9"></i></div> 1307 <span class="font-bold text-ink w-9 text-right">20%</span> 1308 </div> 1309 <div class="flex items-center gap-3 mb-2 last:mb-0"> 1310 <span class="text-dim w-20">Radio Impr.</span> 1311 <div class="flex-1 h-1.5 bg-soft rounded-full overflow-hidden"><i class="block h-full" style="width:25%;background:#9A9A9A"></i></div> 1312 <span class="font-bold text-ink w-9 text-right">25%</span> 1313 </div> 1314 </div> 1315 </div> 1316 </div> 1317 </div> 1318 </div> 1319</section> 1320 1321<!-- ============ WHY US (ë¹êµí · 5í ì»´í©í¸) ============ --> 1322<section class="bg-mist border-y border-line"> 1323 <div class="max-w-5xl mx-auto px-5 lg:px-8 py-24 lg:py-32"> 1324 <div class="mb-12 reveal text-center"> 1325 <p class="text-[11px] font-semibold tracking-[0.3em] uppercase text-dim mb-6">Why SOUND.RADAR</p> 1326 <h2 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tightest leading-[1.05] font-display">Not just a link</h2> 1327 </div> 1328 <div class="reveal overflow-hidden rounded-3xl border border-line bg-surface"> 1329 <table class="w-full text-left"> 1330 <thead> 1331 <tr class="border-b border-line"> 1332 <th class="py-5 px-5 sm:px-7 text-[13px] font-semibold text-dim">Feature</th> 1333 <th class="py-5 px-3 text-center text-[13px] font-semibold text-dim w-28 sm:w-36">Generic smartlink</th> 1334 <th class="py-5 px-3 text-center text-[13px] font-extrabold w-28 sm:w-36" style="color:#6B3FF6">SOUND.RADAR</th> 1335 </tr> 1336 </thead> 1337 <tbody> 1338 <tr class="border-b border-line"> 1339 <td class="py-4 px-5 sm:px-7 text-[14px] sm:text-[15px] font-medium text-ink">Every store auto-detected and routed</td> 1340 <td class="py-4 px-3 text-center"><span class="text-accent inline-flex"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span></td> 1341 <td class="py-4 px-3 text-center" style="background:rgba(107,63,246,0.05)"><span class="text-accent inline-flex"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span></td> 1342 </tr> 1343 <tr class="border-b border-line"> 1344 <td class="py-4 px-5 sm:px-7 text-[14px] sm:text-[15px] font-medium text-ink">Chart-window mobilization · K-pop fan drives</td> 1345 <td class="py-4 px-3 text-center"><span class="text-dim2 inline-flex"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M6 6l12 12M18 6 6 18"/></svg></span></td> 1346 <td class="py-4 px-3 text-center" style="background:rgba(107,63,246,0.05)"><span class="text-accent inline-flex"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span></td> 1347 </tr> 1348 <tr class="border-b border-line"> 1349 <td class="py-4 px-5 sm:px-7 text-[14px] sm:text-[15px] font-medium text-ink">Billboard · DSP · radio chart intelligence</td> 1350 <td class="py-4 px-3 text-center"><span class="text-dim2 inline-flex"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M6 6l12 12M18 6 6 18"/></svg></span></td> 1351 <td class="py-4 px-3 text-center" style="background:rgba(107,63,246,0.05)"><span class="text-accent inline-flex"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span></td> 1352 </tr> 1353 <tr class=""> 1354 <td class="py-4 px-5 sm:px-7 text-[14px] sm:text-[15px] font-medium text-ink">Demo sharing · playlist pitching · newsroom</td> 1355 <td class="py-4 px-3 text-center"><span class="text-dim2 inline-flex"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M6 6l12 12M18 6 6 18"/></svg></span></td> 1356 <td class="py-4 px-3 text-center" style="background:rgba(107,63,246,0.05)"><span class="text-accent inline-flex"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M5 12l5 5 9-10"/></svg></span></td> 1357 </tr> 1358 </tbody> 1359 </table> 1360 </div> 1361 </div> 1362</section> 1363 1364<!-- ============ TRUST · Trustpilot 리뷰 (bu_id ì¤ì ììë§ ë ¸ì¶) ============ --> 1365<section class="bg-paper border-b border-line" aria-label="Customer reviews"> 1366 <div class="max-w-3xl mx-auto px-5 lg:px-8 py-14 text-center reveal"> 1367 <p class="text-[11px] font-semibold tracking-[0.3em] uppercase text-dim mb-6">What customers say about SOUND.RADAR</p> 1368
1368<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
1368<div class="trustpilot-widget" data-locale="en-US" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="6a4a6abcba5e10118b14ed43" data-style-height="54px" data-style-width="100%" data-theme="light"><a href="https://www.trustpilot.com/review/soundradar.co" target="_blank" rel="noopener">Trustpilot</a></div> <div class="mt-5 flex items-center justify-center gap-x-6 gap-y-2 flex-wrap text-[13px]"> 1369 <a href="https://www.trustpilot.com/review/soundradar.co" target="_blank" rel="noopener" class="font-semibold text-ink hover:text-accent transition underline underline-offset-2">See all Trustpilot reviews</a> 1370 <a href="https://www.trustpilot.com/evaluate/soundradar.co" target="_blank" rel="noopener" class="text-dim hover:text-accent transition">Write a review</a> 1371 </div> 1372 </div> 1373</section> 1374 1375<!-- ============ FINAL CTA (ë¤í¬ ê°ì¡° ì¹ì · Lime í¤ëë¼ì¸) ============ --> 1376<section class="relative overflow-hidden" style="background:#0A0A0A"> 1377 <div class="pointer-events-none absolute -top-20 left-1/2 -translate-x-1/2 w-[900px] h-[500px] rounded-full opacity-60 blur-3xl" style="background:radial-gradient(60% 60% at 50% 0%, rgba(107,63,246,.35), transparent 70%)"></div> 1378 <div class="relative max-w-4xl mx-auto px-5 lg:px-8 py-28 lg:py-40 text-center"> 1379 <h2 class="text-5xl sm:text-6xl lg:text-7xl font-black tracking-tightest leading-[1.02] font-display reveal text-white">Just paste<br><span style="color:#D4FF00">one URL</span></h2> 1380 <p class="mt-7 text-lg max-w-xl mx-auto reveal" style="color:#9A9A9A">Free to start, no credit card · your first smartlink is ready in a minute.</p> 1381 <form action="/en/app/register.php" method="get" class="mt-10 max-w-xl mx-auto reveal"> 1382 <div class="flex flex-col sm:flex-row items-stretch gap-2 rounded-2xl p-2 transition" style="background:#1A1A1A;border:1px solid #2A2A2A"> 1383 <span class="hidden sm:flex items-center pl-3" style="color:#6B6B6B"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><path d="M9.5 14.5 14.5 9.5"/><path d="M8 12 6 14a3 3 0 0 0 4 4l2-2"/><path d="M16 12l2-2a3 3 0 0 0-4-4l-2 2"/></svg></span> 1384 <input name="source_url" type="text" inputmode="url" autocomplete="off" 1385 class="flex-1 bg-transparent outline-none text-[15px] px-3 py-3 text-white placeholder:text-[#6B6B6B]" 1386 placeholder="Paste a Spotify · Apple Music · iTunes URL"> 1387 <button type="submit" class="btn-sr-lime inline-flex items-center justify-center gap-1.5 rounded-xl px-6 py-3.5 text-[14px] whitespace-nowrap transition"> 1388 Create smartlink <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg> 1389 </button> 1390 </div> 1391 </form> 1392 </div> 1393</section> 1394 1395<!-- ============ HERO headline typewriter ============ --> 1396<style> 1397 #sr-rotate{display:inline} 1398 .sr-caret{display:inline-block;width:3px;height:.78em;margin-left:.04em;vertical-align:-0.04em;background:#6B3FF6;border-radius:2px;animation:sr-caret-blink 1.05s steps(1) infinite} 1399 @keyframes sr-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}} 1400 @media (prefers-reduced-motion: reduce){.sr-caret{animation:none}} 1401</style>
1402<script> 1403(function(){ 1404 var el = document.getElementById('sr-rotate'); 1405 if(!el) return; 1406 var words = ["Billboard","Amazon","iTunes","Spotify","Radio","Melon"]; 1407 var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; 1408 if(reduce){ el.textContent = words[0]; return; } 1409 var wi = 0, ci = words[0].length, deleting = true; 1410 function tick(){ 1411 var w = words[wi]; 1412 if(!deleting){ 1413 ci++; el.textContent = w.slice(0, ci); 1414 if(ci >= w.length){ deleting = true; return setTimeout(tick, 1500); } 1415 setTimeout(tick, 120); 1416 } else { 1417 ci--; el.textContent = w.slice(0, ci); 1418 if(ci <= 0){ deleting = false; wi = (wi + 1) % words.length; return setTimeout(tick, 350); } 1419 setTimeout(tick, 60); 1420 } 1421 } 1422 setTimeout(tick, 1600); 1423})(); 1424</script>
1424 1425 1426</main> 1427 1428<!-- ============ FOOTER ============ --> 1429<footer class="bg-mist border-t border-line"> 1430 <div class="max-w-[1320px] mx-auto px-5 lg:px-8 py-16"> 1431 <!-- ââ 1ë²ì§¸ ë©ë´ ì´ ââ --> 1432 <div class="grid grid-cols-2 md:grid-cols-5 gap-x-6 sm:gap-x-8 gap-y-11 md:gap-8"> 1433 <div class="col-span-2 md:col-span-1"> 1434 <a href="/en/" class="inline-flex items-center mb-4 text-ink" aria-label="SOUND.RADAR"> 1435 <svg class="brand-glyph" role="img" aria-label="SOUND.RADAR" viewBox="0 0 217.38 208.86" width="28" height="28" fill="currentColor" style="display:block;height:28px;width:28px;flex:0 0 auto"><path d="M184.01,179.69c-33.6,30.5-81.4,37.5-123,19C9.71,175.89-13.69,118.39,8.21,65.69c8.2-19.7,20.9-36.3,39.1-47.7C75.61.29,107.91-4.71,140.21,4.59c21.6,6.2,40.1,19.2,54.3,36.6,11.9,14.6,19.3,32.1,21.9,50.8,4.7,33.4-7.8,65.3-32.4,87.7h0ZM109.61,34.89c6.3,1,7.3,26.8,7.9,38.5,1,20.6,2,40.6,4.3,61.1,2.1,19.3,8.3,49,28.4,44.6,12.6-2.8,17.4-20,18-33.2l1.4-28c.4-8.4,2.1-19.9,7.1-19.6,5.8.4,7.3,13.3,8.2,22.2l12.6-.2c-.8-16-6.3-34.9-21.6-34.4-15.4.6-19.4,21.1-20.5,36.9l-2.4,33.5c-.3,3.7-2.2,8.6-5.6,9.8-8,3-11.6-29.5-12.6-42.1l-4.4-58.2c-.9-11.5-2.1-22.6-6.2-33.2-2.5-6.6-8-10.9-14.6-11-16.1-.3-20.1,21-21.5,37.3l-5.3,63.3c-1.1,12.9-3.2,25-6.3,37.4-.7,2.9-3.6,6.9-6.5,6.5-7-.8-7.1-21.4-7.5-32.7-.6-18.9-2.5-49.3-23.2-47.5-14.1,1.2-18.4,19.8-18.9,34.4h12.3c1.3-8.9,2.6-21.9,8.3-22.2,5.8-.3,6.9,14.7,7.3,24l1.2,26.1c.4,8.1,2,16.3,6.3,22.8,5.8,9,17.1,11.2,25.2,4.2,4.3-3.8,7.6-9.1,9.2-14.8,10.9-40.6,7.2-81.8,14.1-119.8.4-2.4,2.5-6.1,5.4-5.7h-.1Z"/></svg> </a> 1436 <p class="text-[12px] text-dim leading-relaxed max-w-[220px]">The perfect smartlink for global charts</p> 1437 </div> 1438 <div> 1439 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Services</h4> 1440 <ul class="space-y-2.5 text-[13px]"> 1441 <li><a href="/en/ai" class="text-dim hover:text-ink transition">SODAR AI</a></li> 1442 <li><a href="/en/smartlinks" class="text-dim hover:text-ink transition">Smartlinks</a></li> 1443 <li><a href="/en/analytics" class="text-dim hover:text-ink transition">Analytics</a></li> 1444 <li><a href="/en/music-drive" class="text-dim hover:text-ink transition">Music Drive</a></li> 1445 <li><a href="/en/os" class="text-dim hover:text-ink transition">SR OS</a></li> 1446 <li><a href="/en/insight" class="text-dim hover:text-ink transition">Insight</a></li> 1447 <li><a href="/en/newsroom" class="text-dim hover:text-ink transition">Newsroom</a></li> 1448 <li><a href="/en/target" class="text-dim hover:text-ink transition">Re-Targeting</a></li> 1449 <li><a href="/en/cardradar" class="text-dim hover:text-ink transition">CARD RADAR</a></li> 1450 </ul> 1451 </div> 1452 <div> 1453 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Charts</h4> 1454 <ul class="space-y-2.5 text-[13px]"> 1455 <li><a href="/en/charts/radio" class="text-dim hover:text-ink transition">Radio charts</a></li> 1456 <li><a href="/en/charts/itunes" class="text-dim hover:text-ink transition">iTunes charts</a></li> 1457 <li><a href="/en/charts/amazon" class="text-dim hover:text-ink transition">Amazon charts</a></li> 1458 <li><a href="/en/charts/spotify" class="text-dim hover:text-ink transition">Spotify charts</a></li> 1459 <li><a href="/en/charts/apple-music" class="text-dim hover:text-ink transition">Apple Music charts</a></li> 1460 <li><a href="/en/charts/amazon-music" class="text-dim hover:text-ink transition">Amazon Music charts</a></li> 1461 </ul> 1462 </div> 1463 <div> 1464 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Company</h4> 1465 <ul class="space-y-2.5 text-[13px]"> 1466 <li><a href="/en/about" class="text-dim hover:text-ink transition">About</a></li> 1467 <li><a href="/en/contact" class="text-dim hover:text-ink transition">Contact</a></li> 1468 <li><a href="/en/blog" class="text-dim hover:text-ink transition">TIP</a></li> 1469 </ul> 1470 </div> 1471 <div> 1472 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Get started</h4> 1473 <a href="/en/app/register.php" class="inline-flex items-center justify-center bg-accent text-paper text-[13px] font-bold rounded-full px-5 py-2.5 hover:opacity-90 transition mb-3">Start free</a> 1474 <p class="text-[12px] text-dim">Already have an account? <a href="/en/app/login.php" class="text-ink underline">Log in</a></p> 1475 </div> 1476 </div> 1477 <!-- ââ 2ë²ì§¸ ë©ë´ ì´ (Explore · Resources · Legal) ââ --> 1478 <div class="mt-11 md:mt-10 grid grid-cols-2 md:grid-cols-5 ga
1478p-x-6 sm:gap-x-8 gap-y-11 md:gap-8"> 1479 <div class="hidden md:block" aria-hidden="true"></div> 1480 <div> 1481 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Explore</h4> 1482 <ul class="space-y-2.5 text-[13px]"> 1483 <li><a href="/en/partners" class="text-dim hover:text-ink transition">Marketing partners</a></li> 1484 <li><a href="/en/playlists" class="text-dim hover:text-ink transition">Playlists</a></li> 1485 <li><a href="/en/images" class="text-dim hover:text-ink transition">Image library</a></li> 1486 <li><a href="/en/dj-remix" class="text-dim hover:text-ink transition">DJ remix contact</a></li> 1487 </ul> 1488 </div> 1489 <div> 1490 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Branding</h4> 1491 <ul class="space-y-2.5 text-[13px]"> 1492 <li><a href="/en/design" class="text-dim hover:text-ink transition">Design system</a></li> 1493 <li><a href="/en/branding" class="text-dim hover:text-ink transition">Brand system</a></li> 1494 </ul> 1495 </div> 1496 <div> 1497 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Legal</h4> 1498 <ul class="space-y-2.5 text-[13px]"> 1499 <li><a href="/en/legal" class="text-dim hover:text-ink transition">Legal center</a></li> 1500 <li><a href="/sitemap" class="text-dim hover:text-ink transition">Sitemap</a></li> 1501 </ul> 1502 </div> 1503 <div> 1504 <h4 class="text-[10px] font-semibold tracking-[0.3em] uppercase text-dim mb-4">Platform</h4> 1505 <ul class="space-y-2.5 text-[13px]"> 1506 <li><a href="/en/adnetwork" class="text-dim hover:text-ink transition">Ad Network</a></li> 1507 <li><a href="/en/os" class="text-dim hover:text-ink transition">SR OS</a></li> 1508 <li><a href="/en/academy" class="text-dim hover:text-ink transition">Academy</a></li> 1509 <li><a href="/en/influencer/login" class="text-dim hover:text-ink transition">Influencer</a></li> 1510 <li><a href="/en/extension" class="text-dim hover:text-ink transition">Extension</a></li> 1511 <li><a href="/mailtracker" class="text-dim hover:text-ink transition">Mail Tracker</a></li> 1512 <li><a href="/en/meetradar" class="text-dim hover:text-ink transition">MEET RADAR</a></li> 1513 <li><a href="/en/cardradar" class="text-dim hover:text-ink transition">CARD RADAR</a></li> 1514 <li><a href="https://api.soundradar.co/" target="_blank" rel="noopener" class="text-dim hover:text-ink transition">API Developer</a></li> 1515 </ul> 1516 </div> 1517 </div> 1518 <!-- SoundRadar í¬ë¡¬ íì¥ â í ì¤ CTA --> 1519 <div class="mt-12 rounded-2xl border border-line bg-paper px-5 sm:px-6 py-4 flex flex-wrap items-center gap-x-4 gap-y-3"> 1520 <span class="text-ink inline-flex shrink-0"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="vertical-align:-.18em"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18"/></svg></span> 1521 <span class="font-display font-extrabold tracking-tight text-[15px] text-ink shrink-0">SoundRadar+</span> 1522 <span class="text-[13px] text-dim min-w-0">Chrome extension â real-time charts, a new-tab song radar, and an AI assistant right in the Chrome you already use <span class="text-dim2">(Chrome · Edge)</span></span> 1523 <a href="/en/extension" class="ml-auto btn-sr-primary inline-flex items-center justify-center rounded-full h-9 px-5 text-[13px] shrink-0">Install free</a> 1524 </div> 1525 <div class="mt-12 pt-6 border-t border-line"> 1526 <div class="flex flex-col md:flex-row md:items-start md:justify-between gap-6"> 1527 <div class="text-[12px] text-dim leading-relaxed space-y-0.5"> 1528 <div class="text-dim font-semibold text-[12.5px]">TAEON Branding Agency Pte. Ltd.</div> 1529 <div class="text-dim2">SoundRadar · SOUNDRADAR â the K-pop music-marketing smart-link platform built for global charts</div> 1530 <div>Exempt Private Company Limited by Shares</div> 1531 <div>9 Raffles Place, #29-05, Republic Plaza, Singapore 048619</div> 1532 <div>
1532UEN: 202602171W · <a href="mailto:[email protected]" class="hover:text-ink transition">[email protected]</a></div> 1533 <div class="pt-2"> 1534 <a href="https://www.instagram.com/soundradar.official/" target="_blank" rel="noopener" aria-label="Instagram" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-line text-dim hover:text-ink hover:border-ink transition"> 1535 <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:inline-block;vertical-align:middle;flex:0 0 auto"><path d="m14.502,11.986c0,1.431-1.16,2.591-2.591,2.591s-2.59-1.16-2.59-2.591,1.16-2.591,2.59-2.591,2.591,1.16,2.591,2.591h0Zm0,0"/><path d="m12,0h0C5.373,0,0,5.373,0,12h0c0,6.627,5.373,12,12,12h0c6.627,0,12-5.373,12-12h0C24,5.373,18.627,0,12,0Zm7.637,15.19c-.037.827-.169,1.392-.361,1.886-.199.511-.465.945-.897,1.377-.432.432-.866.698-1.376.896-.494.192-1.06.323-1.887.361-.829.038-1.094.047-3.205.047s-2.375-.009-3.204-.047c-.827-.038-1.392-.169-1.887-.361-.511-.198-.944-.465-1.377-.896-.432-.432-.698-.866-.897-1.377-.192-.494-.323-1.059-.361-1.886-.038-.829-.047-1.094-.047-3.205s.009-2.375.047-3.204c.038-.827.169-1.392.361-1.887.199-.511.465-.944.897-1.376s.866-.698,1.377-.897c.494-.192,1.06-.323,1.887-.361.829-.038,1.094-.047,3.204-.047s2.376.009,3.205.047c.827.037,1.392.169,1.887.361.511.198.944.465,1.376.897.432.432.698.866.897,1.376.192.494.323,1.06.361,1.887.038.829.047,1.093.047,3.204s-.009,2.375-.047,3.205h0Zm-1.666-7.788c-.141-.363-.309-.622-.582-.894-.272-.272-.531-.441-.894-.582-.274-.106-.685-.233-1.443-.267-.82-.038-1.066-.045-3.141-.045s-2.321.008-3.141.045c-.757.034-1.169.161-1.443.267-.363.141-.622.309-.894.582-.272.272-.441.531-.582.894-.106.274-.233.685-.267,1.443-.038.819-.045,1.065-.045,3.141s.008,2.321.045,3.141c.035.757.161,1.169.267,1.443.141.363.309.622.582.894.272.272.531.44.894.581.274.107.685.233,1.443.268.819.038,1.065.045,3.141.045s2.322-.008,3.141-.045c.758-.035,1.169-.161,1.443-.268.363-.141.622-.309.894-.581s.441-.531.582-.894c.106-.274.233-.685.267-1.443.038-.82.046-1.066.046-3.141s-.008-2.321-.046-3.141c-.035-.758-.161-1.169-.267-1.443h0Zm-6.059,8.574c-2.204,0-3.991-1.787-3.991-3.991s1.787-3.991,3.991-3.991,3.991,1.787,3.991,3.991-1.787,3.991-3.991,3.991h0Zm4.149-7.207c-.515,0-.933-.417-.933-.932s.417-.933.933-.933.933.418.933.933-.418.932-.933.932h0Zm0,0"/></svg> </a> 1536 <a href="https://www.linkedin.com/showcase/soundradar/" target="_blank" rel="noopener" aria-label="LinkedIn" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-line text-dim hover:text-ink hover:border-ink transition ml-2"> 1537 <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true" style="display:inline-block;vertical-align:middle;flex:0 0 auto"><path fill-rule="evenodd" d="M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12S18.627,0,12,0ZM8.339,18h-2.667v-8.004h2.667v8.004Zm-1.333-9.093c-.853,0-1.543-.696-1.543-1.555s.69-1.555,1.543-1.555,1.543.696,1.543,1.555-.69,1.555-1.543,1.555Zm11.327,9.093h-2.665v-3.896c0-.929-.017-2.124-1.294-2.124-1.296,0-1.494,1.012-1.494,2.057v3.963h-2.664v-8.004h2.558v1.093h.036c.356-.675,1.227-1.387,2.525-1.387,2.701,0,3.2,1.778,3.2,4.091v4.207Z"/></svg> </a> 1538 </div> 1539 <div class="pt-[15px]"><div class="sr-duns text-[11px] leading-snug"><a href="https://www.dnb.com/business-directory/company-profiles.taeon_branding_agency_pte_ltd.27f818c04293a50d5b1c2ad43d732d94.html" target="_blank" rel="noopener nofollow" aria-label="D-U-N-S Number 599670286 â Dun & Bradstreet business profile" class="inline-flex text-dim hover:text-ink transition"><span aria-hidden="true" style="display:block;height:20px;width:137px;background-color:currentColor;-webkit-mask:url(/assets/dnb-logo.svg) no-repeat left center/contain;mask:url(/assets/dnb-logo.svg) no-repeat left center/contain"></span></a><div class="mt-1 font-semibold text-dim">D-U-N-S® Number: 599670286</div><div class="text-dim2">Registered business identifier issued by Dun & Bradstreet.</div></div></div> 1540 </div> 1541 <details class="sr-relco relative text-[12px] md:self-start"> 1542 <summary class="inline-flex items-center gap-2 cursor-pointer text-dim hover:text-ink transition px-4 py-2.5 border border-line rounded-full font-semibold list-none select-none"> 1543 Related companies <svg class="w-3 h-3 sr-relco-caret transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg> 1544 </summary> 1545 <div class="absolute left-0 md:left-auto md:right-0 mt-2 min-w-[220px] max-w-[calc(100vw-2.5rem)] bg-surface border border-line rounded-2xl shadow-[0_18px_50px_rgba(20,20,20,0.10)] overflow-hidden z-30 py-1"> 1546 <a href="https://taeon.one" target="_blank" rel="noopener" class="block px-4 py-2.5 text-[13px] text-dim hover:text-ink hover:bg-mist transition">TAEON BRANDING AGENCY</a> 1547 </div> 1548 </details> 1549 </div> 1550 </div> 1551 <style> 1552 .sr-relco summary::-webkit-details-marker { display:none; } 1553 .sr-relco[open] .sr-relco-caret { transform:rotate(180deg); } 1554 </style> 1555 <div class="mt-6 pt-6 border-t border-line"> 1556 <div class="text-[11px] text-dim leading-relaxed space-y-3"> 1557 <p>All artist information, album artwork, music, and related content displayed on this page are the property of their respective owners and rights holders. SOUND.RADAR does not own, control, or claim any rights to such content, and operates solely as an information relay platform connecting fans to authorized music streaming services. Rights holders may contact <a href="mailto:[email protected]" class="hover:text-ink transition underline">[email protected]</a> for any content concerns.</p> 1558 <p><span class="font-semibold text-dim">Affiliate Disclosure:</span> SOUND.RADAR participates in affiliate programs with Apple Music, Amazon Music, and other streaming platforms. We may receive a commission when users subscribe or make purchases through links on this page, at no additional cost to the user.</p> 1559 <p>This service is operated from Singapore and governed by the laws of Singapore.</p> 1560 <p>© 2026 SOUND.RADAR â a service of TAEON Branding Agency Pte. Ltd. (UEN: 202
1560602171W). All rights reserved. <a href="/en/legal?doc=terms" class="hover:text-ink transition underline">Terms of Service</a> · <a href="/en/legal?doc=privacy" class="hover:text-ink transition underline">Privacy Policy</a></p> 1561 </div> 1562 </div> 1563 </div> 1564</footer> 1565 1566<!-- Cookie consent --> 1567<div id="ckbar" class="hidden fixed left-0 right-0 bottom-0 z-[70] nav-blur border-t border-line px-5 py-3 flex items-center gap-3 justify-center flex-wrap text-[12.5px] text-dim"> 1568 <span>We use cookies to keep your session and for analytics. For details, see the <a href="/en/legal?doc=privacy" class="text-accent font-semibold">Privacy Policy</a>.</span> 1569 <button onclick="ckOk()" class="bg-accent text-paper text-[12px] font-bold rounded-full px-5 min-h-[40px] inline-flex items-center justify-center">Agree</button> 1570</div> 1571
1572<script> 1573// mega menu (hover-driven) 1574(function(){ 1575 var panels = document.querySelectorAll('[data-mega-panel]'); 1576 if (!panels.length) return; 1577 function closeAll(){ panels.forEach(function(p){ p.classList.add('hidden'); }); } 1578 ['services'].forEach(function(key){ 1579 var trigger = document.querySelector('[data-mega-trigger="'+key+'"]'); 1580 var menu = document.querySelector('[data-mega-panel="'+key+'"]'); 1581 if (!trigger || !menu) return; 1582 var hideTimer; 1583 function setExpanded(on){ trigger.setAttribute('aria-expanded', on ? 'true' : 'false'); } 1584 function show(){ clearTimeout(hideTimer); panels.forEach(function(p){ if(p!==menu) p.classList.add('hidden'); }); menu.classList.remove('hidden'); setExpanded(true); } 1585 function hide(){ hideTimer = setTimeout(function(){ menu.classList.add('hidden'); setExpanded(false); }, 180); } 1586 trigger.addEventListener('mouseenter', show); 1587 trigger.addEventListener('mouseleave', hide); 1588 menu.addEventListener('mouseenter', show); 1589 menu.addEventListener('mouseleave', hide); 1590 // í¤ë³´ë: Enter/Spaceë¡ ì¬ë«ê¸° (ë§í¬ ì´ë ëì ), í¨ë ë°ì¼ë¡ í¬ì»¤ì¤ê° ëê°ë©´ ë«ê¸° 1591 trigger.addEventListener('keydown', function(e){ 1592 if (e.key === 'Enter' || e.key === ' ') { 1593 e.preventDefault(); 1594 if (menu.classList.contains('hidden')) show(); else { menu.classList.add('hidden'); setExpanded(false); } 1595 } 1596 }); 1597 menu.addEventListener('focusout', function(){ 1598 setTimeout(function(){ 1599 if (!menu.contains(document.activeElement) && document.activeElement !== trigger) { menu.classList.add('hidden'); setExpanded(false); } 1600 }, 0); 1601 }); 1602 }); 1603 document.addEventListener('keydown', function(e){ 1604 if (e.key === 'Escape') { closeAll(); document.querySelectorAll('[data-mega-trigger]').forEach(function(t){ t.setAttribute('aria-expanded','false'); }); } 1605 }); 1606})(); 1607 1608// reveal on scroll 1609(function(){ 1610 if (!('IntersectionObserver' in window)) { document.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('is-in'); }); return; } 1611 var io = new IntersectionObserver(function(entries){ 1612 entries.forEach(function(en){ if (en.isIntersecting){ en.target.classList.add('is-in'); io.unobserve(en.target); } }); 1613 }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' }); 1614 document.addEventListener('DOMContentLoaded', function(){ document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); }); }); 1615})(); 1616 1617// live countdown (optional â only if #cdClock present) 1618(function(){ 1619 var el = document.getElementById('cdClock'); if (!el) return; 1620 var total = 2*3600 + 14*60 + 39; 1621 function pad(n){ return (n<10?'0':'')+n; } 1622 function tick(){ var hh=Math.floor(total/3600),mm=Math.floor((total%3600)/60),ss=total%60; el.textContent=pad(hh)+':'+pad(mm)+':'+pad(ss); if(total>0) total--; } 1623 tick(); setInterval(tick, 1000); 1624})(); 1625 1626// cookie bar 1627function ckOk(){ try{ localStorage.setItem('sr_ck','1'); }catch(e){} document.getElementById('ckbar').classList.add('hidden'); } 1628(function(){ try{ if(!localStorage.getItem('sr_ck')) document.getElementById('ckbar').classList.remove('hidden'); }catch(e){} })(); 1629 1630/* §28 GA4 ì í ì´ë²¤í¸ â gtag ìì ëë§, í¨ìë¸. data-ga ìì± ëë ë§í¬ 목ì ì§ë¡ ìë ì¶ì */ 1631(function(){ 1632 if (typeof gtag !== 'function') return; 1633 document.addEventListener('click', function(e){ 1634 var a = e.target.closest && e.target.closest('a,button'); if(!a) return; 1635 var ev = a.getAttribute('data-ga'); 1636 if (ev){ gtag('event', ev); return; } 1637 var href = (a.getAttribute('href')||'').toLowerCase(); 1638 var txt = (a.textContent||''); 1639 if (/\/contact/.test(href)) gtag('event','contact_click'); 1640 else if (/\/register|sign-?up/.test(href)) gtag('event','signup_start'); 1641 else if (/login/.test(href)) gtag('event','login_click'); 1642 else if (/demo|ë°ëª¨|문ì|ìë´/.test(txt)) gtag('event','demo_request_click'); 1643 else if (a.tagName==='A' && /^https?:\/\//.test(href) && href.indexOf('soundradar.co')<0) gtag('event','outbound_click',{link_url:href}); 1644 }, {passive:true}); 1645})(); 1646</script>
1646 1647<a href="/trap/a" rel="nofollow noindex" aria-hidden="true" tabindex="-1" style="position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden">.</a></body> 1648</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.