PageSourceSearch

https://soundradar.co/en

html soundradar.co collected 2026-10-02 01:20:40 UTC 175,762 bytes, 1,648 lines download raw bytes

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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&#039;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 &amp; 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&reg; Number: 599670286</div><div class="text-dim2">Registered business identifier issued by Dun &amp; 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.