PageSourceSearch

https://replaio.com/radio

html replaio.com collected 2026-10-01 23:55:44 UTC 140,404 bytes, 1,506 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="scroll-smooth">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7    <title>Internet radio stations - directory and search | Replaio</title>
8    <meta name="description" content="Browse internet radio stations from around the world - descriptions, FM frequencies and broadcaster websites. Find your station and listen for free in Replaio.">
9
10    
11        
12    
13            <link rel="canonical" href="https://replaio.com/radio">
14        <meta name="theme-color" content="#ffffff">
15    
16    <meta name="seznam-wmt" content="zTo9OE6KeHfsy87KFUuot89zxce1ZPK5">
17
18    
19                <link rel="alternate" hreflang="en" href="https://replaio.com/radio">
20            <link rel="alternate" hreflang="pl" href="https://replaio.com/pl/radio">
21            <link rel="alternate" hreflang="de" href="https://replaio.com/de/radio">
22            <link rel="alternate" hreflang="es" href="https://replaio.com/es/radio">
23            <link rel="alternate" hreflang="fr" href="https://replaio.com/fr/radio">
24            <link rel="alternate" hreflang="it" href="https://replaio.com/it/radio">
25            <link rel="alternate" hreflang="pt-BR" href="https://replaio.com/pt-BR/radio">
26            <link rel="alternate" hreflang="nl" href="https://replaio.com/nl/radio">
27            <link rel="alternate" hreflang="tr" href="https://replaio.com/tr/radio">
28            <link rel="alternate" hreflang="uk" href="https://replaio.com/uk/radio">
29            <link rel="alternate" hreflang="cs" href="https://replaio.com/cs/radio">
30            <link rel="alternate" hreflang="ro" href="https://replaio.com/ro/radio">
31            <link rel="alternate" hreflang="hu" href="https://replaio.com/hu/radio">
32            <link rel="alternate" hreflang="el" href="https://replaio.com/el/radio">
33            <link rel="alternate" hreflang="sv" href="https://replaio.com/sv/radio">
34            <link rel="alternate" hreflang="da" href="https://replaio.com/da/radio">
35            <link rel="alternate" hreflang="nb" href="https://replaio.com/nb/radio">
36                <link rel="alternate" hreflang="x-default" href="https://replaio.com/radio">
37    
38        <meta property="og:site_name" content="Replaio">
39    <meta property="og:title" content="Internet radio stations - directory and search | Replaio">
40    <meta property="og:description" content="Browse internet radio stations from around the world - descriptions, FM frequencies and broadcaster websites. Find your station and listen for free in Replaio.">
41    <meta property="og:type" content="website">
42    <meta property="og:url" content="https://replaio.com/radio">
43        <meta property="og:locale" content="en_US">
44                            <meta property="og:locale:alternate" content="pl_PL">
45                    <meta property="og:locale:alternate" content="de_DE">
46                    <meta property="og:locale:alternate" content="es_ES">
47                    <meta property="og:locale:alternate" content="fr_FR">
48                    <meta property="og:locale:alternate" content="it">
49                    <meta property="og:locale:alternate" content="pt-BR">
50                    <meta property="og:locale:alternate" content="nl">
51                    <meta property="og:locale:alternate" content="tr">
52                    <meta property="og:locale:alternate" content="uk">
53                    <meta property="og:locale:alternate" content="cs">
54                    <meta property="og:locale:alternate" content="ro">
55                    <meta property="og:locale:alternate" content="hu">
56                    <meta property="og:locale:alternate" content="el">
57                    <meta property="og:locale:alternate" content="sv">
58                    <meta property="og:locale:alternate" content="da">
59                    <meta property="og:locale:alternate" content="nb">
60        <meta name="twitter:card" content="summary_large_image">
61
62    
63    <meta name="google-play-app" content="app-id=com.hv.replaio">
64
65    <link rel="icon" href="https://replaio.com/favicon.ico">
66    <link rel="apple-touch-icon" href="https://replaio.com/img/icons/apple-touch-icon.png">
67
68    
69    
69<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Replaio sp. z o.o.","url":"https://replaio.com","logo":"https://replaio.com/img/icons/app-icon-512.png","email":"[email protected]","telephone":"+48 451 264 308","address":{"@type":"PostalAddress","streetAddress":"ul. Tysiąclecia 14a","postalCode":"38-400","addressLocality":"Krosno","addressCountry":"PL"},"sameAs":["https://www.facebook.com/replaio","https://play.google.com/store/apps/details?id=com.hv.replaio"]}</script>
69
70    
70<script type="application/ld+json">{"@context":"https://schema.org","@type":"MobileApplication","name":"Replaio","operatingSystem":"Android","applicationCategory":"Music & Audio","description":"Almost 10M downloads, 4.8 rating. Free internet radio and podcasts in the Replaio app - thousands of stations, no sign-up. Press play and listen.","image":"https://replaio.com/img/icons/app-icon-512.png","installUrl":"https://play.google.com/store/apps/details?id=com.hv.replaio","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":173000}}</script>
70
71
72    <link rel="preconnect" href="https://fonts.bunny.net">
73    <link href="https://fonts.bunny.net/css?family=hanken-grotesk:700,800,900|figtree:400,500,600,700&display=swap" rel="stylesheet">
74
75    <link rel="preload" as="style" href="https://replaio.com/build/assets/v11-BR_AQCSy.css" /><link rel="modulepreload" as="script" href="https://replaio.com/build/assets/app-DHUSRxm-.js" /><link rel="stylesheet" href="https://replaio.com/build/assets/v11-BR_AQCSy.css" />
75<script type="module" src="https://replaio.com/build/assets/app-DHUSRxm-.js"></script>
75        
75<script>
76        window.dataLayer = window.dataLayer || [];
77        function gtag(){dataLayer.push(arguments);}
78        gtag('consent', 'default', {
79            'ad_storage': 'denied',
80            'ad_user_data': 'denied',
81            'ad_personalization': 'denied',
82            'analytics_storage': 'granted'
83        });
84        gtag('js', new Date());
85        gtag('config', 'G-6E1QBJXRG5');
86    </script>
vendor: 68 bytes, lines 86-87
86
87    <script async src="https://www.googletagmanager.com/gtag/js?id=
87G-6E1QBJXRG5
vendor: 12 bytes, line 87
87"></script>
88</head>
89<body class="bg-paper font-sans text-ink antialiased">
90    <div id="lang-suggest" hidden class="border-b-2 border-ink bg-blue text-white">
91    <div class="mx-auto flex max-w-[90rem] items-center gap-3 px-4 py-2.5 sm:px-6">
92        <p id="lang-suggest-text" class="min-w-0 flex-1 truncate text-sm font-semibold"></p>
93        <a id="lang-suggest-link" href="#" class="shrink-0 rounded-full bg-white px-3.5 py-1.5 text-xs font-bold text-ink transition-colors hover:bg-yellow"></a>
94        <button id="lang-suggest-close" type="button" class="shrink-0 p-1 text-white/70 transition-colors hover:text-white" aria-label="Close">
95            <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 6 6 18M6 6l12 12"/></svg>
96        </button>
97    </div>
98</div>
99<script>
100    (function () {
101        try {
102            if (localStorage.getItem('langSuggestDismissed')) return;
103
104            var current = "en";
105            var strings = {"en":{"text":"This page is available in English","button":"Switch to English","close":"Close"},"pl":{"text":"Ta strona jest dost\u0119pna po polsku","button":"Przejd\u017a na polsk\u0105 wersj\u0119","close":"Zamknij"},"de":{"text":"Diese Seite ist auch auf Deutsch verf\u00fcgbar","button":"Zur deutschen Version wechseln","close":"Schlie\u00dfen"},"es":{"text":"Esta p\u00e1gina est\u00e1 disponible en espa\u00f1ol","button":"Ir a la versi\u00f3n en espa\u00f1ol","close":"Cerrar"},"fr":{"text":"Cette page est disponible en fran\u00e7ais","button":"Passer \u00e0 la version fran\u00e7aise","close":"Fermer"},"it":{"text":"Questa pagina \u00e8 disponibile in italiano","button":"Vai alla versione italiana","close":"Chiudi"},"pt-BR":{"text":"Esta p\u00e1gina est\u00e1 dispon\u00edvel em portugu\u00eas","button":"Ir para a vers\u00e3o em portugu\u00eas","close":"Fechar"},"nl":{"text":"Deze pagina is ook beschikbaar in het Nederlands","button":"Naar de Nederlandse versie","close":"Sluiten"},"tr":{"text":"Bu sayfa T\u00fcrk\u00e7e olarak da mevcut","button":"T\u00fcrk\u00e7e s\u00fcr\u00fcme ge\u00e7","close":"Kapat"},"uk":{"text":"\u0426\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u043e\u044e","button":"\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u0443 \u0432\u0435\u0440\u0441\u0456\u044e","close":"\u0417\u0430\u043a\u0440\u0438\u0442\u0438"},"cs":{"text":"Tato str\u00e1nka je dostupn\u00e1 v \u010de\u0161tin\u011b","button":"P\u0159ej\u00edt na \u010deskou verzi","close":"Zav\u0159\u00edt"},"ro":{"text":"Aceast\u0103 pagin\u0103 este disponibil\u0103 \u00een rom\u00e2n\u0103","button":"Treci la versiunea \u00een rom\u00e2n\u0103","close":"\u00cenchide"},"hu":{"text":"Ez az oldal magyarul is el\u00e9rhet\u0151","button":"V\u00e1lt\u00e1s a magyar verzi\u00f3ra","close":"Bez\u00e1r\u00e1s"},"el":{"text":"\u0391\u03c5\u03c4\u03ae \u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b7 \u03c3\u03c4\u03b1 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac","button":"\u039c\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7","close":"\u039a\u03bb\u03b5\u03af\u03c3\u03b9\u03bc\u03bf"},"sv":{"text":"Den h\u00e4r sidan finns \u00e4ven p\u00e5 svenska","button":"Byt till den svenska versionen","close":"St\u00e4ng"},"da":{"text":"Denne side findes ogs\u00e5 p\u00e5 dansk","button":"Skift til den danske version","close":"Luk"},"nb":{"text":"Denne siden finnes ogs\u00e5 p\u00e5 norsk","button":"Bytt til den norske versjonen","close":"Lukk"}};
106            var locales = Object.keys(strings);
107
108            var suggested = null;
109            var preferred = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language || '']).slice(0, 3);
110            for (var i = 0; i < preferred.length && !suggested; i++) {
111                var lang = String(preferred[i] || '').toLowerCase();
112                if (!lang) continue;
113                for (var j = 0; j < locales.length; j++) {
114                    if (locales[j].toLowerCase() === lang) { suggested = locales[j]; break; }
115                }
116                if (!suggested) {
117                    var prefix = lang.slice(0, 2);
118                    for (var k = 0; k < locales.length; k++) {
119                        if (locales[k].toLowerCase().slice(0, 2) === prefix) { suggested = locales[k]; break; }
120                    }
121                }
122            }
123
124            if (!suggested || suggested === current) return;
125
126            var alternate = document.querySelector('link[rel="alternate"][hreflang="' + suggested + '"]');
127            if (!alternate || !alternate.href) return;
128
129            var bar = document.getElementById('lang-suggest');
130            document.getElementById('lang-suggest-text').textContent = strings[suggested].text;
131            var link = document.getElementById('lang-suggest-link');
132            link.textContent = strings[suggested].button;
133            link.href = alternate.href;
134            var close = document.getElementById('lang-suggest-close');
135            close.setAttribute('aria-label', strings[suggested].close);
136            close.addEventListener('click', function () {
137                localStorage.setItem('langSuggestDismissed', '1');
138                bar.hidden = true;
139            });
140            bar.hidden = false;
141        } catch (e) {}
142    })();
143</script>
143
144    <header class="sticky top-0 z-50 border-b-2 border-ink bg-paper">
145    <div class="mx-auto flex h-16 max-w-[90rem] items-center justify-between gap-4 px-4 sm:px-6">
146        <div class="flex min-w-0 items-center gap-8">
147            <a href="https://replaio.com" class="flex shrink-0 items-center gap-2.5" aria-label="Replaio">
148                <img src="https://replaio.com/img/replaio-logo.png" alt="" class="h-8 w-8" width="32" height="32">
149                <span class="font-display text-xl font-black tracking-tight text-ink">Replaio</span>
150                <span class="rounded-full bg-yellow px-2 py-0.5 text-[9px] font-black uppercase tracking-[0.14em] text-ink">Beta</span>
151            </a>
152
153            <nav class="hidden items-center gap-6 md:flex">
154                                    <a href="https://replaio.com/radio" class="text-sm font-bold text-ink transition-colors hover:text-blue">Radio</a>
155                    <a href="https://replaio.com/podcasts" class="text-sm font-bold text-ink transition-colors hover:text-blue">Podcasts</a>
156                    <a href="https://replaio.com/podcasts/favorites" class="text-sm font-bold text-ink transition-colors hover:text-blue">Favourites</a>
157                                <a href="https://replaio.com#premium" class="text-sm font-bold text-ink transition-colors hover:text-blue">Premium+</a>
158                <a href="https://replaio.com/broadcasters" class="text-sm font-bold text-ink transition-colors hover:text-blue">For broadcasters</a>
159            </nav>
160        </div>
161
162        <div class="flex items-center gap-2 sm:gap-3">
163            
164                            <button type="button"
165                        class="js-search-open inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-ink transition-colors hover:text-blue"
166                        aria-label="What do you want to search?">
167                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
168     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
169     class="h-5 w-5" ><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
170                </button>
171            
172            <details class="lang-switcher relative">
173    <summary class="flex cursor-pointer list-none items-center gap-1.5 rounded-full px-2.5 py-1.5 text-sm font-bold text-ink transition-colors hover:text-blue [&::-webkit-details-marker]:hidden">
174        <span class="text-xs uppercase tracking-wide">en</span>
175        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
176     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
177     class="h-3.5 w-3.5" ><path d="m6 9.5 6 6 6-6"/></svg>
178    </summary>
179    <div class="absolute right-0 z-50 mt-2 min-w-44 overflow-hidden rounded-2xl border-2 border-ink bg-white shadow-[6px_6px_0_0_var(--color-ink)]">
180                                <a href="https://replaio.com/radio"
181                aria-current="true"                class="block px-4 py-2.5 text-sm font-semibold transition-colors bg-blue text-white">
182                English
183            </a>
184                                <a href="https://replaio.com/pl/radio"
185                              class="block px-4 py-2.5 text-sm font-semibold transition-colors text-ink hover:bg-mist">
186                Polski
187            </a>
188                                <a href="https://replaio.com/de/radio"
189                              class="block px-4 py-2.5 text-sm font-semibold transition-colors text-ink hover:bg-mist">
190                Deutsch
191            </a>
192                                <a href="https://replaio.com/es/radio"
193                              class="block px-4 py-2.5 text-sm font-semibold transition-colors text-ink hover:bg-mist">
194                Español
195            </a>
196                                <a href="https://replaio.com/fr/radio"
197                              class="block px-4 py-2.5 text-sm font-semibold transition-colors text-ink hover:bg-mist">
198                Français
199            </a>
200                                                                                                                                                                <a href="https://replaio.com/languages"
201           class="block whitespace-nowrap border-t-2 border-ink/10 px-4 py-2.5 text-sm font-bold text-blue transition-colors hover:bg-mist">
202            More languages <span aria-hidden="true">→</span>
203        </a>
204    </div>
205</details>
206
207            <button type="button"
208                    class="js-login-open hidden items-center gap-2 rounded-full border-2 border-ink px-5 py-2 text-sm font-bold text-ink transition-colors hover:bg-ink hover:text-white lg:inline-flex">
209                Log in
210            </button>
211
212            <button type="button"
213                    class="js-download-open hidden items-center gap-2 rounded-full border-2 border-transparent bg-yellow px-5 py-2 text-sm font-bold text-ink transition-colors hover:bg-[#f5bd15] sm:inline-flex">
214                Download the free app →
215            </button>
216
217            <button id="menu-toggle" type="button"
218                    class="inline-flex h-10 w-10 items-center justify-center rounded-full text-ink transition-colors hover:text-blue md:hidden"
219                    aria-expanded="false" aria-controls="mobile-nav" aria-label="Menu">
220                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
221     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
222     class="h-6 w-6" ><path d="M4 7h16M4 12h16M4 17h16"/></svg>
223            </button>
224        </div>
225    </div>
226
227    <div id="mobile-nav" class="hidden border-t-2 border-ink bg-paper px-4 pb-6 pt-3 md:hidden">
228        <nav class="flex flex-col gap-1">
229                            <a href="https://replaio.com/radio" class="rounded-xl px-3 py-2.5 text-sm font-bold text-ink hover:bg-mist">Radio</a>
230                <a href="https://replaio.com/podcasts" class="rounded-xl px-3 py-2.5 text-sm font-bold text-ink hover:bg-mist">Podcasts</a>
231                <a href="https://replaio.com/podcasts/favorites" class="rounded-xl px-3 py-2.5 text-sm font-bold text-ink hover:bg-mist">Favourites</a>
232                        <a href="https://replaio.com#premium" class="rounded-xl px-3 py-2.5 text-sm font-bold text-ink hover:bg-mist">Premium+</a>
233            <a href="https://replaio.com/broadcasters" class="rounded-xl px-3 py-2.5 text-sm font-bold text-ink hover:bg-mist">For broadcasters</a>
234            <a href="https://replaio.com/languages" class="rounded-xl px-3 py-2.5 text-sm font-bold text-ink hover:bg-mist">Languages</a>
235        </nav>
236        <button type="button"
237                class="js-login-open mt-4 inline-flex w-full items-center justify-center gap-2 rounded-full border-2 border-ink px-5 py-3 text-sm font-bold text-ink transition-colors hover:bg-ink hover:text-white">
238            Log in
239        </button>
240        <button type="button"
241                class="js-download-open mt-2.5 inline-flex w-full items-center justify-center gap-2 rounded-full bg-yellow px-5 py-3 text-sm font-bold text-ink transition-colors hover:bg-[#f5bd15]">
242            Download the free app →
243        </button>
244    </div>
245</header>
246
247
248<div id="login-modal" class="fixed inset-0 z-50 hidden overflow-y-auto">
249    <button type="button" data-login-close aria-label="Close" class="fixed inset-0 h-full w-full cursor-default bg-ink/90"></button>
250
251    <div class="pointer-events-none flex min-h-full items-center justify-center p-4">
252        <div class="pointer-events-auto relative w-[min(94vw,34rem)] rounded-3xl border-2 border-ink bg-paper p-8 shadow-[12px_12px_0_0_var(--color-blue)] sm:p-10">
253            <button type="button" data-login-close aria-label="Close"
254                    class="absolute right-3 top-3 flex h-9 w-9 items-center justify-center rounded-full border-2 border-ink bg-paper text-ink transition-colors hover:bg-ink hover:text-white">
255                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
256     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
257     class="h-4 w-4" ><path d="M6 6l12 12M18 6 6 18"/></svg>
258            </button>
259
260            <span class="rounded-full bg-yellow px-2.5 py-1 text-[10px] font-black uppercase tracking-[0.14em] text-ink">Coming soon</span>
261            <h2 class="mt-4 font-display text-3xl font-black leading-tight text-ink">Replaio account</h2>
262            <p class="mt-3 text-base leading-relaxed text-slate">Sign-in is launching any day now. Your Replaio account will sync favourite podcasts and listening progress across your devices</p>
263
264            <button type="button" data-login-close
265                    class="mt-6 inline-flex items-center justify-center rounded-full bg-blue px-6 py-2.5 text-sm font-bold text-white transition-colors hover:bg-blue-700">
266                Close
267            </button>
268        </div>
269    </div>
270</div>
271
272
273    <div id="search-modal" class="fixed inset-0 z-50 hidden overflow-y-auto">
274        <button type="button" data-search-close aria-label="Close" class="fixed inset-0 h-full w-full cursor-default bg-ink/90"></button>
275
276        <div class="pointer-events-none flex min-h-full items-center justify-center p-4">
277            <div class="pointer-events-auto relative w-[min(94vw,46rem)] overflow-hidden rounded-3xl border-2 border-ink bg-paper shadow-[12px_12px_0_0_var(--color-blue)]">
278                <button type="button" data-search-close aria-label="Close"
279                        class="absolute right-3 top-3 z-10 flex h-9 w-9 items-center justify-center rounded-full border-2 border-ink bg-paper text-ink transition-colors hover:bg-ink hover:text-white">
280                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
281     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
282     class="h-4 w-4" ><path d="M6 6l12 12M18 6 6 18"/></svg>
283                </button>
284
285                <h2 class="border-b-2 border-ink px-7 py-5 font-display text-2xl font-black leading-tight text-ink">What do you want to search?</h2>
286
287                <div class="grid sm:grid-cols-2">
288                    
289                    <a href="https://replaio.com/radio"
290                       class="flex flex-col border-b-2 border-ink p-7 transition-colors hover:bg-blue/5 sm:border-b-0 sm:border-r-2">
291                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
292     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
293     class="h-8 w-8 text-blue" ><circle cx="12" cy="12" r="2"/><path d="M8.5 8.5a5 5 0 0 0 0 7M15.5 8.5a5 5 0 0 1 0 7M5.6 5.6a9 9 0 0 0 0 12.8M18.4 5.6a9 9 0 0 1 0 12.8"/></svg>
294                        <h3 class="mt-4 font-display text-xl font-black leading-tight text-ink">Radio stations</h3>
295                        <p class="mt-2 text-sm leading-relaxed text-slate">On the site you’ll find the station catalogue - listen comfortably in the Replaio app for Android (iOS coming soon)</p>
296                        <span class="mt-auto pt-5">
297                            <span class="inline-flex items-center rounded-full bg-blue px-5 py-2 text-sm font-bold text-white">Search stations</span>
298                        </span>
299                    </a>
300
301                    
302                    <a href="https://replaio.com/podcasts"
303                       class="flex flex-col p-7 transition-colors hover:bg-coral/5">
304                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
305     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
306     class="h-8 w-8 text-coral" ><path d="M4 14v-2a8 8 0 0 1 16 0v2"/><rect x="3" y="14" width="4" height="6" rx="1.5"/><rect x="17" y="14" width="4" height="6" rx="1.5"/></svg>
307                        <h3 class="mt-4 font-display text-xl font-black leading-tight text-ink">Podcasts</h3>
308                        <p class="mt-2 text-sm leading-relaxed text-slate">You can already listen right here on the site - and soon in the app too</p>
309                        <span class="mt-auto pt-5">
310                            <span class="inline-flex items-center rounded-full bg-coral px-5 py-2 text-sm font-bold text-white">Search podcasts</span>
311                        </span>
312                    </a>
313                </div>
314            </div>
315        </div>
316    </div>
317
318
319<div id="download-modal" class="fixed inset-0 z-50 hidden overflow-y-auto">
320    <button type="button" data-download-close aria-label="Close" class="fixed inset-0 h-full w-full cursor-default bg-ink/90"></button>
321
322    <div class="pointer-events-none flex min-h-full items-center justify-center p-4">
323        <div class="pointer-events-auto relative w-[min(94vw,46rem)] overflow-hidden rounded-3xl border-2 border-ink bg-paper shadow-[12px_12px_0_0_var(--color-blue)]">
324            <button type="button" data-download-close aria-label="Close"
325                    class="absolute right-3 top-3 z-10 flex h-9 w-9 items-center justify-center rounded-full border-2 border-ink bg-paper text-ink transition-colors hover:bg-ink hover:text-white">
326                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
327     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
328     class="h-4 w-4" ><path d="M6 6l12 12M18 6 6 18"/></svg>
329            </button>
330
331            <div class="grid sm:grid-cols-2">
332                
333                <div class="flex flex-col border-b-2 border-ink p-7 sm:border-b-0 sm:border-r-2">
334                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
335     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
336     class="h-8 w-8 text-blue" >
336<path fill="currentColor" stroke="none" d="M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"/></svg>
337                    <h2 class="mt-4 font-display text-xl font-black leading-tight text-ink">Android</h2>
338                    <p class="mt-2 text-sm leading-relaxed text-slate">Get it on Google Play and start listening right away - free, no sign-up</p>
339                    <a href="https://play.google.com/store/apps/details?id=com.hv.replaio" target="_blank" rel="noopener" class="mt-auto inline-block pt-5">
340                        <img src="https://replaio.com/img/badges/google-play-en.png"
341                             alt="Get it on Google Play" class="h-12 w-auto">
342                    </a>
343                </div>
344
345                
346                <div class="flex flex-col p-7">
347                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
348     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
349     class="h-8 w-8 text-ink" ><path fill="currentColor" stroke="none" d="M16.4 12.9c0-2.1 1.7-3.1 1.8-3.2-1-1.4-2.5-1.6-3-1.6-1.3-.1-2.5.8-3.2.8-.7 0-1.7-.8-2.8-.7-1.4 0-2.8.8-3.5 2.1-1.5 2.6-.4 6.5 1.1 8.6.7 1 1.6 2.2 2.7 2.1 1.1 0 1.5-.7 2.8-.7 1.3 0 1.7.7 2.8.7 1.2 0 1.9-1 2.6-2.1.8-1.2 1.2-2.4 1.2-2.4s-2.4-.9-2.5-3.6ZM14.3 6.7c.6-.7 1-1.7.9-2.7-.9 0-1.9.6-2.5 1.3-.6.6-1 1.6-.9 2.6 1 .1 1.9-.5 2.5-1.2Z"/></svg>
350                    <h2 class="mt-4 flex items-center gap-2 font-display text-xl font-black leading-tight text-ink">
351                        iPhone &amp; iPad
352                        <span class="rounded-full bg-yellow px-2 py-0.5 text-[9px] font-black uppercase tracking-[0.14em] text-ink">Coming soon</span>
353                    </h2>
354                    <p class="mt-2 text-sm leading-relaxed text-slate">Really soon now! Final touches and we are submitting it to the App Store</p>
355                </div>
356            </div>
357        </div>
358    </div>
359</div>
360
361    <main>
362        
363    
364    <section class="bg-paper">
365        <div class="mx-auto max-w-[90rem] px-4 pb-16 pt-16 text-center sm:px-6 md:pt-24">
366            <p class="eyebrow inline-flex items-center gap-2.5 rounded-full border-2 border-ink px-4 py-1.5 text-[11px] text-ink">
367                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
368     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
369     class="h-4 w-4 text-coral" ><circle cx="12" cy="12" r="2"/><path d="M8.5 8.5a5 5 0 0 0 0 7M15.5 8.5a5 5 0 0 1 0 7M5.6 5.6a9 9 0 0 0 0 12.8M18.4 5.6a9 9 0 0 1 0 12.8"/></svg>
370                Radio station directory
371                <span class="rounded-full bg-yellow px-2 py-0.5 text-[9px] font-black uppercase tracking-[0.14em] text-ink">Beta</span>
372            </p>
373
374            <h1 class="poster-type mx-auto mt-7 max-w-4xl text-[clamp(2.4rem,5.4vw,4.8rem)] text-ink">
375                Find
376                <span class="text-blue">your favourite station.</span>
377            </h1>
378
379            <p class="mx-auto mt-6 max-w-3xl text-lg leading-relaxed text-slate md:text-xl">
380                Descriptions, FM frequencies and official broadcaster websites.
381            </p>
382
383            <div class="mt-9">
384                <form action="https://replaio.com/radio/search" method="get" role="search"
385      class="mx-auto max-w-2xl flex overflow-hidden rounded-full border-2 border-ink bg-paper shadow-[6px_6px_0_0_var(--color-ink)]">
386    <input type="search" name="q" value="" placeholder="Station name, genre or city..."
387           class="w-full min-w-0 border-0 bg-transparent px-6 py-4 text-base font-semibold text-ink outline-none placeholder:text-slate/60">
388    <button type="submit" class="shrink-0 bg-blue px-7 text-sm font-black text-white transition-colors hover:bg-blue-700">Search</button>
389</form>
390            </div>
391        </div>
392    </section>
393
394    
395    <section class="border-t-2 border-ink bg-paper">
396        <div class="mx-auto max-w-[90rem] px-4 py-16 sm:px-6 md:py-20">
397            <h2 class="poster-type text-3xl text-ink sm:text-4xl">Browse by country</h2>
398            <div class="mt-8 grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
399                                    <a href="https://replaio.com/radio/country/germany"
400                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
401                        <span class="truncate">Germany</span>
402                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
403                    </a>
404                                    <a href="https://replaio.com/radio/country/france"
405                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
406                        <span class="truncate">France</span>
407                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
408                    </a>
409                                    <a href="https://replaio.com/radio/country/united-states"
410                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
411                        <span class="truncate">United States</span>
412                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
413                    </a>
414                                    <a href="https://replaio.com/radio/country/italy"
415                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
416                        <span class="truncate">Italy</span>
417                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
418                    </a>
419                                    <a href="https://replaio.com/radio/country/spain"
420                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
421                        <span class="truncate">Spain</span>
422                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
423                    </a>
424                                    <a href="https://replaio.com/radio/country/brazil"
425                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
426                        <span class="truncate">Brazil</span>
427                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
428                    </a>
429                                    <a href="https://replaio.com/radio/country/canada"
430                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
431                        <span class="truncate">Canada</span>
432                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
433                    </a>
434                                    <a href="https://replaio.com/radio/country/poland"
435                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
436                        <span class="truncate">Poland</span>
437                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
438                    </a>
439                                    <a href="https://replaio.com/radio/country/greece"
440                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
441                        <span class="truncate">Greece</span>
442                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
443                    </a>
444                                    <a href="https://replaio.com/radio/country/netherlands"
445                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
446                        <span class="truncate">Netherlands</span>
447                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
448                    </a>
449                                    <a href="https://replaio.com/radio/country/switzerland"
450                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
451                        <span class="truncate">Switzerland</span>
452                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
453                    </a>
454                                    <a href="https://replaio.com/radio/country/romania"
455                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
456                        <span class="truncate">Romania</span>
457                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
458                    </a>
459                                    <a href="https://replaio.com/radio/country/mexico"
460                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
461                        <span class="truncate">Mexico</span>
462                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
463                    </a>
464                                    <a href="https://replaio.com/radio/country/belgium"
465                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
466                        <span class="truncate">Belgium</span>
467                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
468                    </a>
469                                    <a href="https://replaio.com/radio/country/portugal"
470                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
471                        <span class="truncate">Portugal</span>
472                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
473                    </a>
474                                    <a href="https://replaio.com/radio/country/colombia"
475                       class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
476                        <span class="truncate">Colombia</span>
477                        <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
478                    </a>
479                            </div>
480
481                            <details class="group mt-6 open:mt-3">
482                    <summary class="inline-flex cursor-pointer items-center gap-2 rounded-full border-2 border-ink px-5 py-2 text-sm font-bold text-ink transition-colors hover:bg-ink hover:text-white group-open:hidden">
483                        All countries
484                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
485     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
486     class="h-4 w-4" ><path d="m6 9.5 6 6 6-6"/></svg>
487                    </summary>
488                    <div class="mt-5 grid grid-cols-2 gap-3 group-open:mt-0 sm:grid-cols-3 lg:grid-cols-4">
489                                                    <a href="https://replaio.com/radio/country/albania"
490                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
491                                <span class="truncate">Albania</span>
492                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
493                            </a>
494                                                    <a href="https://replaio.com/radio/country/algeria"
495                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
496                                <span class="truncate">Algeria</span>
497                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
498                            </a>
499                                                    <a href="https://replaio.com/radio/country/argentina"
500                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
501                                <span class="truncate">Argentina</span>
502                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
503                            </a>
504                                                    <a href="https://replaio.com/radio/country/armenia"
505                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
506                                <span class="truncate">Armenia</span>
507                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
508                            </a>
509                                                    <a href="https://replaio.com/radio/country/australia"
510                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
511                                <span class="truncate">Australia</span>
512                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
513                            </a>
514                                                    <a href="https://replaio.com/radio/country/austria"
515                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
516                                <span class="truncate">Austria</span>
517                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
518                            </a>
519                                                    <a href="https://replaio.com/radio/country/azerbaijan"
520                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
521                                <span class="truncate">Azerbaijan</span>
522                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
523                            </a>
524                                                    <a href="https://replaio.com/radio/country/bangladesh"
525                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
526                                <span class="truncate">Bangladesh</span>
527                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
528                            </a>
529                                                    <a href="https://replaio.com/radio/country/bolivia"
530                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
531                                <span class="truncate">Bolivia</span>
532                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
533                            </a>
534                                                    <a href="https://replaio.com/radio/country/bosnia-and-herzegovina"
535                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
536                                <span class="truncate">Bosnia &amp; Herzegovina</span>
537                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
538                            </a>
539                                                    <a href="https://replaio.com/radio/country/botswana"
540                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
541                                <span class="truncate">Botswana</span>
542                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
543                            </a>
544                                                    <a href="https://replaio.com/radio/country/brunei-darussalam"
545                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
546                                <span class="truncate">Brunei Darussalam</span>
547                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
548                            </a>
549                                                    <a href="https://replaio.com/radio/country/bulgaria"
550                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
551                                <span class="truncate">Bulgaria</span>
552                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
553                            </a>
554                                                    <a href="https://replaio.com/radio/country/caribbean-islands"
555                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
556                                <span class="truncate">Caribbean Islands</span>
557                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
558                            </a>
559                                                    <a href="https://replaio.com/radio/country/chile"
560                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
561                                <span class="truncate">Chile</span>
562                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
563                            </a>
564                                                    <a href="https://replaio.com/radio/country/china"
565                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
566                                <span class="truncate">China</span>
567                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
568                            </a>
569                                                    <a href="https://replaio.com/radio/country/costa-rica"
570                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
571                                <span class="truncate">Costa Rica</span>
572                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
573                            </a>
574                                                    <a href="https://replaio.com/radio/country/cote-divoire"
575                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
576                                <span class="truncate">Cote D&#039;ivoire</span>
577                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
578                            </a>
579                                                    <a href="https://replaio.com/radio/country/croatia"
580                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
581                                <span class="truncate">Croatia</span>
582                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
583                            </a>
584                                                    <a href="https://replaio.com/radio/country/cyprus"
585                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
586                                <span class="truncate">Cyprus</span>
587                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
588                            </a>
589                                                    <a href="https://replaio.com/radio/country/czech-republic"
590                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
591                                <span class="truncate">Czechia</span>
592                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
593                            </a>
594                                                    <a href="https://replaio.com/radio/country/dr-congo"
595                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
596                                <span class="truncate">DR Congo</span>
597                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
598                            </a>
599                                                    <a href="https://replaio.com/radio/country/denmark"
600                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
601                                <span class="truncate">Denmark</span>
602                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
603                            </a>
604                                                    <a href="https://replaio.com/radio/country/dominica"
605                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
606                                <span class="truncate">Yemen</span>
607                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
608                            </a>
609                                                    <a href="https://replaio.com/radio/country/dominican-republic"
610                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
611                                <span class="truncate">Dominican Republic</span>
612                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
613                            </a>
614                                                    <a href="https://replaio.com/radio/country/ecuador"
615                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
616                                <span class="truncate">Ecuador</span>
617                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
618                            </a>
619                                                    <a href="https://replaio.com/radio/country/egypt"
620                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
621                                <span class="truncate">Egypt</span>
622                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
623                            </a>
624                                                    <a href="https://replaio.com/radio/country/el-salvador"
625                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
626                                <span class="truncate">El Salvador</span>
627                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
628                            </a>
629                                                    <a href="https://replaio.com/radio/country/estonia"
630                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
631                                <span class="truncate">Estonia</span>
632                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
633                            </a>
634                                                    <a href="https://replaio.com/radio/country/falkland-islands"
635                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
636                                <span class="truncate">Falkland Islands</span>
637                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
638                            </a>
639                                                    <a href="https://replaio.com/radio/country/faroe-islands"
640                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
641                                <span class="truncate">Faroe Islands</span>
642                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
643                            </a>
644                                                    <a href="https://replaio.com/radio/country/finland"
645                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
646                                <span class="truncate">Finland</span>
647                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
648                            </a>
649                                                    <a href="https://replaio.com/radio/country/french-polynesia"
650                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
651                                <span class="truncate">French Polynesia</span>
652                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
653                            </a>
654                                                    <a href="https://replaio.com/radio/country/georgia"
655                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
656                                <span class="truncate">Georgia</span>
657                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
658                            </a>
659                                                    <a href="https://replaio.com/radio/country/ghana"
660                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
661                                <span class="truncate">Ghana</span>
662                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
663                            </a>
664                                                    <a href="https://replaio.com/radio/country/gibraltar"
665                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
666                                <span class="truncate">Gibraltar</span>
667                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
668                            </a>
669                                                    <a href="https://replaio.com/radio/country/greenland"
670                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
671                                <span class="truncate">Greenland</span>
672                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
673                            </a>
674                                                    <a href="https://replaio.com/radio/country/guam"
675                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
676                                <span class="truncate">Guam</span>
677                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
678                            </a>
679                                                    <a href="https://replaio.com/radio/country/guatemala"
680                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
681                                <span class="truncate">Guatemala</span>
682                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
683                            </a>
684                                                    <a href="https://replaio.com/radio/country/guyana"
685                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
686                                <span class="truncate">Guyana</span>
687                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
688                            </a>
689                                                    <a href="https://replaio.com/radio/country/haiti"
690                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
691                                <span class="truncate">Haiti</span>
692                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
693                            </a>
694                                                    <a href="https://replaio.com/radio/country/honduras"
695                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
696                                <span class="truncate">Honduras</span>
697                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
698                            </a>
699                                                    <a href="https://replaio.com/radio/country/hongkong"
700                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
701                                <span class="truncate">Hong Kong SAR China</span>
702                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
703                            </a>
704                                                    <a href="https://replaio.com/radio/country/hungary"
705                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
706                                <span class="truncate">Hungary</span>
707                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
708                            </a>
709                                                    <a href="https://replaio.com/radio/country/iceland"
710                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
711                                <span class="truncate">Canary Islands</span>
712                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
713                            </a>
714                                                    <a href="https://replaio.com/radio/country/india"
715                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
716                                <span class="truncate">India</span>
717                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
718                            </a>
719                                                    <a href="https://replaio.com/radio/country/indonesia"
720                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
721                                <span class="truncate">Indonesia</span>
722                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
723                            </a>
724                                                    <a href="https://replaio.com/radio/country/ireland"
725                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
726                                <span class="truncate">Ireland</span>
727                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
728                            </a>
729                                                    <a href="https://replaio.com/radio/country/israel"
730                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
731                                <span class="truncate">Israel</span>
732                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
733                            </a>
734                                                    <a href="https://replaio.com/radio/country/japan"
735                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
736                                <span class="truncate">Japan</span>
737                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
738                            </a>
739                                                    <a href="https://replaio.com/radio/country/jordan"
740                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
741                                <span class="truncate">Jordan</span>
742                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
743                            </a>
744                                                    <a href="https://replaio.com/radio/country/kazakhstan"
745                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
746                                <span class="truncate">Kazakhstan</span>
747                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
748                            </a>
749                                                    <a href="https://replaio.com/radio/country/kenya"
750                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
751                                <span class="truncate">Kenya</span>
752                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
753                            </a>
754                                                    <a href="https://replaio.com/radio/country/latvia"
755                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
756                                <span class="truncate">Latvia</span>
757                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
758                            </a>
759                                                    <a href="https://replaio.com/radio/country/lithuania"
760                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
761                                <span class="truncate">Lithuania</span>
762                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
763                            </a>
764                                                    <a href="https://replaio.com/radio/country/luxembourg"
765                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
766                                <span class="truncate">Luxembourg</span>
767                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
768                            </a>
769                                                    <a href="https://replaio.com/radio/country/malaysia"
770                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
771                                <span class="truncate">Malaysia</span>
772                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
773                            </a>
774                                                    <a href="https://replaio.com/radio/country/mali"
775                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
776                                <span class="truncate">Mali</span>
777                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
778                            </a>
779                                                    <a href="https://replaio.com/radio/country/malta"
780                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
781                                <span class="truncate">Malta</span>
782                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
783                            </a>
784                                                    <a href="https://replaio.com/radio/country/mauritius"
785                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
786                                <span class="truncate">Mauritius</span>
787                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
788                            </a>
789                                                    <a href="https://replaio.com/radio/country/moldova"
790                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
791                                <span class="truncate">Moldova</span>
792                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
793                            </a>
794                                                    <a href="https://replaio.com/radio/country/monaco"
795                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
796                                <span class="truncate">Monaco</span>
797                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
798                            </a>
799                                                    <a href="https://replaio.com/radio/country/montenegro"
800                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
801                                <span class="truncate">Montenegro</span>
802                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
803                            </a>
804                                                    <a href="https://replaio.com/radio/country/morocco"
805                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
806                                <span class="truncate">Morocco</span>
807                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
808                            </a>
809                                                    <a href="https://replaio.com/radio/country/mozambique"
810                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
811                                <span class="truncate">Mozambique</span>
812                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
813                            </a>
814                                                    <a href="https://replaio.com/radio/country/nepal"
815                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
816                                <span class="truncate">Nepal</span>
817                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
818                            </a>
819                                                    <a href="https://replaio.com/radio/country/new-caledonia"
820                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
821                                <span class="truncate">New Caledonia</span>
822                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
823                            </a>
824                                                    <a href="https://replaio.com/radio/country/new-zealand"
825                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
826                                <span class="truncate">New Zealand</span>
827                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
828                            </a>
829                                                    <a href="https://replaio.com/radio/country/nicaragua"
830                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
831                                <span class="truncate">Nicaragua</span>
832                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
833                            </a>
834                                                    <a href="https://replaio.com/radio/country/nigeria"
835                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
836                                <span class="truncate">Nigeria</span>
837                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
838                            </a>
839                                                    <a href="https://replaio.com/radio/country/north-macedonia"
840                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
841                                <span class="truncate">North Macedonia</span>
842                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
843                            </a>
844                                                    <a href="https://replaio.com/radio/country/norway"
845                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
846                                <span class="truncate">Norway</span>
847                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
848                            </a>
849                                                    <a href="https://replaio.com/radio/country/oman"
850                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
851                                <span class="truncate">Oman</span>
852                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
853                            </a>
854                                                    <a href="https://replaio.com/radio/country/pakistan"
855                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
856                                <span class="truncate">Pakistan</span>
857                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
858                            </a>
859                                                    <a href="https://replaio.com/radio/country/palestine"
860                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
861                                <span class="truncate">Palestinian Territories</span>
862                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
863                            </a>
864                                                    <a href="https://replaio.com/radio/country/panama"
865                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
866                                <span class="truncate">Panama</span>
867                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
868                            </a>
869                                                    <a href="https://replaio.com/radio/country/paraguay"
870                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
871                                <span class="truncate">Paraguay</span>
872                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
873                            </a>
874                                                    <a href="https://replaio.com/radio/country/peru"
875                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
876                                <span class="truncate">Peru</span>
877                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
878                            </a>
879                                                    <a href="https://replaio.com/radio/country/philippines"
880                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
881                                <span class="truncate">Philippines</span>
882                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
883                            </a>
884                                                    <a href="https://replaio.com/radio/country/puerto-rico"
885                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
886                                <span class="truncate">Puerto Rico</span>
887                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
888                            </a>
889                                                    <a href="https://replaio.com/radio/country/qatar"
890                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
891                                <span class="truncate">Qatar</span>
892                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
893                            </a>
894                                                    <a href="https://replaio.com/radio/country/republic-of-korea"
895                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
896                                <span class="truncate">South Korea</span>
897                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
898                            </a>
899                                                    <a href="https://replaio.com/radio/country/reunion"
900                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
901                                <span class="truncate">Reunion</span>
902                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
903                            </a>
904                                                    <a href="https://replaio.com/radio/country/rwanda"
905                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
906                                <span class="truncate">Rwanda</span>
907                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
908                            </a>
909                                                    <a href="https://replaio.com/radio/country/saint-lucia"
910                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
911                                <span class="truncate">St. Lucia</span>
912                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
913                            </a>
914                                                    <a href="https://replaio.com/radio/country/salvador"
915                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
916                                <span class="truncate">El Salvador</span>
917                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
918                            </a>
919                                                    <a href="https://replaio.com/radio/country/saudi-arabia"
920                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
921                                <span class="truncate">Saudi Arabia</span>
922                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
923                            </a>
924                                                    <a href="https://replaio.com/radio/country/senegal"
925                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
926                                <span class="truncate">Senegal</span>
927                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
928                            </a>
929                                                    <a href="https://replaio.com/radio/country/serbia"
930                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
931                                <span class="truncate">Serbia</span>
932                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
933                            </a>
934                                                    <a href="https://replaio.com/radio/country/singapore"
935                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
936                                <span class="truncate">Singapore</span>
937                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
938                            </a>
939                                                    <a href="https://replaio.com/radio/country/slovakia"
940                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
941                                <span class="truncate">Slovakia</span>
942                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
943                            </a>
944                                                    <a href="https://replaio.com/radio/country/slovenia"
945                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
946                                <span class="truncate">Slovenia</span>
947                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
948                            </a>
949                                                    <a href="https://replaio.com/radio/country/south-africa"
950                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
951                                <span class="truncate">South Africa</span>
952                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
953                            </a>
954                                                    <a href="https://replaio.com/radio/country/sri-lanka"
955                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
956                                <span class="truncate">Sri Lanka</span>
957                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
958                            </a>
959                                                    <a href="https://replaio.com/radio/country/suriname"
960                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
961                                <span class="truncate">Suriname</span>
962                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
963                            </a>
964                                                    <a href="https://replaio.com/radio/country/swaziland"
965                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
966                                <span class="truncate">Swaziland</span>
967                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
968                            </a>
969                                                    <a href="https://replaio.com/radio/country/sweden"
970                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
971                                <span class="truncate">Sweden</span>
972                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
973                            </a>
974                                                    <a href="https://replaio.com/radio/country/taiwan"
975                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
976                                <span class="truncate">Taiwan</span>
977                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
978                            </a>
979                                                    <a href="https://replaio.com/radio/country/tanzania"
980                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
981                                <span class="truncate">Tanzania</span>
982                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
983                            </a>
984                                                    <a href="https://replaio.com/radio/country/thailand"
985                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
986                                <span class="truncate">Thailand</span>
987                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
988                            </a>
989                                                    <a href="https://replaio.com/radio/country/togo"
990                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
991                                <span class="truncate">Togo</span>
992                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
993                            </a>
994                                                    <a href="https://replaio.com/radio/country/tunisia"
995                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
996                                <span class="truncate">Tunisia</span>
997                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
998                            </a>
999                                                    <a href="https://replaio.com/radio/country/uganda"
1000                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1001                                <span class="truncate">Uganda</span>
1002                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1003                            </a>
1004                                                    <a href="https://replaio.com/radio/country/ukraine"
1005                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1006                                <span class="truncate">Ukraine</span>
1007                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1008                            </a>
1009                                                    <a href="https://replaio.com/radio/country/united-arab-emirates"
1010                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1011                                <span class="truncate">United Arab Emirates</span>
1012                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1013                            </a>
1014                                                    <a href="https://replaio.com/radio/country/uruguay"
1015                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1016                                <span class="truncate">Uruguay</span>
1017                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1018                            </a>
1019                                                    <a href="https://replaio.com/radio/country/uzbekistan"
1020                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1021                                <span class="truncate">Uzbekistan</span>
1022                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1023                            </a>
1024                                                    <a href="https://replaio.com/radio/country/venezuela"
1025                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1026                                <span class="truncate">Venezuela</span>
1027                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1028                            </a>
1029                                                    <a href="https://replaio.com/radio/country/vietnam"
1030                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1031                                <span class="truncate">Vietnam</span>
1032                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1033                            </a>
1034                                                    <a href="https://replaio.com/radio/country/wallis-futuna-islands"
1035                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1036                                <span class="truncate">Wallis-Futuna Islands</span>
1037                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1038                            </a>
1039                                                    <a href="https://replaio.com/radio/country/yemen"
1040                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1041                                <span class="truncate">Grenada</span>
1042                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1043                            </a>
1044                                                    <a href="https://replaio.com/radio/country/zimbabwe"
1045                               class="flex items-center justify-between gap-3 rounded-2xl border-2 border-ink px-5 py-4 font-display font-black text-ink transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1046                                <span class="truncate">Zimbabwe</span>
1047                                <span aria-hidden="true" class="shrink-0 text-xs font-bold text-slate">&rarr;</span>
1048                            </a>
1049                                            </div>
1050                </details>
1051                    </div>
1052    </section>
1053
1054    
1055    <section class="on-color bg-blue text-white">
1056        <div class="mx-auto max-w-[90rem] px-4 py-16 sm:px-6 md:py-20">
1057            <h2 class="poster-type text-3xl text-white sm:text-4xl">Browse by genre</h2>
1058            <div class="mt-8 flex flex-wrap gap-2.5">
1059                                    <a href="https://replaio.com/radio/genre/pop"
1060                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Pop</a>
1061                                    <a href="https://replaio.com/radio/genre/rock"
1062                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Rock</a>
1063                                    <a href="https://replaio.com/radio/genre/electronic"
1064                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Electronic</a>
1065                                    <a href="https://replaio.com/radio/genre/country"
1066                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Country</a>
1067                                    <a href="https://replaio.com/radio/genre/jazz"
1068                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Jazz</a>
1069                                    <a href="https://replaio.com/radio/genre/80s"
1070                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">80s</a>
1071                                    <a href="https://replaio.com/radio/genre/alternative"
1072                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Alternative</a>
1073                                    <a href="https://replaio.com/radio/genre/hip-hop"
1074                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Hip Hop</a>
1075                                    <a href="https://replaio.com/radio/genre/90s"
1076                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">90s</a>
1077                                    <a href="https://replaio.com/radio/genre/folk"
1078                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Folk</a>
1079                                    <a href="https://replaio.com/radio/genre/christian"
1080                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Christian</a>
1081                                    <a href="https://replaio.com/radio/genre/classical"
1082                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Classical</a>
1083                                    <a href="https://replaio.com/radio/genre/blues"
1084                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Blues</a>
1085                                    <a href="https://replaio.com/radio/genre/news"
1086                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">News</a>
1087                                    <a href="https://replaio.com/radio/genre/adult-contemporary"
1088                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Adult Contemporary</a>
1089                                    <a href="https://replaio.com/radio/genre/70s"
1090                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">70s</a>
1091                                    <a href="https://replaio.com/radio/genre/christmas"
1092                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Christmas</a>
1093                                    <a href="https://replaio.com/radio/genre/easy-listening"
1094                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Easy Listening</a>
1095                                    <a href="https://replaio.com/radio/genre/trance"
1096                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Trance</a>
1097                                    <a href="https://replaio.com/radio/genre/gospel"
1098                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Gospel</a>
1099                                    <a href="https://replaio.com/radio/genre/hq"
1100                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">HQ</a>
1101                                    <a href="https://replaio.com/radio/genre/60s"
1102                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">60s</a>
1103                                    <a href="https://replaio.com/radio/genre/dance"
1104                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Dance</a>
1105                                    <a href="https://replaio.com/radio/genre/reggae"
1106                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Reggae</a>
1107                                    <a href="https://replaio.com/radio/genre/2000s"
1108                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">2000s</a>
1109                                    <a href="https://replaio.com/radio/genre/house"
1110                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">House</a>
1111                                    <a href="https://replaio.com/radio/genre/sports"
1112                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Sports</a>
1113                                    <a href="https://replaio.com/radio/genre/latin"
1114                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Latin</a>
1115                                    <a href="https://replaio.com/radio/genre/smooth-jazz"
1116                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Smooth Jazz</a>
1117                                    <a href="https://replaio.com/radio/genre/soul-rb"
1118                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Soul &amp; R&amp;B</a>
1119                                    <a href="https://replaio.com/radio/genre/love-songs"
1120                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Love songs</a>
1121                                    <a href="https://replaio.com/radio/genre/edm"
1122                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">EDM</a>
1123                                    <a href="https://replaio.com/radio/genre/rock-alternative"
1124                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Rock Alternative</a>
1125                                    <a href="https://replaio.com/radio/genre/techno"
1126                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Techno</a>
1127                                    <a href="https://replaio.com/radio/genre/childrens"
1128                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Children&#039;s</a>
1129                                    <a href="https://replaio.com/radio/genre/chillout"
1130                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Chillout</a>
1131                                    <a href="https://replaio.com/radio/genre/metal"
1132                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Metal</a>
1133                                    <a href="https://replaio.com/radio/genre/funk"
1134                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Funk</a>
1135                                    <a href="https://replaio.com/radio/genre/k-pop"
1136                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">K-pop</a>
1137                                    <a href="https://replaio.com/radio/genre/workout"
1138                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Workout</a>
1139                                    <a href="https://replaio.com/radio/genre/punk"
1140                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Punk</a>
1141                                    <a href="https://replaio.com/radio/genre/dubstep"
1142                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Dubstep</a>
1143                                    <a href="https://replaio.com/radio/genre/disco-polo"
1144                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Disco Polo</a>
1145                                    <a href="https://replaio.com/radio/genre/new-year"
1146                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">New Year</a>
1147                                    <a href="https://replaio.com/radio/genre/50s"
1148                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">50s</a>
1149                                    <a href="https://replaio.com/radio/genre/indie"
1150                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Indie</a>
1151                                    <a href="https://replaio.com/radio/genre/soundtracks"
1152                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Soundtracks</a>
1153                                    <a href="https://replaio.com/radio/genre/flamenco"
1154                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Flamenco</a>
1155                                    <a href="https://replaio.com/radio/genre/j-pop"
1156                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">J-pop</a>
1157                                    <a href="https://replaio.com/radio/genre/electronic-garage"
1158                       class="rounded-full border-2 border-white px-5 py-2 text-sm font-bold text-white transition-colors hover:bg-white hover:text-blue">Electronic Garage</a>
1159                            </div>
1160        </div>
1161    </section>
1162
1163    
1164    <section class="bg-paper">
1165        <div class="mx-auto max-w-[90rem] px-4 py-16 sm:px-6 md:py-20">
1166            <h2 class="poster-type text-3xl text-ink sm:text-4xl">Popular stations</h2>
1167            <div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5">
1168                                    <a href="https://replaio.com/radio/rmf-fm-11735"
1169   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1170    <span aria-hidden="true" class="bg-violet h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">RF</span>
1171    <span class="min-w-0">
1172        <span class="block truncate font-display font-black text-ink">RMF FM</span>
1173        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1174            Kraków, Poland
1175        </span>
1176                    <span class="mt-1 block truncate text-[11px] font-bold text-slate/80">Pop · News</span>
1177            </span>
1178</a>
1179                                    <a href="https://replaio.com/radio/radio-357-92325"
1180   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1181    <span aria-hidden="true" class="bg-coral h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">357</span>
1182    <span class="min-w-0">
1183        <span class="block truncate font-display font-black text-ink">Radio 357</span>
1184        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1185            Warszawa, Poland
1186        </span>
1187            </span>
1188</a>
1189                                    <a href="https://replaio.com/radio/radio-zet-19742"
1190   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1191    <span aria-hidden="true" class="bg-green h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">ZET</span>
1192    <span class="min-w-0">
1193        <span class="block truncate font-display font-black text-ink">Radio ZET</span>
1194        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1195            Warszawa, Poland
1196        </span>
1197                    <span class="mt-1 block truncate text-[11px] font-bold text-slate/80">Rock</span>
1198            </span>
1199</a>
1200                                    <a href="https://replaio.com/radio/radio-nowy-%C5%9Bwiat-66564"
1201   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1202    <span aria-hidden="true" class="bg-blue h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">NŚ</span>
1203    <span class="min-w-0">
1204        <span class="block truncate font-display font-black text-ink">Radio Nowy Świat</span>
1205        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1206            Warszawa, Poland
1207        </span>
1208            </span>
1209</a>
1210                                    <a href="https://replaio.com/radio/rmf-maxx-31427"
1211   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1212    <span aria-hidden="true" class="bg-violet h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">RM</span>
1213    <span class="min-w-0">
1214        <span class="block truncate font-display font-black text-ink">RMF Maxx</span>
1215        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1216            Kraków, Poland
1217        </span>
1218                    <span class="mt-1 block truncate text-[11px] font-bold text-slate/80">Pop</span>
1219            </span>
1220</a>
1221                                    <a href="https://replaio.com/radio/tok-fm-465"
1222   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1223    <span aria-hidden="true" class="bg-coral h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">TF</span>
1224    <span class="min-w-0">
1225        <span class="block truncate font-display font-black text-ink">TOK FM</span>
1226        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1227            Warszawa, Poland
1228        </span>
1229            </span>
1230</a>
1231                                    <a href="https://replaio.com/radio/radio-z%C5%82ote-przeboje-3653"
1232   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1233    <span aria-hidden="true" class="bg-coral h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">ZP</span>
1234    <span class="min-w-0">
1235        <span class="block truncate font-display font-black text-ink">Radio Złote Przeboje</span>
1236        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1237            Warszawa, Poland
1238        </span>
1239            </span>
1240</a>
1241                                    <a href="https://replaio.com/radio/radio-party-31610"
1242   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1243    <span aria-hidden="true" class="bg-green h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">PAR</span>
1244    <span class="min-w-0">
1245        <span class="block truncate font-display font-black text-ink">Radio Party</span>
1246        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1247            Warsaw, Poland
1248        </span>
1249                    <span class="mt-1 block truncate text-[11px] font-bold text-slate/80">Electronic</span>
1250            </span>
1251</a>
1252                                    <a href="https://replaio.com/radio/cope-madrid-42095"
1253   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1254    <span aria-hidden="true" class="bg-violet h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">CM</span>
1255    <span class="min-w-0">
1256        <span class="block truncate font-display font-black text-ink">COPE Madrid</span>
1257        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1258            Madrid, Spain
1259        </span>
1260            </span>
1261</a>
1262                                    <a href="https://replaio.com/radio/antyradio-9466"
1263   class="flex items-start gap-3.5 rounded-2xl border-2 border-ink bg-paper p-4 transition-all hover:-translate-y-0.5 hover:shadow-[5px_5px_0_0_var(--color-ink)]">
1264    <span aria-hidden="true" class="bg-green h-12 w-12 rounded-xl text-sm flex shrink-0 items-center justify-center font-display font-black text-white">ANT</span>
1265    <span class="min-w-0">
1266        <span class="block truncate font-display font-black text-ink">Antyradio</span>
1267        <span class="mt-0.5 block truncate text-xs font-semibold text-slate">
1268            Poland
1269        </span>
1270                    <span class="mt-1 block truncate text-[11px] font-bold text-slate/80">Rock</span>
1271            </span>
1272</a>
1273                            </div>
1274        </div>
1275    </section>
1276
1277    
1278    <section class="on-color bg-yellow text-ink">
1279        <div class="mx-auto flex max-w-[90rem] flex-wrap items-center justify-between gap-8 px-4 py-16 sm:px-6 md:py-20">
1280            <div class="max-w-2xl">
1281                <h2 class="poster-type text-3xl text-ink sm:text-4xl md:text-5xl">Listen to radio in the Replaio app</h2>
1282                <p class="mt-4 text-lg leading-relaxed text-ink/75">Favourites, alarm clock, sleep timer and Android Auto - free, with no sign-up</p>
1283            </div>
1284            <a href="https://play.google.com/store/apps/details?id=com.hv.replaio" target="_blank" rel="noopener" class="inline-block">
1285                <img src="https://replaio.com/img/badges/google-play-en.png"
1286                     alt="Get it on Google Play" class="h-16 w-auto">
1287            </a>
1288        </div>
1289    </section>
1290
1291    </main>
1292
1293    <footer class="relative overflow-hidden border-t-2 border-ink bg-paper">
1294    <div class="relative mx-auto max-w-[90rem] px-4 py-16 sm:px-6">
1295        <div class="grid gap-10 sm:grid-cols-2 lg:grid-cols-[1.5fr_1fr_1fr_1.3fr]">
1296            <div>
1297                <div class="flex items-center gap-2.5">
1298                    <img src="https://replaio.com/img/replaio-logo.png" alt="" class="h-8 w-8" width="32" height="32">
1299                    <span class="font-display text-xl font-black tracking-tight text-ink">Replaio</span>
1300                </div>
1301                <p class="mt-4 max-w-xs text-sm leading-relaxed text-slate">Replaio is a free internet radio app - over 50,000 stations from 100+ countries, live and with no sign-up</p>
1302                <p class="mt-4 flex items-center gap-1.5 text-xs text-slate">
1303                    <span class="flex gap-0.5 text-star">
1304                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1305     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1306     class="h-3.5 w-3.5" ><path fill="currentColor" stroke="none" d="m12 2.6 2.9 5.9 6.5 1-4.7 4.6 1.1 6.5L12 17.5l-5.8 3 1.1-6.4L2.6 9.5l6.5-1L12 2.6Z"/></svg>
1307                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1308     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1309     class="h-3.5 w-3.5" ><path fill="currentColor" stroke="none" d="m12 2.6 2.9 5.9 6.5 1-4.7 4.6 1.1 6.5L12 17.5l-5.8 3 1.1-6.4L2.6 9.5l6.5-1L12 2.6Z"/></svg>
1310                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1311     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1312     class="h-3.5 w-3.5" ><path fill="currentColor" stroke="none" d="m12 2.6 2.9 5.9 6.5 1-4.7 4.6 1.1 6.5L12 17.5l-5.8 3 1.1-6.4L2.6 9.5l6.5-1L12 2.6Z"/></svg>
1313                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1314     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1315     class="h-3.5 w-3.5" ><path fill="currentColor" stroke="none" d="m12 2.6 2.9 5.9 6.5 1-4.7 4.6 1.1 6.5L12 17.5l-5.8 3 1.1-6.4L2.6 9.5l6.5-1L12 2.6Z"/></svg>
1316                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1317     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1318     class="h-3.5 w-3.5" ><path fill="currentColor" stroke="none" d="m12 2.6 2.9 5.9 6.5 1-4.7 4.6 1.1 6.5L12 17.5l-5.8 3 1.1-6.4L2.6 9.5l6.5-1L12 2.6Z"/></svg>
1319                                            </span>
1320                    <span class="font-black text-ink">4.8</span>
1321                    Google Play rating
1322                </p>
1323                            </div>
1324
1325            <nav aria-label="For listeners">
1326                <h2 class="eyebrow text-xs text-ink">For listeners</h2>
1327                <ul class="mt-4 space-y-2.5 text-sm">
1328                    <li><a href="https://play.google.com/store/apps/details?id=com.hv.replaio" target="_blank" rel="noopener" class="font-semibold text-slate transition-colors hover:text-blue">Replaio app</a></li>
1329                    <li><a href="https://replaio.com#features" class="font-semibold text-slate transition-colors hover:text-blue">App features</a></li>
1330                    <li><a href="https://replaio.com/radio" class="font-semibold text-slate transition-colors hover:text-blue">Radio stations</a></li>
1331                                            <li><a href="https://replaio.com/podcasts" class="font-semibold text-slate transition-colors hover:text-blue">Podcasts</a></li>
1332                                        <li><a href="https://replaio.com/forms" class="font-semibold text-slate transition-colors hover:text-blue">Forms and requests</a></li>
1333                </ul>
1334            </nav>
1335
1336            <nav aria-label="For broadcasters">
1337                <h2 class="eyebrow text-xs text-ink">For broadcasters</h2>
1338                <ul class="mt-4 space-y-2.5 text-sm">
1339                    <li><a href="https://replaio.com/broadcasters" class="font-semibold text-slate transition-colors hover:text-blue">Broadcaster services</a></li>
1340                    <li><a href="https://console.replaio.com" target="_blank" rel="noopener" class="font-semibold text-slate transition-colors hover:text-blue">Replaio Search Console</a></li>
1341                    <li><a href="https://replaio.com/forms" class="font-semibold text-slate transition-colors hover:text-blue">Forms and requests</a></li>
1342                </ul>
1343            </nav>
1344
1345            <div>
1346                <h2 class="eyebrow text-xs text-ink">Contact</h2>
1347                <ul class="mt-4 space-y-2.5 text-sm text-slate">
1348                    <li class="font-semibold">Replaio sp. z o.o.</li>
1349                    <li class="font-semibold">ul. Tysiąclecia 14a</li>
1350                    <li class="font-semibold">38-400 Krosno</li>
1351                    <li><a href="mailto:[email protected]" class="font-semibold transition-colors hover:text-blue">[email protected]</a></li>
1352                    <li><a href="tel:+48451264308" class="font-semibold transition-colors hover:text-blue">+48 451 264 308</a></li>
1353                </ul>
1354                <a href="https://www.facebook.com/replaio" target="_blank" rel="noopener" aria-label="Facebook"
1355                   class="mt-5 inline-flex h-10 w-10 items-center justify-center rounded-full border-2 border-ink text-ink transition-colors hover:bg-ink hover:text-white">
1356                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1357     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1358     class="h-4.5 w-4.5" >
1358<path fill="currentColor" stroke="none" d="M13.5 21v-7h2.4l.4-2.8h-2.8V9.4c0-.8.4-1.6 1.7-1.6h1.3V5.4s-1.2-.2-2.3-.2c-2.3 0-3.8 1.4-3.8 3.9v2.1H7.9V14h2.5v7h3.1Z"/></svg>
1359                </a>
1360            </div>
1361        </div>
1362
1363        
1364        <p class="mt-10 text-[11px] leading-relaxed text-slate/80">Google Play and the Google Play logo are trademarks of Google LLC. Apple and iPhone are trademarks of Apple Inc., registered in the U.S. and other countries.</p>
1365
1366        <div class="mt-6 flex flex-col items-center justify-between gap-4 border-t-2 border-ink pt-6 text-xs text-slate sm:flex-row">
1367            <p>&copy; 2026 Replaio sp. z o.o.</p>
1368            <div class="flex gap-6">
1369                <a href="https://replaio.com/terms" class="font-semibold transition-colors hover:text-blue">Terms of Use</a>
1370                <a href="https://replaio.com/privacy" class="font-semibold transition-colors hover:text-blue">Privacy Policy</a>
1371                <a href="https://replaio.com/terms/search-console" class="font-semibold transition-colors hover:text-blue">Search Console Terms</a>
1372            </div>
1373        </div>
1374    </div>
1375
1376    
1377    <div aria-hidden="true" class="pointer-events-none -mb-[3.5vw] select-none whitespace-nowrap text-center font-display text-[15vw] font-black leading-[0.8] tracking-tighter text-ink/[0.05]">Replaio</div>
1378</footer>
1379
1380    
1381    <div id="podcast-phone" data-turbo-permanent data-podcasts-url="https://replaio.com/podcasts"
1382     class="fixed bottom-4 left-4 right-4 z-40 hidden sm:bottom-6 sm:left-auto sm:right-6 sm:w-[264px]">
1383    <div class="relative rounded-[2.25rem] border-2 border-ink bg-paper px-4 pb-3 pt-4 shadow-[10px_10px_0_0_var(--color-blue)]">
1384        
1385        <div aria-hidden="true" class="mx-auto h-1.5 w-16 rounded-full bg-ink"></div>
1386
1387        <button id="phone-close" type="button" aria-label="Zamknij"
1388                class="absolute right-3 top-3 flex h-7 w-7 items-center justify-center rounded-full text-slate transition-colors hover:bg-mist hover:text-ink">
1389            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1390     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1391     class="h-4 w-4" ><path d="M6 6l12 12M18 6 6 18"/></svg>
1392        </button>
1393
1394        
1395        <div class="mt-3 flex items-center gap-3 sm:mt-4 sm:block">
1396            <a id="phone-artwork-open" tabindex="-1" aria-hidden="true"
1397               class="relative block h-14 w-14 shrink-0 overflow-hidden rounded-xl border-2 border-ink sm:mx-auto sm:h-36 sm:w-36 sm:rounded-2xl">
1398                <span id="phone-tile" class="flex h-full w-full items-center justify-center bg-blue font-display text-lg font-black text-white"></span>
1399                <img id="phone-artwork" alt="" referrerpolicy="no-referrer"
1400                     class="absolute inset-0 hidden h-full w-full object-cover">
1401            </a>
1402            <a id="phone-titles-open" class="group block min-w-0 flex-1 sm:mt-3 sm:text-center">
1403                <p id="phone-episode" class="line-clamp-2 font-display text-sm font-black leading-snug text-ink transition-colors group-hover:text-blue"></p>
1404                <p id="phone-podcast" class="mt-0.5 truncate text-[11px] font-semibold text-slate"></p>
1405            </a>
1406        </div>
1407
1408        
1409        <div id="phone-progress" class="mt-2 sm:mt-3">
1410            <input id="phone-seek" type="range" min="0" max="100" step="0.1" value="0"
1411                   class="h-1.5 w-full cursor-pointer" style="accent-color: var(--color-blue)" aria-label="Przewijanie">
1412            <div class="flex justify-between font-mono text-[10px] font-bold text-slate">
1413                <span id="phone-current">0:00</span>
1414                <span id="phone-duration">0:00</span>
1415            </div>
1416        </div>
1417
1418        
1419        <div class="mt-1.5 flex items-center justify-center gap-4">
1420            <button id="phone-back" type="button" aria-label="Cofnij 15 sekund"
1421                    class="font-mono text-[11px] font-black text-ink transition-colors hover:text-blue">-15</button>
1422            <button id="phone-toggle" type="button" aria-label="Odtwarzaj / pauza"
1423                    class="flex h-12 w-12 items-center justify-center rounded-full bg-blue text-white transition-colors hover:bg-blue-700">
1424                <svg id="phone-icon-play" class="ml-0.5 h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg>
1425                <svg id="phone-icon-pause" class="hidden h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>
1426            </button>
1427            <button id="phone-fwd" type="button" aria-label="Przewiń 15 sekund"
1428                    class="font-mono text-[11px] font-black text-ink transition-colors hover:text-blue">+15</button>
1429            <button id="phone-rate" type="button" aria-label="Prędkość odtwarzania"
1430                    class="rounded-full border-2 border-ink px-2 py-0.5 font-mono text-[10px] font-black text-ink transition-colors hover:bg-ink hover:text-white">1x</button>
1431        </div>
1432
1433        
1434        <div aria-hidden="true" class="mx-auto mt-2.5 h-1 w-14 rounded-full bg-ink/20"></div>
1435    </div>
1436</div>
1437
1438    <div id="video-modal" class="fixed inset-0 z-[60] hidden items-center justify-center p-4 sm:p-6">
1439    <div class="absolute inset-0 bg-ink/80" data-video-close></div>
1440    <div class="relative w-full max-w-5xl">
1441        <button type="button" data-video-close
1442                class="absolute -right-3 -top-3 z-20 flex h-10 w-10 items-center justify-center rounded-full border-2 border-ink bg-paper text-ink shadow-[3px_3px_0_0_var(--color-ink)] transition-colors hover:bg-yellow"
1443                aria-label="Close">
1444            <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 6 6 18M6 6l12 12"/></svg>
1445        </button>
1446        <div class="overflow-hidden rounded-3xl border-2 border-ink bg-ink shadow-[8px_8px_0_0_var(--color-blue)]">
1447            <div id="video-modal-stage" class="relative aspect-video bg-ink">
1448                
1449                <div id="video-modal-bg" class="absolute inset-0 hidden">
1450                    <img id="video-modal-bg-art" class="h-full w-full scale-110 object-cover blur-2xl" alt="">
1451                    <div class="absolute inset-0 bg-[linear-gradient(0deg,rgba(0,0,0,0.90)_0%,rgba(0,0,0,0.49)_100%)]"></div>
1452                </div>
1453                <video id="video-modal-video" class="h-full w-full" playsinline></video>
1454            </div>
1455        </div>
1456    </div>
1457    <template id="video-brand-overlay-template">
1458        
1459        <div class="video-brand-logo pointer-events-none absolute right-6 top-6 z-10">
1460            <img src="https://replaio.com/img/replaio-logo.png" alt="Replaio" class="h-[5.25rem] w-[5.25rem]">
1461        </div>
1462        
1463        <div class="video-brand-lower pointer-events-none absolute bottom-20 left-4 z-10 flex max-w-[85%] items-stretch rounded-2xl shadow-[4px_4px_0_0_var(--color-blue)] sm:bottom-24 sm:left-6">
1464            
1465            <div class="relative w-20 shrink-0 self-stretch overflow-hidden rounded-l-2xl border-2 border-ink bg-blue sm:w-[6.75rem]">
1466                <span data-overlay-initials class="flex h-full w-full items-center justify-center font-display text-2xl font-black text-white"></span>
1467                <img data-overlay-artwork class="absolute inset-0 hidden h-full w-full object-cover" alt="">
1468            </div>
1469            <div class="flex min-w-0 max-w-2xl flex-col justify-center rounded-r-2xl border-2 border-l-0 border-ink bg-paper px-4 py-2.5 sm:px-5">
1470                <p data-overlay-podcast class="truncate font-display text-lg font-black leading-tight text-ink sm:text-2xl"></p>
1471                <p data-overlay-title class="mt-0.5 truncate text-xs font-semibold text-ink/80 sm:text-sm"></p>
1472                <p data-overlay-meta class="mt-1 hidden font-mono text-[10px] font-bold tracking-wide text-slate"></p>
1473            </div>
1474        </div>
1475    </template>
1476</div>
1477
1478    
1479    <div id="beta-notice" class="fixed bottom-4 left-4 right-4 z-30 hidden sm:right-auto sm:w-96">
1480    <div class="relative rounded-2xl border-2 border-ink bg-paper p-5 shadow-[8px_8px_0_0_var(--color-yellow)]">
1481        <button type="button" aria-label="Close"
1482                class="js-beta-close absolute right-3 top-3 flex h-7 w-7 items-center justify-center rounded-full text-slate transition-colors hover:bg-mist hover:text-ink">
1483            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
1484     stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"
1485     class="h-4 w-4" ><path d="M6 6l12 12M18 6 6 18"/></svg>
1486        </button>
1487
1488        <span class="rounded-full bg-yellow px-2.5 py-1 text-[10px] font-black uppercase tracking-[0.14em] text-ink">Beta</span>
1489
1490        <p class="mt-3 text-sm font-bold leading-relaxed text-ink">You&#039;re viewing the beta version of the site. More is coming soon, both in the Replaio app and here</p>
1491        <p class="mt-2 text-sm font-semibold leading-relaxed text-slate">Bookmark us and drop by. We think you&#039;ll like it here!</p>
1492
1493        <div class="mt-4 flex flex-wrap items-center gap-2.5">
1494            <a href="https://play.google.com/store/apps/details?id=com.hv.replaio" target="_blank" rel="noopener"
1495               class="inline-flex items-center justify-center rounded-full bg-blue px-6 py-2.5 text-sm font-bold text-white transition-colors hover:bg-blue-700">
1496                Get the app
1497            </a>
1498            <button type="button"
1499                    class="js-beta-close inline-flex items-center justify-center rounded-full border-2 border-ink px-6 py-2 text-sm font-bold text-ink transition-colors hover:bg-ink hover:text-white">
1500                Close
1501            </button>
1502        </div>
1503    </div>
1504</div>
1505</body>
1506</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.