PageSourceSearch

https://numbergoup.gg/

html numbergoup.gg collected 2026-10-01 14:27:28 UTC 371,169 bytes, 3,288 lines download raw bytes

1<!DOCTYPE html>
2<html
3    lang="en"
4    class="w-full min-h-screen dark"
5>
6<head>
7    <meta charset="utf-8"/>
8    <meta name="viewport" content="width=device-width, initial-scale=1"/>
9    <meta name="csrf-token" content="lLaT6FNReVat5X8SHREaUR4dPyWb7WbbIbo9Dwwq">
10
11    <title>Number Go Up</title>
12
13    <link rel="icon" type="image/png" href="/img/favico/favicon-96x96.png" sizes="96x96">
14<link rel="icon" type="image/svg+xml" href="/img/favico/favicon.svg">
15<link rel="shortcut icon" href="/img/favico/favicon.ico">
16<link rel="apple-touch-icon" sizes="180x180" href="/img/favico/apple-touch-icon.png">
17<link rel="manifest" href="/img/favico/site.webmanifest">
18<meta name="theme-color" content="#081512">
19    <link rel="preload" as="style" href="https://numbergoup.gg/build/assets/app-BWuoH69w.css" /><link rel="stylesheet" href="https://numbergoup.gg/build/assets/app-BWuoH69w.css" data-navigate-track="reload" />
20    
20<script type="text/javascript" src="/js/vendor/msal-browser.min.js"></script>
20
21
22            
22<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
22
23        
23<script>
24            window.OneSignalDeferred = window.OneSignalDeferred || [];
25            OneSignalDeferred.push(async function (OneSignal) {
26                await OneSignal.init({ appId: '76074049-f5f6-4c70-baac-062bba8759b1' });
27
28                // Tie the browser's push subscription to the NGU user id so the
29                // backend can target it by External ID; drop the association on
30                // logout so a shared browser doesn't leak notifications.
31                                    await OneSignal.logout();
32                            });
33        </script>
33
34    
35            
35<script src="https://cdn.usefathom.com/script.js" data-site="JQZSFTIB" defer></script>
35
36        
36<script>
37            document.addEventListener('livewire:navigated', () => {
38                if (window.fathom) { window.fathom.trackPageview(); }
39            });
40        </script>
40
41    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
42</head>
43<body
44    class="w-full min-h-screen bg-abyss-950 font-inter text-white antialiased"
45>
46<div
47    class="sticky top-0 z-50 bg-abyss-950/60 backdrop-blur-xl py-3 px-4 lg:px-8">
48    <nav class="container m-auto relative flex items-center justify-between gap-x-5 min-h-11">
49        <a wire:navigate href="https://numbergoup.gg"
50           class="flex items-center gap-x-2.5 shrink-0 transition-opacity duration-200 hover:opacity-80">
51            <img class="size-8" src="https://numbergoup.gg/img/logo.png" alt="Number Go Up Logo"/>
52            <span class="hidden sm:inline font-display text-xl tracking-tight text-gold-100">Number Go Up</span>
53        </a>
54
55        <div class="absolute left-1/2 -translate-x-1/2 hidden lg:flex items-center gap-x-1 rounded-full bg-abyss-900/70 ring-1 ring-abyss-700/50 backdrop-blur px-1.5 py-1.5 shadow-sm">
56                            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-semibold text-seafoam-200 bg-abyss-700 shadow-sm ring-1 ring-abyss-600/70 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg">
57    Home
58</a>
59            
60            
61            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/cosmetics">
62    Cosmetics
63</a>
64
65            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/smugglers-market">
66    Smuggler's Market
67</a>
68
69            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/events">
70    Events
71</a>
72
73            <a wire:navigate class="inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200" href="https://numbergoup.gg/tools">
74    Tools
75</a>
76
77                        <div class="group/more relative">
78                <button
79                    type="button"
80                    id="more-menu-button"
81                    aria-expanded="false"
82                    aria-haspopup="true"
83                    class="inline-flex items-center gap-x-1 rounded-full px-4 py-1.5 text-sm font-medium text-seafoam-200/70 hover:text-gold-100 hover:bg-abyss-700/60 focus:outline-hidden transition-all duration-200"
84                >
85                    More
86                    <svg class="size-4 -rotate-90 transition-transform duration-200 group-hover/more:translate-y-
86px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
87  <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
88</svg>
89                </button>
90
91                <div class="absolute left-1/2 -translate-x-1/2 hidden origin-top pt-4 group-hover/more:block z-40">
92                    <div
93                        class="w-48 divide-y divide-abyss-700/70 rounded-2xl bg-abyss-900/95 backdrop-blur-xl shadow-lg ring-1 ring-abyss-700/50 focus:outline-hidden"
94                        role="menu"
95                        aria-orientation="vertical"
96                        aria-labelledby="more-menu-button"
97                        tabindex="-1"
98                    >
99                        <div class="group py-1" role="none">
100                            <a wire:navigate href="https://numbergoup.gg/tools/custom-seas-servers">
101                                <button
102	type="button"
103	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
104	role="menuitem"
105	tabindex="-1"
106>
107	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
108  <circle cx="12" cy="12" r="9.25" />
109  <path d="M15.6 8.4 13.5 13.5 8.4 15.6 10.5 10.5 15.6 8.4Z" fill="currentColor" stroke="none" />
110  <circle cx="12" cy="12" r="1" fill="currentColor" stroke="none" />
111</svg>
112	Custom Seas
113</button>                            </a>
114                        </div>
115                        <div class="group py-1" role="none">
116                            <a href="https://numbergoup.gg#faq">
117                                <button
118	type="button"
119	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
120	role="menuitem"
121	tabindex="-1"
122>
123	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
124  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" />
125</svg>	FAQ
126</button>                            </a>
127                        </div>
128                        <div class="group py-1" role="none">
129                            <a wire:navigate href="https://numbergoup.gg/support">
130                                <button
131	type="button"
132	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
133	role="menuitem"
134	tabindex="-1"
135>
136	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
137    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />
138</svg>
139	Support
140</button>                            </a>
141                        </div>
142                        <div class="group py-1" role="none">
143                            <a wire:navigate href="https://numbergoup.gg/release-notes">
144                                <button
145	type="button"
146	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
147	role="menuitem"
148	tabindex="-1"
149>
150	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
151  <path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.
151036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd" />
152</svg>	Release Notes
153</button>                            </a>
154                        </div>
155                        <div class="group py-1" role="none">
156                            <a wire:navigate href="https://numbergoup.gg/about">
157                                <button
158	type="button"
159	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
160	role="menuitem"
161	tabindex="-1"
162>
163	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
164    <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
165</svg>
166	About
167</button>                            </a>
168                        </div>
169                        <div class="group py-1" role="none">
170                            <a href="https://ko-fi.com/numbergoup" target="_blank" rel="noopener">
171                                <button
172	type="button"
173	class="cursor-pointer px-4 py-2 w-full flex items-center group-hover:bg-abyss-700/60 font-medium text-seafoam-100 group-hover:text-gold-100 text-sm transition-colors duration-200"
174	role="menuitem"
175	tabindex="-1"
176>
177	<svg class="mr-3 h-5 w-5 text-seafoam-200/70 group-hover:text-seafoam-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
178    <path fill-rule="evenodd"
179          d="M2.25 7.5A1.5 1.5 0 0 1 3.75 6h12a1.5 1.5 0 0 1 1.5 1.5v.75h1.125a3.375 3.375 0 1 1 0 6.75h-1.36a6.75 6.75 0 0 1-6.265 4.5h-3a6.75 6.75 0 0 1-6.75-6.75V7.5Zm15 5.25h1.125a1.875 1.875 0 1 0 0-3.75H17.25v3.75Z"
180          clip-rule="evenodd"/>
181    <path d="M4.5 21a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9A.75.75 0 0 1 4.5 21Z"/>
182</svg>
183	Buy me a Coffee
184</button>                            </a>
185                        </div>
186                    </div>
187                </div>
188            </div>
189        </div>
190
191        <div x-data="{ sidebarOpen: false }" x-on:sidebar-state.window="sidebarOpen = $event.detail.open"
192             class="ml-auto flex items-center gap-x-3">
193            
194                            <div class="hidden md:flex items-center gap-x-3">
195                    <a href="/login/microsoft"
196                       class="rounded-full px-5 py-2 text-sm font-semibold text-seafoam-100 ring-1 ring-inset ring-abyss-600 hover:ring-seafoam-500/60 hover:text-seafoam-300 transition-all duration-200">
197                        Login
198                    </a>
199
200                    <a wire:navigate href="https://numbergoup.gg/signup"
201                       class="group inline-flex items-center gap-x-2 rounded-full bg-gradient-to-b from-seafoam-500 to-seafoam-600 px-5 py-2 text-sm font-semibold text-white shadow-lg shadow-seafoam-600/25 ring-1 ring-inset ring-white/15 hover:from-seafoam-400 hover:to-seafoam-500 hover:shadow-seafoam-500/40 hover:-translate-y-px transition-all duration-200">
202                        <svg class="size-4 transition-transform duration-200 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
203  <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
204  <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
205</svg>
206                        Sign Up
207                    </a>
208                </div>
209            
210            <button
211                type="button"
212                x-on:click="sidebarOpen ? $dispatch('close-sidebar') : $dispatch('open-sidebar', ['partials.mobile-navigation'])"
213                :aria-expanded="sidebarOpen"
214                class="lg:hidden p-2 -mr-2 rounded-full text-seafoam-200 hover:bg-abyss-800 transition-colors cursor-pointer"
215            >
216                <span class="sr-only">Toggle menu</span>
217                <template x-if="!sidebarOpen">
218                    <svg
219    class="size-6 stroke-gray-100"
220    xmlns="http://www.w3.org/2000/svg"
221    fill="none"
222    viewBox="0 0 24 24"
223    stroke-width="1.5"
224    stroke="currentColor"
225>
226    <path
227        stroke-linecap="round"
228        stroke-linejoin="round"
229        d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
230    />
231</svg>
232                </template>
233                <template x-if="sidebarOpen">
234                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
235                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
236                    </svg>
237                </template>
238            </button>
239        </div>
240    </nav>
241</div>
242
243<main class="w-full inline-block m-auto min-h-screen pb-20 text-gray-100">
244    <div wire:key="lw-3437951620-0-4" wire:snapshot="{&quot;data&quot;:{&quot;component&quot;:null,&quot;properties&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;0HiMy62E5uv97qex5PJh&quot;,&quot;name&quot;:&quot;layout.sidebar&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;b23ef2fb9297d6e4706e408ee27614003f3bd891f99d257a0b3cf7213068c1e4&quot;}" wire:effects="[]" wire:id="0HiMy62E5uv97qex5PJh" wire:name="layout.sidebar"
245    x-cloak
246    x-data="{ show: false }"
247    x-init="
248        $watch('show', (value) => {
249            if (value) {
250                document.body.classList.add('overflow-y-hidden')
251            } else {
252                document.body.classList.remove('overflow-y-hidden')
253            }
254            $dispatch('sidebar-state', { open: value })
255        })
256    "
257    x-on:open-sidebar.window="
258        () => {
259            $wire.component = $event.detail[0]
260            $wire.properties = $event.detail[1]
261            $wire.$refresh()
262            show = true
263        }
264    "
265    x-on:close-sidebar.window="show = false"
266    x-on:close.stop="show = false"
267    x-on:keydown.escape.window="show = false"
268    x-show="show"
269    id="sidebar-container"
270    class="fixed inset-0 z-40"
271    aria-labelledby="slide-over-title"
272    role="dialog"
273    aria-modal="true"
274>
275    
276    <div class="fixed inset-0 flex justify-end" x-on:click.self="show = false">
277        
278        <div
279            x-show="show"
280            class="absolute inset-0 bg-black/50 backdrop-blur-sm"
281            x-transition:enter="duration-300 ease-out"
282            x-transition:enter-start="opacity-0"
283            x-transition:enter-end="opacity-100"
284            x-transition:leave="duration-200 ease-in"
285            x-transition:leave-start="opacity-100"
286            x-transition:leave-end="opacity-0"
287        ></div>
288
289        
290        <div
291            x-show="show"
292            class="relative w-screen max-w-sm"
293            x-transition:enter="transition duration-300 ease-out"
294            x-transition:enter-start="translate-x-full"
295            x-transition:enter-end="translate-x-0"
296            x-transition:leave="transition duration-200 ease-in"
297            x-transition:leave-start="translate-x-0"
298            x-transition:leave-end="translate-x-full"
299        >
300            <div class="flex h-full flex-col bg-abyss-900 shadow-2xl">
301                
302                <div class="flex items-center justify-between px-5 py-4 border-b border-abyss-800">
303                    <div class="flex items-center gap-x-3">
304                        <img class="size-8" src="https://numbergoup.gg/img/logo.png" alt="Number Go Up Logo"/>
305                        <span class="text-lg font-bold text-white">Number Go Up</span>
306                    </div>
307                    <button
308                        type="button"
309                        x-on:click="show = false"
310                        class="close-button p-2 -mr-2 rounded-lg text-seafoam-300/60 hover:text-seafoam-100 hover:bg-abyss-700 transition-colors cursor-pointer"
311                    >
312                        <span class="sr-only">Close menu</span>
313                        <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
314                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
315                        </svg>
316                    </button>
317                </div>
318
319                
320                <div class="flex-1 overflow-y-auto px-3 py-4">
321                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
322            </div>
323        </div>
324    </div>
325</div>    <div
326    x-cloak
327    x-init="
328        $watch('show', (on) => {
329            if (on) {
330                let numberRuns = showFor / 100 - 1
331
332                progressBarInterval = setInterval(() => {
333                    let runningWidth =
334                        progressBar.style.width || progressBar.offsetWidth
335
336                    let decreaseBy = container.offsetWidth / numberRuns
337
338                    progressBar.style.width = parseInt(runningWidth) - decreaseBy + 'px'
339                }, 100)
340            } else {
341                clearInterval(progressBarInterval)
342            }
343        })
344    "
345    x-data="{
346        show: false,
347        type: 'success',
348        title: null,
349        message: null,
350        showFor: 3500,
351        size: 'small',
352        themes: {
353            'success': {
354                'icon': 'text-seafoam-400',
355                'ring': 'ring-seafoam-500/30',
356                'glow': 'shadow-seafoam-950/40',
357                'bar': 'bg-gradient-to-r from-seafoam-600 to-seafoam-400',
358            },
359            'error': {
360                'icon': 'text-rose-400',
361                'ring': 'ring-rose-500/30',
362                'glow': 'shadow-rose-950/40',
363                'bar': 'bg-gradient-to-r from-rose-600 to-rose-400',
364            },
365        },
366        timeout: null,
367        container: document.getElementById('large-status-message-container'),
368        progressBar: document.getElementById('status-message-progress-bar'),
369        progressBarInterval: null,
370    }"
371    x-on:show-message.window="
372        () => {
373            clearTimeout(timeout)
374            title = event.detail[0].title || null
375            message = event.detail[0].message || 'Saved'
376            type = event.detail[0].type || 'success'
377            size = event.detail[0].size || 'small'
378            showFor = event.detail[0].showFor || showFor
379            show = true
380            timeout = setTimeout(() => {
381                show = false
382            }, showFor)
383        }
384    "
385    x-on:hide-message.window="show = false"
386    x-show="show"
387    class="z-50"
388>
389    
390    <div
391        x-show="size == 'small' && show"
392        class="fixed left-1/2 top-5 z-50 flex min-w-fit -translate-x-1/2 -translate-y-0 transform items-center gap-x-3 overflow-hidden rounded-2xl border px-4 py-3 shadow-lg ring-1 backdrop-blur-xl transition-all border-abyss-600/70 bg-abyss-900/90"
393        :class="themes[type].ring + ' ' + themes[type].glow"
394        x-transition:enter="transition duration-300 ease-out"
395        x-transition:enter-start="-translate-y-3 scale-95 opacity-0"
396        x-transition:enter-end="translate-y-0 scale-100 opacity-100"
397        x-transition:leave="transition duration-200 ease-in"
398        x-transition:leave-start="translate-y-0 scale-100 opacity-100"
399        x-transition:leave-end="-translate-y-3 scale-95 opacity-0"
400    >
401        <div class="shrink-0" :class="themes[type].icon">
402            <span x-show="type == 'success'">
403                <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
404  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
405</svg>            </span>
406            <span x-show="type == 'error'">
407                <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
408  <path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
409</svg>            </span>
410        </div>
411        <p
412            x-text="message"
413            class="whitespace-nowrap text-sm font-medium text-gold-100"
414        ></p>
415    </div>
416
417    
418    <div
419        id="large-status-message-container"
420        x-show="size == 'large' && show"
421        class="fixed left-1/2 top-5 z-50 w-11/12 min-w-fit max-w-md -translate-x-1/2 transform overflow-hidden rounded-2xl border shadow-xl ring-1 backdrop-blur-xl transition-all border-abyss-600/70 bg-abyss-900/90"
422        :class="themes[type].ring + ' ' + themes[type].glow"
423        x-transition:enter="transition duration-300 ease-out"
424        x-transition:enter-start="-translate-y-3 scale-95 opacity-0"
425        x-transition:enter-end="translate-y-0 scale-100 opacity-100"
426        x-transition:leave="transition duration-200 ease-in"
427        x-transition:leave-start="translate-y-0 scale-100 opacity-100"
428        x-transition:leave-end="-translate-y-3 scale-95 opacity-0"
429    >
430        <div class="flex p-4">
431            <div class="shrink-0" :class="themes[type].icon">
432                <span x-show="type == 'success'">
433                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
434  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
435</svg>                </span>
436                <span x-show="type == 'error'">
437                    <svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
438  <path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
439</svg>                </span>
440            </div>
441            <div class="ml-3 flex-1">
442                <h3
443                    class="text-sm font-semibold text-gold-100"
444                    x-text="title"
445                    x-show="title"
446                ></h3>
447                <div class="text-sm text-gold-100/70" :class="title ? 'mt-1' : ''">
448                    <p x-text="message"></p>
449                </div>
450            </div>
451            <div class="ml-auto pl-3">
452                <div class="-mx-1.5 -my-1.5">
453                    <button
454                        @click="show = false"
455                        type="button"
456                        class="inline-flex cursor-pointer rounded-lg p-1.5 transition text-gold-100/50 hover:bg-abyss-800/70 hover:text-gold-100"
457                    >
458                        <span class="sr-only">Dismiss</span>
459                        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
460  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
461</svg>                    </button>
462                </div>
463            </div>
464        </div>
465        <div class="h-1 w-full bg-abyss-950/70">
466            <div
467                id="status-message-progress-bar"
468                class="h-1 w-full rounded-r-full"
469                :class="themes[type].bar"
470            ></div>
471        </div>
472    </div>
473</div>
474    <div wire:snapshot="{&quot;data&quot;:{&quot;userGame&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;L6PfEgUpUJcYdfCC2CMW&quot;,&quot;name&quot;:&quot;pages.website.index&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;3813713875-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;32f902cc332e5d2bbb7fe08cb337f44fe2e4a6851da679dbdf81f2081f130574&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;3813713875-0&quot;:&quot;&lt;script&gt;\n    document.documentElement.style.setProperty(\&quot;--my-end-progress\&quot;, 0);\n&lt;\/script&gt;\n    &quot;}}" wire:id="L6PfEgUpUJcYdfCC2CMW" wire:name="pages.website.index">
475    
476    <section class="relative overflow-hidden">
477        <div class="absolute inset-0 -z-10 hero-glow"></div>
478        <div class="absolute inset-0 -z-10 map-grain opacity-60"></div>
479        <div class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-px bg-gradient-to-r from-transparent via-gold-500/40 to-transparent"></div>
480
481        
482        <div class="max-w-5xl mx-auto px-5 pt-16 pb-16 lg:pt-24 lg:pb-24 text-center">
483            
484            <div class="flex justify-center">
485                <span class="inline-flex items-center gap-x-2 rounded-full border border-gold-400/40 bg-gold-400/10 px-4 py-1.5 text-xs lg:text-sm font-semibold uppercase tracking-[0.2em] text-gold-300">
486                    <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
487  <circle cx="12" cy="12" r="9.25" />
488  <path d="M15.6 8.4 13.5 13.5 8.4 15.6 10.5 10.5 15.6 8.4Z" fill="currentColor" stroke="none" />
489  <circle cx="12" cy="12" r="1" fill="currentColor" stroke="none" />
490</svg>
491                    Built for Sea Dogs
492                </span>
493            </div>
494
495            <div class="mt-8 flex justify-center">
496                <img src="https://numbergoup.gg/img/logo.png" class="size-16 lg:size-24 drop-shadow-[0_0_25px_rgba(121,193,152,0.25)]" alt="Number Go Up Logo"/>
497            </div>
498
499            <h1 class="mt-6 font-display text-4xl lg:text-7xl tracking-tight leading-tight text-gold-100">
500                A <span class="text-seafoam-400">Sea of Thieves</span> Companion App
501            </h1>
502
503            <p class="mt-6 mx-auto max-w-2xl text-base lg:text-lg text-seafoam-200/80">
504                Your whole pirate legend in one place — commendations, achievements, your chest,
505                guilds, your fleet, and the Smuggler's Market. Join the crew already tracking their
506                progress, competing with their friends, and earning rewards.
507            </p>
508
509            
510            <div class="mt-10 flex flex-wrap items-center justify-center gap-x-8 gap-y-5 sm:gap-x-12">
511                <div class="flex flex-col items-center">
512                    <div class="flex h-12 items-center lg:h-14">
513                        <span
514    class="tabular-nums font-display text-3xl/[1.6] lg:text-4xl/[1.6] tracking-tight text-gold-100 tabular-nums"
515    x-data="{
516        displayed: 0,
517        init() {
518            const target = 937;
519
520            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
521                this.displayed = target;
522                return;
523            }
524
525            const duration = 2000;
526            const start = performance.now();
527            const easeOut = (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t));
528
529            const step = (now) => {
530                const progress = Math.min((now - start) / duration, 1);
531                this.displayed = progress < 1 ? target * easeOut(progress) : target;
532
533                if (progress < 1) {
534                    requestAnimationFrame(step);
535                }
536            };
537
538            requestAnimationFrame(step);
539        },
540    }"
541    x-text="Math.floor(displayed).toLocaleString()"
542>937</span>
543                    </div>
544                    <p class="mt-1.5 text-xs lg:text-sm font-semibold uppercase tracking-[0.15em] text-seafoam-200/60">Pirates</p>
545                </div>
546
547                <span aria-hidden="true" class="hidden h-10 w-px bg-abyss-600/70 sm:block"></span>
548
549                <div class="flex flex-col items-center">
550                    <div class="flex h-12 items-center lg:h-14">
551                        <span
552    class="tabular-nums font-display text-3xl/[1.6] lg:text-4xl/[1.6] tracking-tight text-gold-100 tabular-nums"
553    x-data="{
554        displayed: 0,
555        init() {
556            const target = 850;
557
558            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
559                this.displayed = target;
560                return;
561            }
562
563            const duration = 2000;
564            const start = performance.now();
565            const easeOut = (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t));
566
567            const step = (now) => {
568                const progress = Math.min((now - start) / duration, 1);
569                this.displayed = progress < 1 ? target * easeOut(progress) : target;
570
571                if (progress < 1) {
572                    requestAnimationFrame(step);
573                }
574            };
575
576            requestAnimationFrame(step);
577        },
578    }"
579    x-text="Math.floor(displayed).toLocaleString()"
580>850</span>
581                    </div>
582                    <p class="mt-1.5 text-xs lg:text-sm font-semibold uppercase tracking-[0.15em] text-seafoam-200/60">Polly Chats</p>
583                </div>
584
585                <span aria-hidden="true" class="hidden h-10 w-px bg-abyss-600/70 sm:block"></span>
586
587                <div class="flex flex-col items-center">
588                                        <div class="flex h-12 items-center lg:h-14" role="img" aria-label="5 out of 5 stars on the App Store">
589                        
590                        <span class="flex items-center gap-x-1.5 sm:hidden">
591                            <span class="font-display text-3xl/[1.6] tracking-tight text-gold-100 tabular-nums">5</span>
592                            <svg class="size-6 text-gold-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
593                                <path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
594                            </svg>
595                        </span>
596                        
597                        <span class="hidden items-center gap-x-0.5 sm:flex">
598                            <!--[if BLOCK]><![endif]-->                                <svg class="size-5 lg:size-6 text-gold-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
599                                    <path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
600                                </svg>
601                                                            <svg class="size-5 lg:size-6 text-gold-400" viewB
601ox="0 0 24 24" fill="currentColor" aria-hidden="true">
602                                    <path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
603                                </svg>
604                                                            <svg class="size-5 lg:size-6 text-gold-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
605                                    <path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
606                                </svg>
607                                                            <svg class="size-5 lg:size-6 text-gold-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
608                                    <path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
609                                </svg>
610                                                            <svg class="size-5 lg:size-6 text-gold-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
611                                    <path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
612                                </svg>
613                            <!--[if ENDBLOCK]><![endif]-->                        </span>
614                    </div>
615                    <p class="mt-1.5 text-xs lg:text-sm font-semibold uppercase tracking-[0.15em] text-seafoam-200/60">App Rating</p>
616                </div>
617            </div>
618
619            <div class="rule-flourish mt-12 flex items-center justify-center gap-x-3 text-gold-500 lg:mt-14">
620                <span class="size-1.5 shrink-0 rotate-45 bg-gold-400"></span>
621            </div>
622
623            <div class="mt-10 w-full lg:max-w-fit mx-auto">
624                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
625                <!--[if BLOCK]><![endif]-->                    <div class="flex flex-col items-center gap-y-6">
626                        <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
627                            <a
628     wire:navigate 	href="https://numbergoup.gg/signup"
629	class="cursor-pointer px-5 py-2.5 flex items-center justify-center gap-x-2 rounded-full bg-gradient-to-b from-seafoam-500 to-seafoam-600 hover:from-seafoam-400 hover:to-seafoam-500 ring-1 ring-inset ring-white/15 text-white font-semibold shadow-lg shadow-seafoam-600/25 hover:shadow-seafoam-500/40 hover:-translate-y-px focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-seafoam-500 transition-all duration-200 w-full sm:w-auto px-7 py-3.5 text-lg font-bold shadow-lg shadow-seafoam-600/20"
630>
631	<svg class="size-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
632  <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
633  <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
634</svg>
635	Get Started
636</a>
637                            <a wire:navigate href="https://numbergoup.gg/login?provider=microsoft"
638                               class="w-full sm:w-auto inline-flex items-center justify-center gap-x-2 px-7 py-3.5 text-lg font-bold rounded-full ring-1 ring-inset ring-abyss-600 text-seafoam-100 hover:ring-seafoam-500/60 hover:text-seafoam-300 transition-all duration-200">
639                                <svg class="size-5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-icon lucide-user"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>                                Login
640                            </a>
641                        </div>
642
643                        <a wire:navigate href="https://numbergoup.gg/@pirate-lord/sea-of-thieves?filterBy=incomplete"
644                           class="inline-flex items-center gap-x-1.5 text-sm font-semibold text-seafoam-200/70 hover:text-seafoam-200 transition-colors duration-200">
645                            Want to see a sample profile?
646                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
647  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L10.22 6.03a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd" />
648</svg>
649                        </a>
650                    </div>
651                <!--[if ENDBLOCK]><![endif]-->            </div>
652
653            
654            <div class="relative mt-16 lg:mt-20">
655                <div class="pointer-events-none absolute -inset-10 -z-10 rounded-full bg-seafoam-500/10 blur-3xl"></div>
656
657                
658                <div class="relative mx-auto max-w-4xl overflow-hidden rounded-xl border border-abyss-600/80 bg-abyss-800 shadow-2xl shadow-black/50 ring-1 ring-gold-500/10 lg:rounded-2xl">
659                    <div class="flex items-center gap-1.5 border-b border-abyss-600/60 bg-abyss-800 px-3.5 py-2.5 lg:py-3">
660                        <span class="size-2.5 rounded-full bg-red-400/70"></span>
661                        <span class="size-2.5 rounded-full bg-gold-400/70"></span>
662                        <span class="size-2.5 rounded-full bg-seafoam-400/70"></span>
663                        <div class="ml-3 hidden flex-1 truncate rounded-md bg-abyss-900/80 px-3 py-1 text-xs text-seafoam-200/40 sm:block">
664                            numbergoup.gg
665                        </div>
666                    </div>
667                    <img class="aspect-[16/10] w-full object-cover object-top"
668                         src="https://numbergoup.gg/img/marketing/numbergoup-app-screenshot-dark.webp"
669                         alt="Number Go Up desktop web app"/>
670                </div>
671
672                
673                <div class="absolute -bottom-10 right-1 w-36 sm:-right-4 sm:w-48 lg:-right-8 lg:w-56" x-data="{
674                        active: 0,
675                        screens: JSON.parse('[\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/numbergoup-main-screen.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/commendations-screen.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/reward-view.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/changelog.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/friends-progress.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/guild.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/fleet.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/achievements.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/cosmetics.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/upcoming-events.webp\u0022,\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/custom-seas-servers.webp\u0022]'),
676                        init() { setInterval(() => { this.active = (this.active + 1) % this.screens.length }, 2500); },
677                     }">
678    
679    <div class="relative rounded-[1.25rem] p-[4px] sm:rounded-[1.75rem] sm:p-[6px] lg:rounded-[2.25rem] lg:p-[8px] bg-gradient-to-b from-abyss-700 via-abyss-950 to-black shadow-2xl shadow-black/60 ring-1 ring-white/10">
680        <!--[if BLOCK]><![endif]-->            
681            <span class="absolute -left-[2px] top-[15%] h-5 w-[2px] rounded-l-sm bg-gradient-to-r from-abyss-600 to-abyss-800 sm:h-6 sm:w-[3px] lg:h-8"></span>
682            <span class="absolute -left-[2px] top-[28%] h-9 w-[2px] rounded-l-sm bg-gradient-to-r from-abyss-600 to-abyss-800 sm:h-11 sm:w-[3px] lg:h-14"></span>
683            <span class="absolute -right-[2px] top-[24%] h-10 w-[2px] rounded-r-sm bg-gradient-to-l from-abyss-600 to-abyss-800 sm:h-12 sm:w-[3px] lg:h-16"></span>
684        <!--[if ENDBLOCK]><![endif]-->
685        <div class="relative aspect-[9/19.56] overflow-hidden bg-abyss-950 rounded-[0.95rem] sm:rounded-[1.4rem] lg:rounded-[1.8rem]">
686            <template x-for="(src, i) in screens" :key="i">
687                        <img class="absolute inset-0 size-full object-cover"
688                             x-show="active === i"
689                             x-transition:enter="transition-opacity ease-out duration-700"
690                             x-transition:enter-start="opacity-0"
691                             x-transition:enter-end="opacity-100"
692                             x-transition:leave="transition-opacity ease-in duration-700"
693                             x-transition:leave-start="opacity-100"
694                             x-transition:leave-end="opacity-0"
695                             :src="src" alt="Number Go Up mobile app"/>
696                    </template>
697        </div>
698    </div>
699</div>
700            </div>
701
702            <!--[if BLOCK]><![endif]-->    <div class="flex flex-wrap items-center gap-3 justify-center mt-16 lg:mt-20">
703        <!--[if BLOCK]><![endif]-->            <a href="https://apps.apple.com/us/app/number-go-up-pirates-log/id6784696493" target="_blank" rel="noopener noreferrer"
704               class="transition-transform duration-200 hover:-translate-y-0.5">
705                <img class="h-[56px] w-[156px] object-contain sm:h-[66px] sm:w-[184px]"
706                     src="https://numbergoup.gg/img/marketing/download-numbergoup-on-the-app-store.webp"
707                     alt="Download Number Go Up on the App Store"/>
708            </a>
709        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            <a href="https://play.google.com/store/apps/details?id=com.hopperlabs.numbergoup" target="_blank" rel="noopener noreferrer"
710               class="transition-transform duration-200 hover:-translate-y-0.5">
711                <img class="h-[56px] w-[156px] object-contain sm:h-[66px] sm:w-[184px]"
712                     src="https://numbergoup.gg/img/marketing/download-numbergoup-in-the-android-play-store.png"
713                     alt="Get Number Go Up on Google Play"/>
714            </a>
715        <!--[if ENDBLOCK]><![endif]-->    </div>
716<!--[if ENDBLOCK]><![endif]-->
717            
718            <div class="rule-flourish mt-20 flex items-center justify-center gap-x-3 text-gold-500 lg:mt-24">
719                <span class="size-1.5 shrink-0 rotate-45 bg-gold-400"></span>
720            </div>
721            <p class="mt-7 text-xl lg:text-3xl text-seafoam-100">
722                <span class="font-display tracking-wide text-gold-200">Number Go Up</span> — it's a way of life.
723            </p>
724        </div>
725    </section>
726
727    
728    
729    <section class="relative bg-abyss-900 border-y border-gold-500/15 py-20 lg:py-28 px-5 overflow-hidden">
730        <div class="absolute inset-0 map-grain opacity-40"></div>
731        <div class="relative max-w-6xl mx-auto"
732             x-data="{
733                active: 0,
734                features: JSON.parse('[{\u0022tab\u0022:\u0022Dashboard\u0022,\u0022title\u0022:\u0022Your legend at a glance\u0022,\u0022description\u0022:\u0022Overall completion, recent unlocks, and what to grind next \\u2014 all on one home screen.\u0022,\u0022file\u0022:\u0022numbergoup-main-screen.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/numbergoup-main-screen.webp\u0022},{\u0022tab\u0022:\u0022Commendations\u0022,\u0022title\u0022:\u0022Track every commendation\u0022,\u0022description\u0022:\u0022Browse commendations by area and see exactly what stands between you and 100%.\u0022,\u0022file\u0022:\u0022commendations-screen.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/commendations-screen.webp\u0022},{\u0022tab\u0022:\u0022Rewards\u0022,\u0022title\u0022:\u0022Know what you\\u0027re chasing\u0022,\u0022description\u0022:\u0022Preview the exact cosmetic, title, or reward locked behind each commendation \\u2014 so you never grind blind.\u0022,\u0022file\u0022:\u0022reward-view.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/reward-view.webp\u0022},{\u0022tab\u0022:\u0022Progression\u0022,\u0022title\u0022:\u0022See your progress history\u0022,\u0022description\u0022:\u0022A running log of every commendation and level you progress, so you can look back on how far your legend has come.\u0022,\u0022file\u0022:\u0022changelog.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/changelog.webp\u0022},{\u0022tab\u0022:\u0022Friends\u0022,\u0022title\u0022:\u0022Race your crew\u0022,\u0022description\u0022:\u0022Compare progress with friends and see who\\u0027s pulling ahead on every commendation.\u0022,\u0022file\u0022:\u0022friends-progress.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/friends-progress.webp\u0022},{\u0022tab\u0022:\u0022Guilds\u0022,\u0022title\u0022:\u0022Sail under one banner\u0022,\u0022description\u0022:\u0022See your guild\\u0027s crest, roster, and reputation \\u2014 and how every member is contributing to the legend.\u0022,\u0022file\u0022:\u0022guild.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/guild.webp\u0022},{\u0022tab\u0022:\u0022Fleet\u0022,\u0022title\u0022:\u0022Command your fleet\u0022,\u0022description\u0022:\u0022Every ship you captain in one harbour \\u2014 names, classes, sails, and the guilds they sail with.\u0022,\u0022file\u0022:\u0022fleet.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/fleet.webp\u0022},{\u0022tab\u0022:\u0022Achievements\u0022,\u0022title\u0022:\u0022Every achievement, accounted for\u0022,\u0022description\u0022:\u0022Track your Xbox achievements alongside your commendations and close in on that full gamerscore.\u0022,\u0022file\u0022:\u0022achievements.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/achievements.webp\u0022},{\u0022tab\u0022:\u0022Cosmetics\u0022,\u0022title\u0022:\u0022Search the cosmetic vault\u0022,\u0022description\u0022:\u0022Find any unlockable item in the game and see exactly how to unlock it.\u0022,\u0022file\u0022:\u0022cosmetics.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/cosmetics.webp\u0022},{\u0022tab\u0022:\u0022Events\u0022,\u0022title\u0022:\u0022Never miss an event\u0022,\u0022description\u0022:\u0022Stay on top of upcoming Sea of Thieves events and the rewards they bring.\u0022,\u0022file\u0022:\u0022upcoming-events.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/upcoming-events.webp\u0022},{\u0022tab\u0022:\u0022Custom Seas\u0022,\u0022title\u0022:\u0022Find Custom Seas servers\u0022,\u0022description\u0022:\u0022Browse and host private Custom Seas server listings with the crew.\u0022,\u0022file\u0022:\u0022custom-seas-servers.webp\u0022,\u0022src\u0022:\u0022https:\\\/\\\/numbergoup.gg\\\/img\\\/marketing\\\/app-screenshots\\\/custom-seas-servers.webp\u0022}]'),
735                auto: true,
736                select(i) { this.active = i; this.auto = false; },
737             }">
738            <div class="max-w-2xl mx-auto text-center text-white">
739                <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-300">Take the Tour</p>
740                <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-gold-100">Everything in one place</h2>
741                <p class="mt-6 text-lg lg:text-xl text-seafoam-100/80">
742                    Tap through the app and see how Number Go Up keeps your whole pirate legend on course.
743                </p>
744            </div>
745
746            
747            <div class="relative mt-12 -mx-5"
748                 x-data="{ atEnd: true, check() { const el = $refs.scroller; this.atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 1; } }"
749                 x-init="check(); $nextTick(() => check())"
750                 @resize.window="check()">
751                <div x-ref="scroller" @scroll="check()"
752                     class="overflow-x-auto px-5 py-1 lg:overflow-visible [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
753                    <div class="flex min-w-max justify-start gap-2 lg:mx-auto lg:min-w-0 lg:max-w-3xl lg:flex-wrap lg:justify-center">
754                        <template x-for="(f, i) in features" :key="i">
755                            <button type="button" @click="select(i)"
756                                    class="shrink-0 rounded-full px-4 py-2 text-sm font-semibold transition-all duration-200"
757                                    :class="active === i
758                                        ? 'bg-gold-400/15 text-gold-200 ring-1 ring-gold-400/40'
759                                        : 'text-seafoam-200/60 ring-1 ring-transparent hover:text-seafoam-100 hover:ring-abyss-600'"
760                                    x-text="f.tab"></button>
761                        </template>
762                    </div>
763                </div>
764                
765                <div class="pointer-events-none absolute inset-y-0 right-0 flex w-20 items-center justify-end bg-gradient-to-l from-abyss-900 via-abyss-900/80 to-transparent pr-3 transition-opacity duration-300 lg:hidden"
766                     :class="atEnd ? 'opacity-0' : 'opacity-100'">
767                    <svg class="size-5 animate-pulse text-gold-300" viewB
767ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
768                        <path d="M9 6l6 6-6 6"/>
769                    </svg>
770                </div>
771            </div>
772
773            
774            <div class="mt-14 grid items-center gap-10 lg:grid-cols-2 lg:gap-16">
775                
776                <div class="flex justify-center lg:justify-end">
777                    <div class="relative w-[240px] sm:w-[270px]">
778                        <div class="pointer-events-none absolute -inset-8 -z-10 rounded-full bg-seafoam-500/10 blur-3xl"></div>
779                        <div >
780    
781    <div class="relative rounded-[1.25rem] p-[4px] sm:rounded-[1.75rem] sm:p-[6px] lg:rounded-[2.25rem] lg:p-[8px] bg-gradient-to-b from-abyss-700 via-abyss-950 to-black shadow-2xl shadow-black/60 ring-1 ring-white/10">
782        <!--[if BLOCK]><![endif]-->            
783            <span class="absolute -left-[2px] top-[15%] h-5 w-[2px] rounded-l-sm bg-gradient-to-r from-abyss-600 to-abyss-800 sm:h-6 sm:w-[3px] lg:h-8"></span>
784            <span class="absolute -left-[2px] top-[28%] h-9 w-[2px] rounded-l-sm bg-gradient-to-r from-abyss-600 to-abyss-800 sm:h-11 sm:w-[3px] lg:h-14"></span>
785            <span class="absolute -right-[2px] top-[24%] h-10 w-[2px] rounded-r-sm bg-gradient-to-l from-abyss-600 to-abyss-800 sm:h-12 sm:w-[3px] lg:h-16"></span>
786        <!--[if ENDBLOCK]><![endif]-->
787        <div class="relative aspect-[9/19.56] overflow-hidden bg-abyss-950 rounded-[0.95rem] sm:rounded-[1.4rem] lg:rounded-[1.8rem]">
788            <template x-for="(f, i) in features" :key="i">
789                                <img class="absolute inset-0 size-full object-cover"
790                                     x-show="active === i"
791                                     x-transition:enter="transition-opacity ease-out duration-500"
792                                     x-transition:enter-start="opacity-0"
793                                     x-transition:enter-end="opacity-100"
794                                     x-transition:leave="transition-opacity ease-in duration-300"
795                                     x-transition:leave-start="opacity-100"
796                                     x-transition:leave-end="opacity-0"
797                                     :src="f.src" :alt="f.title"/>
798                            </template>
799        </div>
800    </div>
801</div>
802
803                        
804                        <div class="mx-auto mt-5 h-1 w-40">
805                            <template x-if="auto">
806                                <div class="h-full overflow-hidden rounded-full bg-abyss-600/60">
807                                    <div class="h-full origin-left rounded-full bg-gold-300/90 animate-[tour-countdown_4s_linear_infinite]"
808                                         @animationiteration="active = (active + 1) % features.length"></div>
809                                </div>
810                            </template>
811                        </div>
812                    </div>
813                </div>
814
815                
816                <div class="text-center lg:text-left">
817                    <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-400" x-text="features[active].tab"></p>
818                    <h3 class="mt-4 font-display text-2xl lg:text-4xl tracking-tight text-gold-100" x-text="features[active].title"></h3>
819                    <p class="mt-5 text-lg text-seafoam-200/80" x-text="features[active].description"></p>
820                </div>
821            </div>
822        </div>
823    </section>
824
825    
826    <!--[if BLOCK]><![endif]-->        <section class="relative bg-abyss-950 py-20 lg:py-28 px-5 overflow-hidden">
827            <div class="absolute inset-0 map-grain opacity-40"></div>
828            <div class="relative max-w-6xl mx-auto">
829                <div class="flex flex-col gap-y-4 sm:flex-row sm:items-end sm:justify-between text-white">
830                    <div>
831                        <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-300">On the Horizon</p>
832                        <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-gold-100">Upcoming events</h2>
833                        <p class="mt-6 max-w-2xl text-lg lg:text-xl text-seafoam-100/80">
834                            Tournaments, community gatherings, and live streams worth marking on your map.
835                        </p>
836                    </div>
837                    <a wire:navigate href="https://numbergoup.gg/events"
838                       class="inline-flex shrink-0 items-center gap-x-2 self
838-start sm:self-auto rounded-full px-5 py-2.5 text-sm font-bold ring-1 ring-inset ring-abyss-600 text-seafoam-100 hover:ring-seafoam-500/60 hover:text-seafoam-300 transition-all duration-200">
839                        View all events
840                        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
841  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L10.22 6.03a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l1.22-1.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd" />
842</svg>
843                    </a>
844                </div>
845
846                <div class="mt-12 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
847                    <!--[if BLOCK]><![endif]-->                        <a
848    wire:navigate
849    href="https://numbergoup.gg/events/lss-sloops"
850    wire:key="event-card-127"
851    class="group flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/60 hover:border-gold-500/50 transition-all duration-300 overflow-hidden"
852>
853    <!--[if BLOCK]><![endif]-->        <div class="relative">
854            <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/events/lL30dnF5MjCCEHFjI5Dws42p42yRDV66MPgyujaO.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
854X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20261001%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T142727Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=cb07546d0c851756a0e38485908f005820fc642e1241027cee5648ece7e7582a" alt="LSS: Sloops" class="h-32 w-full object-cover"/>
855            <!--[if BLOCK]><![endif]-->                <span class="inline-flex items-center gap-x-1.5 rounded-full border border-red-500/40 bg-red-500/15 px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wide text-red-200 backdrop-blur-sm absolute right-3 top-3">
856    <span class="relative flex size-2">
857        <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400 opacity-75"></span>
858        <span class="relative inline-flex size-2 rounded-full bg-red-500"></span>
859    </span>
860    Live
861</span>
862            <!--[if ENDBLOCK]><![endif]-->        </div>
863    <!--[if ENDBLOCK]><![endif]-->
864    <div class="flex flex-col p-4">
865        <div class="flex items-start justify-between gap-x-3">
866            <h3 class="font-display text-base tracking-wide text-gold-100 group-hover:text-seafoam-300">
867                LSS: Sloops
868            </h3>
869            <div class="flex shrink-0 flex-col items-end gap-y-1.5">
870                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="rounded-full border border-gold-500/30 bg-gold-400/10 px-2.5 py-1 text-[11px] font-semibold text-gold-300">
871                    In-Game Event
872                </span>
873            </div>
874        </div>
875
876        <div class="mt-2 flex items-center gap-x-1.5 text-sm text-seafoam-200/60">
877            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
878  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
879</svg>            <span>Sep 29, 2026 10:00 AM UTC – Oct 6, 2026</span>
880        </div>
881
882        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
883        <!--[if BLOCK]><![endif]-->            <p class="mt-3 text-sm text-seafoam-200/80 line-clamp-2">Until Oct 6th (10am UTC), Sloop crews using the Hourglass of Fate will sail into six-ship scraps in the Seas of Sailor&#039;s Grave. Plus, wins now advance the Conqueror of the Damned Commendation, unlocking Fallen Sea Dog items for purchase.</p>
884        <!--[if ENDBLOCK]><![endif]-->    </div>
885</a>
886                                            <a
887    wire:navigate
888    href="https://numbergoup.gg/events/fight-nights-2026-10-06"
889    wire:key="event-card-44"
890    class="group flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/60 hover:border-gold-500/50 transition-all duration-300 overflow-hidden"
891>
892    <!--[if BLOCK]><![endif]-->        <div class="relative">
893            <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/events/Jts793xqzwh7UD9xYmkcjuUy5s32PzaBOnPHX1mm.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
893X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20261001%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T142727Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=f6db1bba165cc073663b11b8bc8af94978909a39f49f7b903f0caf96bc4d2b07" alt="Fight Nights" class="h-32 w-full object-cover"/>
894            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
895    <!--[if ENDBLOCK]><![endif]-->
896    <div class="flex flex-col p-4">
897        <div class="flex items-start justify-between gap-x-3">
898            <h3 class="font-display text-base tracking-wide text-gold-100 group-hover:text-seafoam-300">
899                Fight Nights
900            </h3>
901            <div class="flex shrink-0 flex-col items-end gap-y-1.5">
902                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="rounded-full border border-gold-500/30 bg-gold-400/10 px-2.5 py-1 text-[11px] font-semibold text-gold-300">
903                    In-Game Event
904                </span>
905            </div>
906        </div>
907
908        <div class="mt-2 flex items-center gap-x-1.5 text-sm text-seafoam-200/60">
909            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
910  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
911</svg>            <span>Oct 6, 2026</span>
912        </div>
913
914        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
915        <!--[if BLOCK]><![endif]-->            <p class="mt-3 text-sm text-seafoam-200/80 line-clamp-2">Prepare for battle, curse-seeking corsairs! Seek out combat with your Hourglass of Fate and earn increased Allegiance and Gold for every Faction battle fought.</p>
916        <!--[if ENDBLOCK]><![endif]-->    </div>
917</a>
918                                            <a
919    wire:navigate
920    href="https://numbergoup.gg/events/emissaries-of-fortune-2026-10-07"
921    wire:key="event-card-69"
922    class="group flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/60 hover:border-gold-500/50 transition-all duration-300 overflow-hidden"
923>
924    <!--[if BLOCK]><![endif]-->        <div class="relative">
925            <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/events/p8Amx7bBkJ9QGyganGSykqxqGYCcJNS0w9TuMPNt.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
925X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20261001%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T142727Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=48656f1fdddbc65a80e87e7175e8d3a338051f2a990e60e7a8ca37ca167dba90" alt="Emissaries of Fortune" class="h-32 w-full object-cover"/>
926            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
927    <!--[if ENDBLOCK]><![endif]-->
928    <div class="flex flex-col p-4">
929        <div class="flex items-start justify-between gap-x-3">
930            <h3 class="font-display text-base tracking-wide text-gold-100 group-hover:text-seafoam-300">
931                Emissaries of Fortune
932            </h3>
933            <div class="flex shrink-0 flex-col items-end gap-y-1.5">
934                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="rounded-full border border-gold-500/30 bg-gold-400/10 px-2.5 py-1 text-[11px] font-semibold text-gold-300">
935                    In-Game Event
936                </span>
937            </div>
938        </div>
939
940        <div class="mt-2 flex items-center gap-x-1.5 text-sm text-seafoam-200/60">
941            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
942  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
943</svg>            <span>Oct 7, 2026</span>
944        </div>
945
946        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
947        <!--[if BLOCK]><![endif]-->            <p class="mt-3 text-sm text-seafoam-200/80 line-clamp-2">Boosted Emissary rewards for crews representing the various Trading Companies on the seas.
948
949For 24 hours every Wednesday (starting 10am UTC), players sailing as Emissaries will receive a generous additional reward multiplier per Grade, stacking on top of existing bonuses!</p>
950        <!--[if ENDBLOCK]><![endif]-->    </div>
951</a>
952                                            <a
953    wire:navigate
954    href="https://numbergoup.gg/events/fight-nights-2026-10-13"
955    wire:key="event-card-45"
956    class="group flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/60 hover:border-gold-500/50 transition-all duration-300 overflow-hidden"
957>
958    <!--[if BLOCK]><![endif]-->        <div class="relative">
959            <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/events/Jts793xqzwh7UD9xYmkcjuUy5s32PzaBOnPHX1mm.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
959X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20261001%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T142727Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=f6db1bba165cc073663b11b8bc8af94978909a39f49f7b903f0caf96bc4d2b07" alt="Fight Nights" class="h-32 w-full object-cover"/>
960            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
961    <!--[if ENDBLOCK]><![endif]-->
962    <div class="flex flex-col p-4">
963        <div class="flex items-start justify-between gap-x-3">
964            <h3 class="font-display text-base tracking-wide text-gold-100 group-hover:text-seafoam-300">
965                Fight Nights
966            </h3>
967            <div class="flex shrink-0 flex-col items-end gap-y-1.5">
968                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="rounded-full border border-gold-500/30 bg-gold-400/10 px-2.5 py-1 text-[11px] font-semibold text-gold-300">
969                    In-Game Event
970                </span>
971            </div>
972        </div>
973
974        <div class="mt-2 flex items-center gap-x-1.5 text-sm text-seafoam-200/60">
975            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
976  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
977</svg>            <span>Oct 13, 2026</span>
978        </div>
979
980        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
981        <!--[if BLOCK]><![endif]-->            <p class="mt-3 text-sm text-seafoam-200/80 line-clamp-2">Prepare for battle, curse-seeking corsairs! Seek out combat with your Hourglass of Fate and earn increased Allegiance and Gold for every Faction battle fought.</p>
982        <!--[if ENDBLOCK]><![endif]-->    </div>
983</a>
984                                            <a
985    wire:navigate
986    href="https://numbergoup.gg/events/emissaries-of-fortune-2026-10-14"
987    wire:key="event-card-70"
988    class="group flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/60 hover:border-gold-500/50 transition-all duration-300 overflow-hidden"
989>
990    <!--[if BLOCK]><![endif]-->        <div class="relative">
991            <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/events/p8Amx7bBkJ9QGyganGSykqxqGYCcJNS0w9TuMPNt.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
991X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20261001%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T142727Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=48656f1fdddbc65a80e87e7175e8d3a338051f2a990e60e7a8ca37ca167dba90" alt="Emissaries of Fortune" class="h-32 w-full object-cover"/>
992            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
993    <!--[if ENDBLOCK]><![endif]-->
994    <div class="flex flex-col p-4">
995        <div class="flex items-start justify-between gap-x-3">
996            <h3 class="font-display text-base tracking-wide text-gold-100 group-hover:text-seafoam-300">
997                Emissaries of Fortune
998            </h3>
999            <div class="flex shrink-0 flex-col items-end gap-y-1.5">
1000                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="rounded-full border border-gold-500/30 bg-gold-400/10 px-2.5 py-1 text-[11px] font-semibold text-gold-300">
1001                    In-Game Event
1002                </span>
1003            </div>
1004        </div>
1005
1006        <div class="mt-2 flex items-center gap-x-1.5 text-sm text-seafoam-200/60">
1007            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1008  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
1009</svg>            <span>Oct 14, 2026</span>
1010        </div>
1011
1012        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1013        <!--[if BLOCK]><![endif]-->            <p class="mt-3 text-sm text-seafoam-200/80 line-clamp-2">Boosted Emissary rewards for crews representing the various Trading Companies on the seas.
1014
1015For 24 hours every Wednesday (starting 10am UTC), players sailing as Emissaries will receive a generous additional reward multiplier per Grade, stacking on top of existing bonuses!</p>
1016        <!--[if ENDBLOCK]><![endif]-->    </div>
1017</a>
1018                                            <a
1019    wire:navigate
1020    href="https://numbergoup.gg/events/bilge-rat-weekender-2"
1021    wire:key="event-card-122"
1022    class="group flex flex-col rounded-2xl border border-abyss-600/70 bg-abyss-800/60 hover:border-gold-500/50 transition-all duration-300 overflow-hidden"
1023>
1024    <!--[if BLOCK]><![endif]-->        <div class="relative">
1025            <img src="https://fls-9f7bf3ac-f7f7-41e7-b158-202d984f00ba.367be3a2035528943240074d0096e0cd.r2.cloudflarestorage.com/events/eMeDeRizoqpoaqftM6FELoqwm2ZvfabrjFcswxzV.webp?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;
1025X-Amz-Credential=a6bd4b6d0afe98ec7ce83288136c8e6d%2F20261001%2Fauto%2Fs3%2Faws4_request&amp;X-Amz-Date=20261001T142727Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=604800&amp;X-Amz-Signature=15c87a0dcaf312dbab677920e211d9eeef7e0c67e01eea6fba2272ba53cb312d" alt="Bilge Rat Weekender" class="h-32 w-full object-cover"/>
1026            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
1027    <!--[if ENDBLOCK]><![endif]-->
1028    <div class="flex flex-col p-4">
1029        <div class="flex items-start justify-between gap-x-3">
1030            <h3 class="font-display text-base tracking-wide text-gold-100 group-hover:text-seafoam-300">
1031                Bilge Rat Weekender
1032            </h3>
1033            <div class="flex shrink-0 flex-col items-end gap-y-1.5">
1034                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                <span class="rounded-full border border-gold-500/30 bg-gold-400/10 px-2.5 py-1 text-[11px] font-semibold text-gold-300">
1035                    In-Game Event
1036                </span>
1037            </div>
1038        </div>
1039
1040        <div class="mt-2 flex items-center gap-x-1.5 text-sm text-seafoam-200/60">
1041            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1042  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
1043</svg>            <span>Oct 16, 2026 – Oct 19, 2026</span>
1044        </div>
1045
1046        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1047        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
1048</a>
1049                    <!--[if ENDBLOCK]><![endif]-->                </div>
1050            </div>
1051        </section>
1052    <!--[if ENDBLOCK]><![endif]-->
1053    
1054    
1055    
1056    <section class="relative bg-abyss-900 border-y border-gold-500/15 py-20 lg:py-28 overflow-hidden">
1057        <div class="absolute inset-0 map-grain opacity-40"></div>
1058        <div class="relative">
1059            <div class="max-w-6xl mx-auto px-5 text-center text-white">
1060                <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-300">Word on the Seas</p>
1061                <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-gold-100">What the crew is saying</h2>
1062                <p class="mt-6 mx-auto max-w-2xl text-lg lg:text-xl text-seafoam-100/80">
1063                    Pirates have spoken. Here's what sailing with <strong class="text-seafoam-300">Number Go Up</strong> did for their voyages.
1064                </p>
1065            </div>
1066
1067            <div class="group mt-14 flex flex-col gap-5 [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)]">
1068                <!--[if BLOCK]><![endif]-->                    <div class="flex w-max gap-5 marquee-track group-hover:[animation-play-state:paused] motion-reduce:animate-none "
1069                         style="--marquee-duration: 52s">
1070                        <!--[if BLOCK]><![endif]-->                            <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1071                                <div>
1072                                    <div class="flex items-center justify-between">
1073                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1074                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1075                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1076                                                </svg>
1077                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1078                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1079                                                </svg>
1080                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1081                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1082                                                </svg>
1083                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1084                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1085                                                </svg>
1086                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1087                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1088                                                </svg>
1089                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1090                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1091                                    </div>
1092                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1093                                        I have just finished every commendation for Sea of Thieves thanks to Number Go Up
1094                                    </blockquote>
1095                                </div>
1096                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1097                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/itzmino.png" alt="ItzMino Avatar">
1098                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1099                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/ItzMino" target="_blank">ItzMino</a>
1100                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1101                                    </div>
1102                                </figcaption>
1103                            </figure>
1104                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1105                                <div>
1106                                    <div class="flex items-center justify-between">
1107                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1108                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1109                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1110                                                </svg>
1111                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1112                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1113                                                </svg>
1114                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1115                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1116                                                </svg>
1117                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1118                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1119                                                </svg>
1120                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1121                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1122                                                </svg>
1123                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1124                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1125                                    </div>
1126                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1127                                        Pretty fu*king cool
1128                                    </blockquote>
1129                                </div>
1130                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1131                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/truedits.png" alt="TruEdits Avatar">
1132                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1133                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/TruEdits" target="_blank">TruEdits</a>
1134                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1135                                    </div>
1136                                </figcaption>
1137                            </figure>
1138                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1139                                <div>
1140                                    <div class="flex items-center justify-between">
1141                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1142                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1143                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1144                                                </svg>
1145                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1146                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1147                                                </svg>
1148                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1149                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1150                                                </svg>
1151                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1152                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1153                                                </svg>
1154                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1155                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1156                                                </svg>
1157                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1158                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1159                                    </div>
1160                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1161                                        Thanks to Number Go Up, when I stole a hoard of pristine meg teeth I was able to see which of my friends still needed them for the commendation
1162                                    </blockquote>
1163                                </div>
1164                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1165                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/sn0wycat.png" alt="Sn0wyCat Avatar">
1166                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1167                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/Sn0wyCat" target="_blank">Sn0wyCat</a>
1168                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1169                                    </div>
1170                                </figcaption>
1171                            </figure>
1172                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1173                                <div>
1174                                    <div class="flex items-center justify-between">
1175                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1176                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1177                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1178                                                </svg>
1179                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1180                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1181                                                </svg>
1182                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1183                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1184                                                </svg>
1185                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1186                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1187                                                </svg>
1188                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1189                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1190                                                </svg>
1191                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1192                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1193                                    </div>
1194                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1195                                        I have a lot of work to do but this is cool
1196                                    </blockquote>
1197                                </div>
1198                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1199                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/scully.png" alt="Scully Avatar">
1200                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1201                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Scully</span>
1202                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1203                                    </div>
1204                                </figcaption>
1205                            </figure>
1206                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1207                                <div>
1208                                    <div class="flex items-center justify-between">
1209                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1210                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1211                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1212                                                </svg>
1213                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1214                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1215                                                </svg>
1216                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1217                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1218                                                </svg>
1219                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1220                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1221                                                </svg>
1222                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1223                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1224                                                </svg>
1225                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1226                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1227                                    </div>
1228                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1229                                        It&#039;s really user friendly - I&#039;m just an idiot.
1230                                    </blockquote>
1231                                </div>
1232                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1233                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/obscurella.jpeg" alt="Obscurella Avatar">
1234                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1235                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/obscurella" target="_blank">Obscurella</a>
1236                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1237                                    </div>
1238                                </figcaption>
1239                            </figure>
1240                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1241                                <div>
1242                                    <div class="flex items-center justify-between">
1243                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1244                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1245                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1246                                                </svg>
1247                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1248                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1249                                                </svg>
1250                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1251                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1252                                                </svg>
1253                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1254                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1255                                                </svg>
1256                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1257                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1258                                                </svg>
1259                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1260                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1261                                    </div>
1262                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1263                                        Big number make brain feel good
1264                                    </blockquote>
1265                                </div>
1266                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1267                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/nspradley.png" alt="Nspradley Avatar">
1268                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1269                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/nspradley" target="_blank">Nspradley</a>
1270                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1271                                    </div>
1272                                </figcaption>
1273                            </figure>
1274                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1275                                <div>
1276                                    <div class="flex items-center justify-between">
1277                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1278                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1279                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1280                                                </svg>
1281                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1282                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1283                                                </svg>
1284                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1285                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1286                                                </svg>
1287                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1288                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1289                                                </svg>
1290                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1291                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1292                                                </svg>
1293                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1294                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1295                                    </div>
1296                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1297                                        Very cool app and useful as hell. I&#039;m close to a bunch of commendations I wasn&#039;t aware of. Looks like I have work to do tonight!
1298                                    </blockquote>
1299                                </div>
1300                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1301                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/stormageddon718.webp" alt="Stormageddon718 Avatar">
1302                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1303                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Stormageddon718</span>
1304                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1305                                    </div>
1306                                </figcaption>
1307                            </figure>
1308                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1309                                <div>
1310                                    <div class="flex items-center justify-between">
1311                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1312                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1313                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1314                                                </svg>
1315                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1316                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1317                                                </svg>
1318                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1319                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1320                                                </svg>
1321                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1322                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1323                                                </svg>
1324                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1325                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1326                                                </svg>
1327                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1328                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1329                                    </div>
1330                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1331                                        I’m in. You have no idea how much I needed this .. I can now continue my journey to 100%
1332                                    </blockquote>
1333                                </div>
1334                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1335                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/idOvObi.png" alt="idOvObi Avatar">
1336                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1337                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">idOvObi</span>
1338                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1339                                    </div>
1340                                </figcaption>
1341                            </figure>
1342                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1343                                <div>
1344                                    <div class="flex items-center justify-between">
1345                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1346                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1347                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1348                                                </svg>
1349                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1350                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1351                                                </svg>
1352                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1353                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1354                                                </svg>
1355                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1356                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1357                                                </svg>
1358                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1359                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1360                                                </svg>
1361                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1362                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1363                                    </div>
1364                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1365                                        Very cool! My crew and I fell out of Sea of Thieves last year but this makes we want to jump back in.
1366                                    </blockquote>
1367                                </div>
1368                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1369                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1370                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1371                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1372                                            </svg>
1373                                        </span>
1374                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1375                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1376                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1377                                    </div>
1378                                </figcaption>
1379                            </figure>
1380                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1381                                <div>
1382                                    <div class="flex items-center justify-between">
1383                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1384                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1385                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1386                                                </svg>
1387                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1388                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1389                                                </svg>
1390                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1391                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1392                                                </svg>
1393                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1394                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1395                                                </svg>
1396                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1397                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1398                                                </svg>
1399                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1400                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1401                                    </div>
1402                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1403                                        I love this, wanted something like this for so long. Thank you!!
1404                                    </blockquote>
1405                                </div>
1406                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1407                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1408                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1409                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1410                                            </svg>
1411                                        </span>
1412                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1413                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1414                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1415                                    </div>
1416                                </figcaption>
1417                            </figure>
1418                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1419                                <div>
1420                                    <div class="flex items-center justify-between">
1421                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1422                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1423                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1424                                                </svg>
1425                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1426                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1427                                                </svg>
1428                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1429                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1430                                                </svg>
1431                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1432                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1433                                                </svg>
1434                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1435                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1436                                                </svg>
1437                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1438                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1439                                    </div>
1440                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1441                                        We love NumberGoUp!
1442                                    </blockquote>
1443                                </div>
1444                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1445                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1446                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1447                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1448                                            </svg>
1449                                        </span>
1450                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1451                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1452                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1453                                    </div>
1454                                </figcaption>
1455                            </figure>
1456                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1457                                <div>
1458                                    <div class="flex items-center justify-between">
1459                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1460                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1461                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1462                                                </svg>
1463                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1464                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1465                                                </svg>
1466                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1467                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1468                                                </svg>
1469                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1470                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1471                                                </svg>
1472                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1473                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1474                                                </svg>
1475                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1476                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1477                                    </div>
1478                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1479                                        I have just finished every commendation for Sea of Thieves thanks to Number Go Up
1480                                    </blockquote>
1481                                </div>
1482                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1483                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/itzmino.png" alt="ItzMino Avatar">
1484                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1485                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/ItzMino" target="_blank">ItzMino</a>
1486                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1487                                    </div>
1488                                </figcaption>
1489                            </figure>
1490                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1491                                <div>
1492                                    <div class="flex items-center justify-between">
1493                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1494                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1495                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1496                                                </svg>
1497                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1498                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1499                                                </svg>
1500                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1501                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1502                                                </svg>
1503                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1504                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1505                                                </svg>
1506                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1507                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1508                                                </svg>
1509                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1510                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1511                                    </div>
1512                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1513                                        Pretty fu*king cool
1514                                    </blockquote>
1515                                </div>
1516                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1517                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/truedits.png" alt="TruEdits Avatar">
1518                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1519                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/TruEdits" target="_blank">TruEdits</a>
1520                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1521                                    </div>
1522                                </figcaption>
1523                            </figure>
1524                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1525                                <div>
1526                                    <div class="flex items-center justify-between">
1527                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1528                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1529                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1530                                                </svg>
1531                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1532                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1533                                                </svg>
1534                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1535                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1536                                                </svg>
1537                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1538                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1539                                                </svg>
1540                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1541                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1542                                                </svg>
1543                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1544                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1545                                    </div>
1546                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1547                                        Thanks to Number Go Up, when I stole a hoard of pristine meg teeth I was able to see which of my friends still needed them for the commendation
1548                                    </blockquote>
1549                                </div>
1550                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1551                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/sn0wycat.png" alt="Sn0wyCat Avatar">
1552                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1553                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/Sn0wyCat" target="_blank">Sn0wyCat</a>
1554                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1555                                    </div>
1556                                </figcaption>
1557                            </figure>
1558                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1559                                <div>
1560                                    <div class="flex items-center justify-between">
1561                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1562                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1563                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1564                                                </svg>
1565                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1566                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1567                                                </svg>
1568                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1569                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1570                                                </svg>
1571                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1572                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1573                                                </svg>
1574                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1575                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1576                                                </svg>
1577                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1578                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1579                                    </div>
1580                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1581                                        I have a lot of work to do but this is cool
1582                                    </blockquote>
1583                                </div>
1584                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1585                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/scully.png" alt="Scully Avatar">
1586                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1587                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Scully</span>
1588                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1589                                    </div>
1590                                </figcaption>
1591                            </figure>
1592                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1593                                <div>
1594                                    <div class="flex items-center justify-between">
1595                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1596                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1597                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1598                                                </svg>
1599                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1600                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1601                                                </svg>
1602                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1603                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1604                                                </svg>
1605                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1606                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1607                                                </svg>
1608                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1609                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1610                                                </svg>
1611                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1612                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1613                                    </div>
1614                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1615                                        It&#039;s really user friendly - I&#039;m just an idiot.
1616                                    </blockquote>
1617                                </div>
1618                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1619                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/obscurella.jpeg" alt="Obscurella Avatar">
1620                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1621                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/obscurella" target="_blank">Obscurella</a>
1622                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1623                                    </div>
1624                                </figcaption>
1625                            </figure>
1626                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1627                                <div>
1628                                    <div class="flex items-center justify-between">
1629                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1630                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1631                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1632                                                </svg>
1633                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1634                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1635                                                </svg>
1636                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1637                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1638                                                </svg>
1639                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1640                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1641                                                </svg>
1642                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1643                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1644                                                </svg>
1645                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1646                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1647                                    </div>
1648                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1649                                        Big number make brain feel good
1650                                    </blockquote>
1651                                </div>
1652                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1653                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/nspradley.png" alt="Nspradley Avatar">
1654                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1655                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/nspradley" target="_blank">Nspradley</a>
1656                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1657                                    </div>
1658                                </figcaption>
1659                            </figure>
1660                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1661                                <div>
1662                                    <div class="flex items-center justify-between">
1663                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1664                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1665                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1666                                                </svg>
1667                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1668                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1669                                                </svg>
1670                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1671                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1672                                                </svg>
1673                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1674                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1675                                                </svg>
1676                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1677                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1678                                                </svg>
1679                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1680                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1681                                    </div>
1682                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1683                                        Very cool app and useful as hell. I&#039;m close to a bunch of commendations I wasn&#039;t aware of. Looks like I have work to do tonight!
1684                                    </blockquote>
1685                                </div>
1686                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1687                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/stormageddon718.webp" alt="Stormageddon718 Avatar">
1688                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1689                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Stormageddon718</span>
1690                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1691                                    </div>
1692                                </figcaption>
1693                            </figure>
1694                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1695                                <div>
1696                                    <div class="flex items-center justify-between">
1697                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1698                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1699                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1700                                                </svg>
1701                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1702                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1703                                                </svg>
1704                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1705                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1706                                                </svg>
1707                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1708                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1709                                                </svg>
1710                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1711                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1712                                                </svg>
1713                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1714                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1715                                    </div>
1716                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1717                                        I’m in. You have no idea how much I needed this .. I can now continue my journey to 100%
1718                                    </blockquote>
1719                                </div>
1720                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1721                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/idOvObi.png" alt="idOvObi Avatar">
1722                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1723                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">idOvObi</span>
1724                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1725                                    </div>
1726                                </figcaption>
1727                            </figure>
1728                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1729                                <div>
1730                                    <div class="flex items-center justify-between">
1731                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1732                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1733                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1734                                                </svg>
1735                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1736                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1737                                                </svg>
1738                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1739                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1740                                                </svg>
1741                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1742                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1743                                                </svg>
1744                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1745                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1746                                                </svg>
1747                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1748                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1749                                    </div>
1750                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1751                                        Very cool! My crew and I fell out of Sea of Thieves last year but this makes we want to jump back in.
1752                                    </blockquote>
1753                                </div>
1754                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1755                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1756                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1757                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1758                                            </svg>
1759                                        </span>
1760                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1761                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1762                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1763                                    </div>
1764                                </figcaption>
1765                            </figure>
1766                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1767                                <div>
1768                                    <div class="flex items-center justify-between">
1769                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1770                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1771                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1772                                                </svg>
1773                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1774                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1775                                                </svg>
1776                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1777                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1778                                                </svg>
1779                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1780                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1781                                                </svg>
1782                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1783                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1784                                                </svg>
1785                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1786                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1787                                    </div>
1788                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1789                                        I love this, wanted something like this for so long. Thank you!!
1790                                    </blockquote>
1791                                </div>
1792                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1793                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1794                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1795                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1796                                            </svg>
1797                                        </span>
1798                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1799                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1800                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1801                                    </div>
1802                                </figcaption>
1803                            </figure>
1804                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1805                                <div>
1806                                    <div class="flex items-center justify-between">
1807                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1808                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1809                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1810                                                </svg>
1811                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1812                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1813                                                </svg>
1814                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1815                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1816                                                </svg>
1817                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1818                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1819                                                </svg>
1820                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1821                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1822                                                </svg>
1823                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1824                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1825                                    </div>
1826                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1827                                        We love NumberGoUp!
1828                                    </blockquote>
1829                                </div>
1830                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1831                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1832                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1833                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1834                                            </svg>
1835                                        </span>
1836                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1837                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1838                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1839                                    </div>
1840                                </figcaption>
1841                            </figure>
1842                        <!--[if ENDBLOCK]><![endif]-->                    </div>
1843                                    <div class="flex w-max gap-5 marquee-track group-hover:[animation-play-state:paused] motion-reduce:animate-none [animation-direction:reverse]"
1844                         style="--marquee-duration: 64s">
1845                        <!--[if BLOCK]><![endif]-->                            <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1846                                <div>
1847                                    <div class="flex items-center justify-between">
1848                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1849                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1850                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1851                                                </svg>
1852                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1853                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1854                                                </svg>
1855                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1856                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1857                                                </svg>
1858                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1859                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1860                                                </svg>
1861                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1862                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1863                                                </svg>
1864                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1865                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1866                                    </div>
1867                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1868                                        We love NumberGoUp!
1869                                    </blockquote>
1870                                </div>
1871                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1872                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1873                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1874                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1875                                            </svg>
1876                                        </span>
1877                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1878                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1879                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1880                                    </div>
1881                                </figcaption>
1882                            </figure>
1883                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1884                                <div>
1885                                    <div class="flex items-center justify-between">
1886                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1887                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1888                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1889                                                </svg>
1890                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1891                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1892                                                </svg>
1893                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1894                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1895                                                </svg>
1896                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1897                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1898                                                </svg>
1899                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1900                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1901                                                </svg>
1902                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1903                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1904                                    </div>
1905                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1906                                        I love this, wanted something like this for so long. Thank you!!
1907                                    </blockquote>
1908                                </div>
1909                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1910                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1911                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1912                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1913                                            </svg>
1914                                        </span>
1915                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1916                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1917                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1918                                    </div>
1919                                </figcaption>
1920                            </figure>
1921                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1922                                <div>
1923                                    <div class="flex items-center justify-between">
1924                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1925                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1926                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1927                                                </svg>
1928                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1929                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1930                                                </svg>
1931                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1932                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1933                                                </svg>
1934                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1935                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1936                                                </svg>
1937                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1938                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1939                                                </svg>
1940                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1941                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1942                                    </div>
1943                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1944                                        Very cool! My crew and I fell out of Sea of Thieves last year but this makes we want to jump back in.
1945                                    </blockquote>
1946                                </div>
1947                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1948                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
1949                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1950                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
1951                                            </svg>
1952                                        </span>
1953                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1954                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
1955                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1956                                    </div>
1957                                </figcaption>
1958                            </figure>
1959                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1960                                <div>
1961                                    <div class="flex items-center justify-between">
1962                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1963                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1964                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1965                                                </svg>
1966                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1967                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1968                                                </svg>
1969                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1970                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1971                                                </svg>
1972                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1973                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1974                                                </svg>
1975                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1976                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1977                                                </svg>
1978                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
1979                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
1980                                    </div>
1981                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
1982                                        I’m in. You have no idea how much I needed this .. I can now continue my journey to 100%
1983                                    </blockquote>
1984                                </div>
1985                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
1986                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/idOvObi.png" alt="idOvObi Avatar">
1987                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
1988                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">idOvObi</span>
1989                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
1990                                    </div>
1991                                </figcaption>
1992                            </figure>
1993                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
1994                                <div>
1995                                    <div class="flex items-center justify-between">
1996                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
1997                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
1998                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
1999                                                </svg>
2000                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2001                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2002                                                </svg>
2003                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2004                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2005                                                </svg>
2006                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2007                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2008                                                </svg>
2009                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2010                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2011                                                </svg>
2012                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2013                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2014                                    </div>
2015                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2016                                        Very cool app and useful as hell. I&#039;m close to a bunch of commendations I wasn&#039;t aware of. Looks like I have work to do tonight!
2017                                    </blockquote>
2018                                </div>
2019                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2020                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/stormageddon718.webp" alt="Stormageddon718 Avatar">
2021                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2022                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Stormageddon718</span>
2023                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2024                                    </div>
2025                                </figcaption>
2026                            </figure>
2027                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2028                                <div>
2029                                    <div class="flex items-center justify-between">
2030                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2031                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2032                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2033                                                </svg>
2034                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2035                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2036                                                </svg>
2037                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2038                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2039                                                </svg>
2040                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2041                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2042                                                </svg>
2043                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2044                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2045                                                </svg>
2046                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2047                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2048                                    </div>
2049                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2050                                        Big number make brain feel good
2051                                    </blockquote>
2052                                </div>
2053                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2054                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/nspradley.png" alt="Nspradley Avatar">
2055                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2056                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/nspradley" target="_blank">Nspradley</a>
2057                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2058                                    </div>
2059                                </figcaption>
2060                            </figure>
2061                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2062                                <div>
2063                                    <div class="flex items-center justify-between">
2064                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2065                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2066                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2067                                                </svg>
2068                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2069                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2070                                                </svg>
2071                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2072                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2073                                                </svg>
2074                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2075                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2076                                                </svg>
2077                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2078                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2079                                                </svg>
2080                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2081                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2082                                    </div>
2083                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2084                                        It&#039;s really user friendly - I&#039;m just an idiot.
2085                                    </blockquote>
2086                                </div>
2087                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2088                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/obscurella.jpeg" alt="Obscurella Avatar">
2089                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2090                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/obscurella" target="_blank">Obscurella</a>
2091                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2092                                    </div>
2093                                </figcaption>
2094                            </figure>
2095                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2096                                <div>
2097                                    <div class="flex items-center justify-between">
2098                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2099                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2100                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2101                                                </svg>
2102                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2103                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2104                                                </svg>
2105                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2106                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2107                                                </svg>
2108                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2109                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2110                                                </svg>
2111                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2112                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2113                                                </svg>
2114                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2115                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2116                                    </div>
2117                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2118                                        I have a lot of work to do but this is cool
2119                                    </blockquote>
2120                                </div>
2121                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2122                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/scully.png" alt="Scully Avatar">
2123                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2124                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Scully</span>
2125                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2126                                    </div>
2127                                </figcaption>
2128                            </figure>
2129                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2130                                <div>
2131                                    <div class="flex items-center justify-between">
2132                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2133                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2134                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2135                                                </svg>
2136                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2137                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2138                                                </svg>
2139                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2140                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2141                                                </svg>
2142                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2143                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2144                                                </svg>
2145                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2146                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2147                                                </svg>
2148                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2149                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2150                                    </div>
2151                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2152                                        Thanks to Number Go Up, when I stole a hoard of pristine meg teeth I was able to see which of my friends still needed them for the commendation
2153                                    </blockquote>
2154                                </div>
2155                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2156                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/sn0wycat.png" alt="Sn0wyCat Avatar">
2157                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2158                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/Sn0wyCat" target="_blank">Sn0wyCat</a>
2159                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2160                                    </div>
2161                                </figcaption>
2162                            </figure>
2163                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2164                                <div>
2165                                    <div class="flex items-center justify-between">
2166                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2167                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2168                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2169                                                </svg>
2170                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2171                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2172                                                </svg>
2173                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2174                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2175                                                </svg>
2176                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2177                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2178                                                </svg>
2179                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2180                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2181                                                </svg>
2182                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2183                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2184                                    </div>
2185                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2186                                        Pretty fu*king cool
2187                                    </blockquote>
2188                                </div>
2189                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2190                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/truedits.png" alt="TruEdits Avatar">
2191                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2192                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/TruEdits" target="_blank">TruEdits</a>
2193                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2194                                    </div>
2195                                </figcaption>
2196                            </figure>
2197                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2198                                <div>
2199                                    <div class="flex items-center justify-between">
2200                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2201                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2202                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2203                                                </svg>
2204                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2205                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2206                                                </svg>
2207                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2208                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2209                                                </svg>
2210                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2211                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2212                                                </svg>
2213                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2214                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2215                                                </svg>
2216                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2217                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2218                                    </div>
2219                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2220                                        I have just finished every commendation for Sea of Thieves thanks to Number Go Up
2221                                    </blockquote>
2222                                </div>
2223                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2224                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/itzmino.png" alt="ItzMino Avatar">
2225                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2226                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/ItzMino" target="_blank">ItzMino</a>
2227                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2228                                    </div>
2229                                </figcaption>
2230                            </figure>
2231                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2232                                <div>
2233                                    <div class="flex items-center justify-between">
2234                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2235                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2236                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2237                                                </svg>
2238                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2239                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2240                                                </svg>
2241                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2242                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2243                                                </svg>
2244                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2245                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2246                                                </svg>
2247                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2248                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2249                                                </svg>
2250                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2251                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2252                                    </div>
2253                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2254                                        We love NumberGoUp!
2255                                    </blockquote>
2256                                </div>
2257                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2258                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
2259                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2260                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
2261                                            </svg>
2262                                        </span>
2263                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2264                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
2265                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2266                                    </div>
2267                                </figcaption>
2268                            </figure>
2269                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2270                                <div>
2271                                    <div class="flex items-center justify-between">
2272                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2273                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2274                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2275                                                </svg>
2276                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2277                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2278                                                </svg>
2279                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2280                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2281                                                </svg>
2282                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2283                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2284                                                </svg>
2285                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2286                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2287                                                </svg>
2288                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2289                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2290                                    </div>
2291                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2292                                        I love this, wanted something like this for so long. Thank you!!
2293                                    </blockquote>
2294                                </div>
2295                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2296                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
2297                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2298                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
2299                                            </svg>
2300                                        </span>
2301                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2302                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
2303                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2304                                    </div>
2305                                </figcaption>
2306                            </figure>
2307                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2308                                <div>
2309                                    <div class="flex items-center justify-between">
2310                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2311                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2312                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2313                                                </svg>
2314                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2315                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2316                                                </svg>
2317                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2318                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2319                                                </svg>
2320                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2321                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2322                                                </svg>
2323                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2324                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2325                                                </svg>
2326                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2327                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2328                                    </div>
2329                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2330                                        Very cool! My crew and I fell out of Sea of Thieves last year but this makes we want to jump back in.
2331                                    </blockquote>
2332                                </div>
2333                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2334                                    <!--[if BLOCK]><![endif]-->                                        <span class="flex size-10 items-center justify-center rounded-full bg-abyss-900 ring-1 ring-gold-500/30 text-seafoam-200/60" aria-hidden="true">
2335                                            <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2336                                                <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
2337                                            </svg>
2338                                        </span>
2339                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2340                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200/70 italic">Anonymous pirate</span>
2341                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2342                                    </div>
2343                                </figcaption>
2344                            </figure>
2345                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2346                                <div>
2347                                    <div class="flex items-center justify-between">
2348                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2349                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2350                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2351                                                </svg>
2352                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2353                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2354                                                </svg>
2355                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2356                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2357                                                </svg>
2358                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2359                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2360                                                </svg>
2361                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2362                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2363                                                </svg>
2364                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2365                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2366                                    </div>
2367                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2368                                        I’m in. You have no idea how much I needed this .. I can now continue my journey to 100%
2369                                    </blockquote>
2370                                </div>
2371                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2372                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/idOvObi.png" alt="idOvObi Avatar">
2373                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2374                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">idOvObi</span>
2375                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2376                                    </div>
2377                                </figcaption>
2378                            </figure>
2379                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2380                                <div>
2381                                    <div class="flex items-center justify-between">
2382                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2383                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2384                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2385                                                </svg>
2386                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2387                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2388                                                </svg>
2389                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2390                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2391                                                </svg>
2392                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2393                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2394                                                </svg>
2395                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2396                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2397                                                </svg>
2398                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2399                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2400                                    </div>
2401                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2402                                        Very cool app and useful as hell. I&#039;m close to a bunch of commendations I wasn&#039;t aware of. Looks like I have work to do tonight!
2403                                    </blockquote>
2404                                </div>
2405                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2406                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/stormageddon718.webp" alt="Stormageddon718 Avatar">
2407                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2408                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Stormageddon718</span>
2409                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2410                                    </div>
2411                                </figcaption>
2412                            </figure>
2413                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2414                                <div>
2415                                    <div class="flex items-center justify-between">
2416                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2417                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2418                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2419                                                </svg>
2420                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2421                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2422                                                </svg>
2423                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2424                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2425                                                </svg>
2426                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2427                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2428                                                </svg>
2429                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2430                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2431                                                </svg>
2432                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2433                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2434                                    </div>
2435                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2436                                        Big number make brain feel good
2437                                    </blockquote>
2438                                </div>
2439                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2440                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/nspradley.png" alt="Nspradley Avatar">
2441                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2442                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/nspradley" target="_blank">Nspradley</a>
2443                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2444                                    </div>
2445                                </figcaption>
2446                            </figure>
2447                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2448                                <div>
2449                                    <div class="flex items-center justify-between">
2450                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2451                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2452                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2453                                                </svg>
2454                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2455                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2456                                                </svg>
2457                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2458                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2459                                                </svg>
2460                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2461                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2462                                                </svg>
2463                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2464                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2465                                                </svg>
2466                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2467                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2468                                    </div>
2469                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2470                                        It&#039;s really user friendly - I&#039;m just an idiot.
2471                                    </blockquote>
2472                                </div>
2473                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2474                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/obscurella.jpeg" alt="Obscurella Avatar">
2475                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2476                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/obscurella" target="_blank">Obscurella</a>
2477                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2478                                    </div>
2479                                </figcaption>
2480                            </figure>
2481                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2482                                <div>
2483                                    <div class="flex items-center justify-between">
2484                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2485                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2486                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2487                                                </svg>
2488                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2489                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2490                                                </svg>
2491                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2492                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2493                                                </svg>
2494                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2495                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2496                                                </svg>
2497                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2498                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2499                                                </svg>
2500                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2501                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2502                                    </div>
2503                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2504                                        I have a lot of work to do but this is cool
2505                                    </blockquote>
2506                                </div>
2507                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2508                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/scully.png" alt="Scully Avatar">
2509                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2510                                        <!--[if BLOCK]><![endif]-->                                            <span class="font-semibold text-seafoam-200">Scully</span>
2511                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2512                                    </div>
2513                                </figcaption>
2514                            </figure>
2515                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2516                                <div>
2517                                    <div class="flex items-center justify-between">
2518                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2519                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2520                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2521                                                </svg>
2522                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2523                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2524                                                </svg>
2525                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2526                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2527                                                </svg>
2528                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2529                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2530                                                </svg>
2531                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2532                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2533                                                </svg>
2534                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2535                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2536                                    </div>
2537                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2538                                        Thanks to Number Go Up, when I stole a hoard of pristine meg teeth I was able to see which of my friends still needed them for the commendation
2539                                    </blockquote>
2540                                </div>
2541                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2542                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/sn0wycat.png" alt="Sn0wyCat Avatar">
2543                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2544                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/Sn0wyCat" target="_blank">Sn0wyCat</a>
2545                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2546                                    </div>
2547                                </figcaption>
2548                            </figure>
2549                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2550                                <div>
2551                                    <div class="flex items-center justify-between">
2552                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2553                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2554                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2555                                                </svg>
2556                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2557                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2558                                                </svg>
2559                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2560                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2561                                                </svg>
2562                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2563                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2564                                                </svg>
2565                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2566                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2567                                                </svg>
2568                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2569                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2570                                    </div>
2571                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2572                                        Pretty fu*king cool
2573                                    </blockquote>
2574                                </div>
2575                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2576                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/truedits.png" alt="TruEdits Avatar">
2577                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2578                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/TruEdits" target="_blank">TruEdits</a>
2579                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2580                                    </div>
2581                                </figcaption>
2582                            </figure>
2583                                                    <figure class="w-[20rem] shrink-0 flex flex-col justify-between rounded-2xl bg-gradient-to-b from-abyss-800/90 to-abyss-850/90 border border-abyss-600/60 hover:border-gold-500/50 p-6 shadow-lg shadow-black/20 backdrop-blur-sm transition-colors duration-300">
2584                                <div>
2585                                    <div class="flex items-center justify-between">
2586                                        <div class="flex gap-x-0.5 text-gold-400" aria-label="5 out of 5">
2587                                            <!--[if BLOCK]><![endif]-->                                                <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2588                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2589                                                </svg>
2590                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2591                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2592                                                </svg>
2593                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2594                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2595                                                </svg>
2596                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2597                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2598                                                </svg>
2599                                                                                            <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2600                                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" clip-rule="evenodd" />
2601                                                </svg>
2602                                            <!--[if ENDBLOCK]><![endif]-->                                        </div>
2603                                        <span class="font-display text-5xl leading-none text-gold-400/30 select-none">&rdquo;</span>
2604                                    </div>
2605                                    <blockquote class="mt-4 text-[0.95rem] leading-relaxed text-seafoam-50">
2606                                        I have just finished every commendation for Sea of Thieves thanks to Number Go Up
2607                                    </blockquote>
2608                                </div>
2609                                <figcaption class="mt-6 flex items-center gap-x-3 border-t border-abyss-600/50 pt-4">
2610                                    <!--[if BLOCK]><![endif]-->                                        <img class="size-10 rounded-full bg-abyss-900 ring-1 ring-gold-500/30" src="https://numbergoup.gg/img/marketing/testimonials/itzmino.png" alt="ItzMino Avatar">
2611                                    <!--[if ENDBLOCK]><![endif]-->                                    <div class="leading-tight">
2612                                        <!--[if BLOCK]><![endif]-->                                            <a class="font-semibold text-seafoam-200 hover:text-gold-200 transition-colors" href="https://www.twitch.tv/ItzMino" target="_blank">ItzMino</a>
2613                                        <!--[if ENDBLOCK]><![endif]-->                                        <p class="text-xs text-seafoam-200/50">Sea of Thieves pirate</p>
2614                                    </div>
2615                                </figcaption>
2616                            </figure>
2617                        <!--[if ENDBLOCK]><![endif]-->                    </div>
2618                <!--[if ENDBLOCK]><![endif]-->            </div>
2619        </div>
2620    </section>
2621
2622    
2623    <section class="bg-abyss-950 py-20 lg:py-28 px-5">
2624        <div class="max-w-6xl mx-auto">
2625            <div class="flex flex-col lg:flex-row items-center gap-x-20 gap-y-12">
2626                <div class="lg:w-1/2 w-full">
2627                    <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-400 text-center lg:text-left">The Spoils</p>
2628                    <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-center lg:text-left text-gold-100">Know what you're chasing</h2>
2629                    <p class="mt-6 text-lg lg:text-xl text-center lg:text-left text-seafoam-200/80">
2630                        Preview the exact cosmetic, title, or reward locked behind every commendation — so you never grind blind again.
2631                    </p>
2632                    <img class="mt-10 rounded-xl border border-parchment-300 shadow-lg hidden"
2633                         src="https://numbergoup.gg/img/marketing/rewards-lightbox-light.png"
2634                         alt="Number Go Up Reward Viewer"/>
2635                    <img class="mt-10 rounded-xl border border-abyss-600/80 shadow-2xl shadow-black/30 inline ring-1 ring-gold-500/10"
2636                         src="https://numbergoup.gg/img/marketing/rewards-lightbox-dark.png"
2637                         alt="Number Go Up Reward Viewer"/>
2638                </div>
2639
2640                <div class="lg:w-1/2 w-full flex items-center justify-center">
2641                    <div class="relative">
2642                        <div class="pointer-events-none absolute inset-0 -z-10 rounded-full bg-seafoam-500/20 blur-3xl"></div>
2643                        <img
2644                            class="size-80 lg:size-96 rounded-2xl mx-auto drop-shadow-2xl"
2645                            src="https://numbergoup.gg/img/marketing/shores-of-gold-curse.png"
2646                            alt="Fate of Fortune Sails"/>
2647                    </div>
2648                </div>
2649            </div>
2650        </div>
2651    </section>
2652
2653    
2654    <section class="relative bg-abyss-900 border-y border-gold-500/15 py-20 lg:py-28 px-5 overflow-hidden">
2655        <div class="absolute inset-0 map-grain opacity-40"></div>
2656        <div class="relative max-w-6xl mx-auto">
2657            <div class="flex flex-col gap-y-10">
2658                <div class="w-full text-center text-white">
2659                    <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-300">Live on Stream</p>
2660                    <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-gold-100">Made for streamers</h2>
2661                    <p class="mt-6 text-lg lg:text-xl text-seafoam-100/80">
2662                        Pipe your progress straight into your broadcast and let chat ride along for every unlock.
2663                    </p>
2664                </div>
2665                <div class="mt-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
2666                    <a class="group relative rounded-2xl overflow-hidden border border-abyss-600/70 hover:border-gold-500/50 hover:-translate-y-1 transition-all duration-300"
2667                       href="https://numbergoup.gg/tools/twitch-chatbot">
2668                        <div class="relative aspect-[16/9] overflow-hidden bg-abyss-900">
2669                            <div class="absolute inset-0 map-grain opacity-60"></div>
2670                            <div class="absolute inset-0 flex items-center justify-center">
2671                                <div class="pointer-events-none absolute size-40 rounded-full bg-seafoam-500/20 blur-3xl"></div>
2672                                <svg class="relative size-20 text-gold-300/80 transition-transform duration-500 group-hover:scale-110" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2673  <path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.
2673036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd" />
2674</svg>                            </div>
2675                            <span class="absolute top-3 right-3 rounded-full bg-seafoam-500 px-2.5 py-0.5 text-xs font-bold uppercase tracking-wide text-white shadow-sm">New</span>
2676                        </div>
2677                        <div class="absolute bg-gradient-to-t from-abyss-950 via-abyss-950/70 to-transparent text-white bottom-0 w-full flex flex-col p-5">
2678                            <p class="text-base lg:text-lg font-display tracking-wide text-gold-100">Twitch Chatbot</p>
2679                            <p class="mt-1 text-xs lg:text-sm max-w-prose text-seafoam-100/80">Add an
2680                                <strong class="text-seafoam-300">AI-powered</strong> chatbot to your channel that shares commendation status and answers your viewers' Sea of Thieves questions.</p>
2681                        </div>
2682                    </a>
2683
2684                    <a class="group relative rounded-2xl overflow-hidden border border-abyss-600/70 hover:border-gold-500/50 hover:-translate-y-1 transition-all duration-300"
2685                       href="https://numbergoup.gg/tools/commendation-tracker">
2686                        <div class="relative aspect-[16/9] overflow-hidden bg-abyss-900">
2687                            <div class="relative overflow-hidden bg-abyss-950 size-full transition-transform duration-500 group-hover:scale-105">
2688    
2689    <div class="absolute inset-0 map-grain opacity-40"></div>
2690    <div class="absolute inset-0 bg-gradient-to-br from-abyss-900 via-abyss-950 to-black"></div>
2691
2692    
2693    
2694    <div class="absolute inset-0 flex justify-center p-6 items-start">
2695        <div class="@container flex w-full max-w-[20rem] flex-col gap-y-5 text-white">
2696            <!--[if BLOCK]><![endif]-->                <div class="flex items-center gap-x-2.5">
2697                    <img class="size-9 shrink-0 @[20rem]:size-11" src="https://numbergoup.gg/img/games/sea-of-thieves/commendations/guardians-of-fortune/athena-strike.png"
2698                         alt="Athena&#039;s Strike Commendation Icon"/>
2699                    <div class="flex flex-1 flex-col">
2700                        <p class="flex items-center justify-between gap-x-4">
2701                            <span class="text-sm font-medium @[20rem]:text-base">Athena&#039;s Strike</span>
2702                            <span class="whitespace-nowrap text-xs @[20rem]:text-sm">23 / 30</span>
2703                        </p>
2704                        <div class="relative mt-1 w-full">
2705                            <progress class="w-full rounded" min="0" max="100" value="76">76</progress>
2706                            <span class="absolute top-1/2 mt-1 text-xs font-bold text-white @[20rem]:text-sm"
2707                                  style="left: 54%; transform: translateY(-50%)">76%</span>
2708                        </div>
2709                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>
2710                </div>
2711            <!--[if ENDBLOCK]><![endif]-->
2712            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
2713    </div>
2714</div>
2715                        </div>
2716                        <div class="absolute bg-gradient-to-t from-abyss-950 via-abyss-950/70 to-transparent text-white bottom-0 w-full flex flex-col p-5">
2717                            <p class="text-base lg:text-lg font-display tracking-wide text-gold-100">Commendation Tracker</p>
2718                            <p class="mt-1 text-xs lg:text-sm max-w-prose text-seafoam-100/80">Pipe your hand-picked commendations onto your stream through an
2719                                <strong class="text-seafoam-300">OBS</strong> or <strong class="text-seafoam-300">Stream Elements</strong> browser source.</p>
2720                        </div>
2721                    </a>
2722
2723                    <a class="group relative rounded-2xl overflow-hidden border border-abyss-600/70 hover:border-gold-500/50 hover:-translate-y-1 transition-all duration-300"
2724                       href="https://numbergoup.gg/tools/twitch-panel">
2725                        <div class="relative aspect-[16/9] overflow-hidden bg-abyss-900">
2726                            <img class="size-full object-cover transition-transform duration-500 group-hover:scale-105"
2727                                 src="https://numbergoup.gg/img/marketing/twitch-panel.png"
2728                                 alt="Twitch Panel Screenshot"/>
2729                        </div>
2730                        <div class="absolute bg-gradient-to-t from-abyss-950 via-abyss-950/70 to-transparent text-white bottom-0 w-full flex flex-col p-5">
2731                            <p class="text-base lg:text-lg font-display tracking-wide text-gold-100">Twitch Panel</p>
2732                            <p class="mt-1 text-xs lg:text-sm max-w-prose text-seafoam-100/80">
2732Showcase your commendation levels right in your
2733                                <strong class="text-seafoam-300">Twitch</strong> About section.</p>
2734                        </div>
2735                    </a>
2736                </div>
2737            </div>
2738        </div>
2739    </section>
2740
2741    
2742    <section id="faq" class="relative scroll-mt-24 bg-abyss-950 py-20 lg:py-28 px-5 overflow-hidden">
2743        <div class="absolute inset-0 map-grain opacity-40"></div>
2744        <div class="relative max-w-3xl mx-auto">
2745            <div class="text-center text-white">
2746                <p class="text-sm font-semibold uppercase tracking-[0.25em] text-gold-300">Questions &amp; Answers</p>
2747                <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-gold-100">Frequently asked</h2>
2748                <p class="mt-6 mx-auto max-w-2xl text-lg lg:text-xl text-seafoam-100/80">
2749                    Everything you might be wondering before you set sail with Number Go Up.
2750                </p>
2751            </div>
2752
2753            <div class="mt-12 flex flex-col gap-y-4">
2754                <!--[if BLOCK]><![endif]-->                    <details wire:key="faq-1" class="group rounded-2xl border border-abyss-600/70 bg-abyss-800/60 shadow-lg shadow-black/20 transition-colors duration-300 hover:border-gold-500/40 open:border-gold-500/40">
2755                        <summary class="flex cursor-pointer list-none items-center justify-between gap-x-4 px-6 py-5 text-left text-base lg:text-lg font-display tracking-wide text-gold-100">
2756                            <span>How do I know my Microsoft Login information is safe?</span>
2757                            <svg class="size-5 shrink-0 text-gold-300 transition-transform duration-200 group-open:rotate-180"
2758                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
2759                                 stroke-width="2" stroke="currentColor">
2760                                <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
2761                            </svg>
2762                        </summary>
2763                        <div class="px-6 pb-6 -mt-1 text-base leading-relaxed text-seafoam-100/85">
2764                            You never share your Microsoft password with us. Signing in uses Microsoft's official login (OAuth), so you authenticate directly with Microsoft and we never see or store your password. The token they pass us is only used to fetch your gamertag and your friends list. We can't post, change, buy, or do anything else on your account, and you can revoke our access at any time from your Microsoft account's security settings.
2765                        </div>
2766                    </details>
2767                                    <details wire:key="faq-2" class="group rounded-2xl border border-abyss-600/70 bg-abyss-800/60 shadow-lg shadow-black/20 transition-colors duration-300 hover:border-gold-500/40 open:border-gold-500/40">
2768                        <summary class="flex cursor-pointer list-none items-center justify-between gap-x-4 px-6 py-5 text-left text-base lg:text-lg font-display tracking-wide text-gold-100">
2769                            <span>How often do my numbers update? / Why aren&#039;t my numbers updating?</span>
2770                            <svg class="size-5 shrink-0 text-gold-300 transition-transform duration-200 group-open:rotate-180"
2771                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
2772                                 stroke-width="2" stroke="currentColor">
2773                                <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
2774                            </svg>
2775                        </summary>
2776                        <div class="px-6 pb-6 -mt-1 text-base leading-relaxed text-seafoam-100/85">
2777                            There's currently no way to automatically sync your data as you play, so you'll need to re-sync whenever you'd like your numbers refreshed. Typically after a session you'd open the mobile app and hit the "refresh" button, or on PC use the browser extension to update your numbers.
2778                        </div>
2779                    </details>
2780                                    <details wire:key="faq-3" class="group rounded-2xl border border-abyss-600/70 bg-abyss-800/60 shadow-lg shadow-black/20 transition-colors duration-300 hover:border-gold-500/40 open:border-gold-500/40">
2781                        <summary class="flex cursor-pointer list-none items-center justify-between gap-x-4 px-6 py-5 text-left text-base lg:text-lg font-display tracking-wide text-gold-100">
2782                            <span>How are people at 100% without having the Shrouded Ghost commendations?</span>
2783                            <svg class="size-5 shrink-0 text-gold-300 transition-transform duration-200 group-open:rotate-180"
2784                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
2785                                 stroke-width="2" stroke="currentColor">
2786                                <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
2787                            </svg>
2788                        </summary>
2789                        <div class="px-6 pb-6 -mt-1 text-base leading-relaxed text-seafoam-100/85">
2790                            The Shrouded Ghost is an incredibly rare (some say mythical) Megalodon, and its commendations are widely treated as effectively unobtainable. So that 100% still means something achievable, we exclude a small set of commendations that are practically impossible to earn, like the Shrouded Ghost, from the completion total. That's why someone can legitimately sit at 100% without them.
2791                        </div>
2792                    </details>
2793                                    <details wire:key="faq-4" class="group rounded-2xl border border-abyss-600/70 bg-abyss-800/60 shadow-lg shadow-black/20 transition-colors duration-300 hover:border-gold-500/40 open:border-gold-500/40">
2794                        <summary class="flex cursor-pointer list-none items-center justify-between gap-x-4 px-6 py-5 text-left text-base lg:text-lg font-display tracking-wide text-gold-100">
2795                            <span>What if I have multiple pirates?</span>
2796                            <svg class="size-5 shrink-0 text-gold-300 transition-transform duration-200 group-open:rotate-180"
2797                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
2798                                 stroke-width="2" stroke="currentColor">
2799                                <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
2800                            </svg>
2801                        </summary>
2802                        <div class="px-6 pb-6 -mt-1 text-base leading-relaxed text-seafoam-100/85">
2803                            If your pirates are under separate Microsoft accounts, you'll need to create a separate Number Go Up account for each one, since each account tracks a single pirate. If you have several pirates under a single Microsoft account, Number Go Up tracks your most recently created pirate by default, and choosing a different default isn't supported yet - but there is a workaround:
2804
2805Sync with the browser extension or the bookmarklet instead: select the pirate you want on the Sea of Thieves site first, then run the sync, and that pirate's data is what gets imported. Full support for switching pirates is planned for a future update.
2806                        </div>
2807                    </details>
2808                                    <details wire:key="faq-5" class="group rounded-2xl border border-abyss-600/70 bg-abyss-800/60 shadow-lg shadow-black/20 transition-colors duration-300 hover:border-gold-500/40 open:border-gold-500/40">
2809                        <summary class="flex cursor-pointer list-none items-center justify-between gap-x-4 px-6 py-5 text-left text-base lg:text-lg font-display tracking-wide text-gold-100">
2810                            <span>Who/what is Polly?</span>
2811                            <svg class="size-5 shrink-0 text-gold-300 transition-transform duration-200 group-open:rotate-180"
2812                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
2813                                 stroke-width="2" stroke="currentColor">
2814                                <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
2815                            </svg>
2816                        </summary>
2817                        <div class="px-6 pb-6 -mt-1 text-base leading-relaxed text-seafoam-100/85">
2818                            Polly is our AI-powered pirate assistant, the floating chat button you'll see once you're signed in. Ask her about commendations and how to earn them, Sea of Thieves lore and Tall Tales, strategies and gold-making tips, or your own progress and what to chase next. If you'd rather sail without her, you can hide the chat button any time from your account settings.
2819                        </div>
2820                    </details>
2821                <!--[if ENDBLOCK]><![endif]-->            </div>
2822        </div>
2823    </section>
2824
2825    
2826    <!--[if BLOCK]><![endif]-->        <section id="download" class="relative scroll-mt-24 bg-abyss-900 border-y border-gold-500/15 py-20 lg:py-28 px-5 overflow-hidden">
2827            <div class="absolute inset-0 -z-10 map-grain opacity-40"></div>
2828            <div class="pointer-events-none absolute left-1/2 top-1/2 -z-10 size-[32rem] -translate-x-1/2 -translate-y-1/2 roun
2828ded-full bg-seafoam-500/10 blur-3xl"></div>
2829
2830            <div class="relative max-w-3xl mx-auto text-center text-white">
2831                <div class="flex justify-center">
2832                    <img src="https://numbergoup.gg/img/logo.png" class="size-16 lg:size-20 drop-shadow-[0_0_25px_rgba(121,193,152,0.25)]" alt="Number Go Up Logo"/>
2833                </div>
2834                <p class="mt-8 text-sm font-semibold uppercase tracking-[0.25em] text-gold-300">Set Sail</p>
2835                <h2 class="mt-4 font-display text-3xl lg:text-5xl tracking-tight text-gold-100">Take your legend with you</h2>
2836                <p class="mt-6 mx-auto max-w-xl text-lg lg:text-xl text-seafoam-100/80">
2837                    Download Number Go Up and keep every commendation, reward, and crew update in your pocket — on deck or on the go.
2838                </p>
2839
2840                <!--[if BLOCK]><![endif]-->    <div class="flex flex-wrap items-center gap-3 justify-center mt-10">
2841        <!--[if BLOCK]><![endif]-->            <a href="https://apps.apple.com/us/app/number-go-up-pirates-log/id6784696493" target="_blank" rel="noopener noreferrer"
2842               class="transition-transform duration-200 hover:-translate-y-0.5">
2843                <img class="h-[56px] w-[156px] object-contain sm:h-[66px] sm:w-[184px]"
2844                     src="https://numbergoup.gg/img/marketing/download-numbergoup-on-the-app-store.webp"
2845                     alt="Download Number Go Up on the App Store"/>
2846            </a>
2847        <!--[if ENDBLOCK]><![endif]-->        <!--[if BLOCK]><![endif]-->            <a href="https://play.google.com/store/apps/details?id=com.hopperlabs.numbergoup" target="_blank" rel="noopener noreferrer"
2848               class="transition-transform duration-200 hover:-translate-y-0.5">
2849                <img class="h-[56px] w-[156px] object-contain sm:h-[66px] sm:w-[184px]"
2850                     src="https://numbergoup.gg/img/marketing/download-numbergoup-in-the-android-play-store.png"
2851                     alt="Get Number Go Up on Google Play"/>
2852            </a>
2853        <!--[if ENDBLOCK]><![endif]-->    </div>
2854<!--[if ENDBLOCK]><![endif]-->            </div>
2855        </section>
2856    <!--[if ENDBLOCK]><![endif]-->
2857    
2858    <!--[if BLOCK]><![endif]-->    <a wire:navigate href="https://numbergoup.gg/release-notes"
2859       x-data="{
2860           show: false,
2861           init() {
2862               const seen = localStorage.getItem('release-notes-seen');
2863               this.show = ! seen || seen < '2026-09-29';
2864           },
2865       }"
2866       x-show="show"
2867       x-cloak
2868       class="fixed bottom-6 left-6 z-40 inline-flex items-center gap-x-2.5 rounded-full border border-gold-400/40 bg-abyss-900/90 px-4 py-2.5 text-sm font-semibold text-gold-100 shadow-lg shadow-black/30 ring-1 ring-inset ring-white/5 backdrop-blur-md transition hover:border-gold-400/70 hover:bg-abyss-800/90 hover:text-gold-50">
2869        <span class="relative flex size-2.5">
2870            <span class="absolute inline-flex size-full animate-ping rounded-full bg-seafoam-400 opacity-75"></span>
2871            <span class="relative inline-flex size-2.5 rounded-full bg-seafoam-400"></span>
2872        </span>
2873        Updates
2874    </a>
2875<!--[if ENDBLOCK]><![endif]--></div>
2876    </main>
2877
2878<footer class="border-t border-abyss-700/60 bg-abyss-900/40">
2879    <div class="container m-auto px-4 py-14 lg:px-8 lg:py-16">
2880        <div class="grid gap-10 lg:grid-cols-[minmax(0,1.6fr)_repeat(3,minmax(0,1fr))] lg:gap-8">
2881            
2882            <div class="max-w-sm">
2883                <a wire:navigate href="https://numbergoup.gg"
2884                   class="flex items-center gap-x-2.5 transition-opacity duration-200 hover:opacity-80">
2885                    <img class="size-8" src="https://numbergoup.gg/img/logo.png" alt="Number Go Up Logo"/>
2886                    <span class="font-display text-xl tracking-tight text-gold-100">Number Go Up</span>
2887                </a>
2888                <p class="mt-4 text-sm leading-6 text-seafoam-300/70">
2889                    Your Sea of Thieves companion. Track your commendations, achievements, chest,
2890                    cosmetics, guilds, fleet, events, and the Smuggler's Market all in one place
2891                    &mdash; and watch the number go up.
2892                </p>
2893                <div class="mt-6">
2894                    <div class="flex flex-wrap items-center gap-3 justify-center lg:justify-start">
2895                    <a href="https://apps.apple.com/us/app/number-go-up-pirates-log/id6784696493" target="_blank" rel="noopener noreferrer"
2896               class="transition-transform duration-200 hover:-translate-y-0.5">
2897                <img class="h-[44px] w-[122px] object-contain"
2898                     src="https://numbergoup.gg/img/marketing/download-numbergoup-on-the-app-store.webp"
2899                     alt="Download Number Go Up on the App Store"/>
2900            </a>
2901                            <a href="https://play.google.com/store/apps/details?id=com.hopperlabs.numbergoup" target="_blank" rel="noopener noreferrer"
2902               class="transition-transform duration-200 hover:-translate-y-0.5">
2903                <img class="h-[44px] w-[122px] object-contain"
2904                     src="https://numbergoup.gg/img/marketing/download-numbergoup-in-the-android-play-store.png"
2905                     alt="Get Number Go Up on Google Play"/>
2906            </a>
2907            </div>
2908                </div>
2909            </div>
2910
2911            
2912            <div>
2913                <p class="text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-seafoam-300/40">Explore</p>
2914                <ul class="mt-4 flex flex-col gap-y-3 text-sm">
2915                    <li><a wire:navigate href="https://numbergoup.gg/cosmetics" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Cosmetics</a></li>
2916                    <li><a wire:navigate href="https://numbergoup.gg/smugglers-market" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Smuggler's Market</a></li>
2917                    <li><a wire:navigate href="https://numbergoup.gg/events" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Events</a></li>
2918                    <li><a wire:navigate href="https://numbergoup.gg/tools" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Tools</a></li>
2919                    <li><a wire:navigate href="https://numbergoup.gg/tools/custom-seas-servers" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Custom Seas</a></li>
2920                </ul>
2921            </div>
2922
2923            
2924            <div>
2925                <p class="text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-seafoam-300/40">Help</p>
2926                <ul class="mt-4 flex flex-col gap-y-3 text-sm">
2927                    <li><a wire:navigate href="https://numbergoup.gg/support" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Support</a></li>
2928                    <li><a wire:navigate href="https://numbergoup.gg/about" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">About</a></li>
2929                    <li><a wire:navigate href="https://numbergoup.gg/release-notes" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Release Notes</a></li>
2930                    <li><a href="https://ko-fi.com/numbergoup" target="_blank" rel="noopener" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Buy me a Coffee</a></li>
2931                </ul>
2932            </div>
2933
2934            
2935            <div>
2936                <p class="text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-seafoam-300/40">Legal</p>
2937                <ul class="mt-4 flex flex-col gap-y-3 text-sm">
2938                    <li><a wire:navigate href="https://numbergoup.gg/privacy-policy" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Privacy Policy</a></li>
2939                    <li><a wire:navigate href="https://numbergoup.gg/data-deletion" class="text-seafoam-300/70 transition-colors duration-200 hover:text-gold-300">Data Deletion</a></li>
2940                </ul>
2941            </div>
2942        </div>
2943
2944        
2945        <div class="mt-12 flex flex-col gap-y-4 border-t border-abyss-800/70 pt-6 text-xs text-seafoam-300/50 sm:flex-row sm:items-center sm:justify-between">
2946            <div class="flex flex-col items-center gap-y-1 text-center sm:flex-row sm:items-center sm:gap-x-4 sm:text-left">
2947                <p class="flex items-center gap-x-1">
2948                    Made by <strong class="font-semibold text-seafoam-300/70">Mr Mancer</strong>
2949                    <svg class="size-3.5 text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2950    <path
2951        d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"/>
2952</svg>
2953                </p>
2954            </div>
2955            <p class="max-w-md text-center sm:text-right">
2956                Not affiliated with, endorsed by, or associated with Rare Ltd or Microsoft.
2957            </p>
2958        </div>
2959    </div>
2960</footer>
2961
2962<div x-persist="pirate-chatbot">
2963    
2964    <div
2965    x-cloak
2966    x-data="aiChatbot(true, false, null)"
2967    x-show="visible"
2968    x-on:keydown.escape.window="open = false"
2969    x-on:polly-visibility-changed.window="visible = $event.detail.visible; if (! visible) { open = false; }"
2970>
2971    
2972    <div x-show="!open" class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-4">
2973        
2974        <div
2975            x-show="!dismissed"
2976            x-transition:leave="transition ease-in duration-200"
2977            x-transition:leave-start="opacity-100"
2978            x-transition:leave-end="opacity-0"
2979            class="relative bg-abyss-900/95 backdrop-blur-xl ring-1 ring-gold-500/25 rounded-2xl pl-4 pr-6 py-3 shadow-lg shadow-abyss-950/40 max-w-64 text-left"
2980        >
2981            <button x-on:click.stop="dismiss()" class="absolute top-1.5 right-2 text-seafoam-200/70 hover:text-seafoam-300 text-sm leading-none cursor-pointer">&times;</button>
2982            <p class="flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-gold-400">
2983                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-3 h-3"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm3.5-11.5L10 11l-1.5 4.5L14 13l1.5-4.5Z"/></svg>
2984                Pirate Assistant
2985            </p>
2986            <p class="mt-1 text-sm font-bold text-gold-100">
2986Charting a course, matey?</p>
2987            <p class="mt-0.5 text-xs text-seafoam-200/70">Tap the compass and I'll help ye with commendations, lore &amp; more.</p>
2988            
2989            <div class="absolute -bottom-2 right-7">
2990                <div class="w-4 h-4 bg-abyss-900/95 border-b border-r border-gold-500/25 rotate-45"></div>
2991            </div>
2992        </div>
2993
2994        
2995        <button
2996            x-transition:enter="transition ease-out duration-200"
2997            x-transition:enter-start="opacity-0 scale-75"
2998            x-transition:enter-end="opacity-100 scale-100"
2999            x-on:click="toggle()"
3000            aria-label="Open the Pirate Assistant"
3001            class="group relative w-16 h-16 cursor-pointer"
3002        >
3003            
3004            <span aria-hidden="true" class="absolute inset-0 rounded-full fab-pulse"></span>
3005
3006            
3007            <span aria-hidden="true" class="absolute -inset-1 rounded-full compass-ring opacity-80 group-hover:opacity-100 transition-opacity duration-300"></span>
3008
3009            
3010            <span class="absolute inset-0 rounded-full overflow-hidden flex items-center justify-center bg-gradient-to-b from-abyss-700 to-abyss-950 ring-2 ring-inset ring-gold-400/60 shadow-lg shadow-abyss-950/50 transition-all duration-300 group-hover:ring-gold-300 group-hover:scale-105">
3011                <img src="/img/ai-chatbot.png" alt="" class="w-10 h-10 object-contain -scale-x-100 drop-shadow-md transition-transform duration-300 group-hover:scale-110">
3012                
3013                <span aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-1/2 bg-gradient-to-b from-white/20 to-transparent"></span>
3014            </span>
3015
3016            
3017            <span aria-hidden="true" class="absolute top-0.5 right-0.5 flex h-3.5 w-3.5">
3018                <span class="absolute inline-flex h-full w-full rounded-full bg-seafoam-400 opacity-75 animate-ping"></span>
3019                <span class="relative inline-flex h-3.5 w-3.5 rounded-full bg-seafoam-400 ring-2 ring-abyss-900"></span>
3020            </span>
3021        </button>
3022    </div>
3023
3024    
3025    <div
3026        x-show="open"
3027        x-transition:enter="transition ease-out duration-300"
3028        x-transition:enter-start="opacity-0 translate-y-4 scale-95"
3029        x-transition:enter-end="opacity-100 translate-y-0 scale-100"
3030        x-transition:leave="transition ease-in duration-200"
3031        x-transition:leave-start="opacity-100 translate-y-0 scale-100"
3032        x-transition:leave-end="opacity-0 translate-y-4 scale-95"
3033        class="fixed inset-0 sm:inset-auto sm:bottom-6 sm:right-6 z-50 w-full sm:w-96 h-[100dvh] sm:h-[600px] flex flex-col bg-abyss-950/95 backdrop-blur-xl rounded-none sm:rounded-2xl shadow-2xl shadow-abyss-950/30 ring-0 sm:ring-1 sm:ring-gold-500/25 overflow-hidden"
3034    >
3035        
3036        <div class="relative flex items-center gap-3 px-4 py-3 bg-abyss-900/80 border-b border-abyss-700/60">
3037            
3038            <div class="pointer-events-none absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-transparent via-gold-500/40 to-transparent"></div>
3039
3040            
3041            <span class="relative w-11 h-11 shrink-0 rounded-full overflow-hidden flex items-center justify-center bg-gradient-to-b from-abyss-700 to-abyss-950 ring-2 ring-inset ring-gold-400/60 shadow-md shadow-abyss-950/40">
3042                <img src="/img/ai-chatbot.png" alt="Pirate Assistant" class="w-7 h-7 object-contain drop-shadow">
3043                <span aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-1/2 bg-gradient-to-b from-white/20 to-transparent"></span>
3044            </span>
3045
3046            <div class="flex-1">
3047                <h3 class="font-display text-lg leading-tight tracking-tight text-gold-100">Polly</h3>
3048                <p class="flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest text-gold-400">
3049                    <span class="relative flex h-1.5 w-1.5">
3050                        <span class="absolute inline-flex h-full w-full rounded-full bg-seafoam-400 opacity-75 animate-ping"></span>
3051                        <span class="relative inline-flex h-1.5 w-1.5 rounded-full bg-seafoam-500"></span>
3052                    </span>
3053                    Sea of Thieves Guide
3054                </p>
3055            </div>
3056            <button x-on:click.stop="open = false" aria-label="Close" class="p-1.5 rounded-full text-seafoam-200/70 hover:text-seafoam-300 hover:bg-abyss-800/60 transition-colors cursor-pointer">
3057                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
3058                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
3059                </svg>
3060            </button>
3061        </div>
3062
3063        
3064        <div x-ref="messages" class="relative flex-1 overflow-y-auto px-4 py-4 space-y-5">
3065            
3066            <div class="pointer-events-none absolute inset-0 map-grain opacity-40 opacity-60"></div>
3067
3068            <template x-for="(msg, i) in messages" :key="i">
3069                <div class="relative" x-show="msg.role === 'user' || msg.text">
3070                    
3071                    <template x-if="msg.role === 'user'">
3072                        <div class="flex justify-end">
3073                            <div
3074                                class="bg-gradient-to-b from-gold-300 to-gold-400 text-abyss-950 rounded-2xl px-4 py-2.5 max-w-[85%] text-sm leading-relaxed break-words shadow-sm shadow-gold-600/20 [&_a]:underline [&_a]:font-semibold"
3075                                x-html="formatMessage(msg.text)"
3076                            ></div>
3077                        </div>
3078                    </template>
3079                    
3080                    <template x-if="msg.role === 'bot'">
3081                        <div>
3082                            <img src="/img/ai-chatbot.png" alt="Polly" class="w-8 h-8 object-contain drop-shadow mb-1.5">
3083                            <div
3084                                class="text-[15px] leading-relaxed break-words text-seafoam-50 [&>p:first-child]:indent-0 [&_a]:text-seafoam-300 [&_a]:underline [&_p]:my-0 [&_p+p]:mt-3 [&_ul]:list-disc [&_ul]:pl-5 [&_ul]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:my-2 [&_li]:my-1 [&_li]:pl-1 [&_strong]:font-bold [&_strong]:text-white [&_em]:italic [&_code]:bg-abyss-950/60 [&_code]:px-1 [&_code]:rounded [&_code]:text-xs [&_pre]:bg-abyss-950 [&_pre]:p-2 [&_pre]:rounded [&_pre]:my-2 [&_pre]:overflow-x-auto [&_h1]:font-display [&_h1]:text-base [&_h1]:my-1.5 [&_h2]:font-display [&_h2]:text-sm [&_h2]:my-1.5 [&_h3]:font-semibold [&_h3]:my-1 [&_blockquote]:border-l-2 [&_blockquote]:border-gold-400/50 [&_blockquote]:pl-2 [&_blockquote]:italic [&_table]:my-2 [&_table]:w-full [&_table]:border-collapse [&_th]:px-2 [&_th]:py-1 [&_th]:text-left [&_td]:px-2 [&_td]:py-1"
3085                                x-html="formatMessage(msg.text)"
3086                            ></div>
3087                        </div>
3088                    </template>
3089                </div>
3090            </template>
3091
3092            
3093            <div x-show="loading && (!messages.length || !messages[messages.length - 1].text)" class="flex items-center gap-2.5">
3094                <img src="/img/ai-chatbot.png" alt="Polly" class="w-8 h-8 object-contain animate-bounce" style="animation-duration: 1.2s">
3095                <span class="text-sm text-seafoam-200/60">Polly is thinking&hellip;</span>
3096            </div>
3097        </div>
3098
3099        
3100        <div class="relative p-3 border-t border-abyss-700/60 bg-abyss-900/80">
3101            <div class="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-gold-500/40 to-transparent"></div>
3102            <form x-on:submit.prevent="send()" class="flex items-center gap-2">
3103                <input
3104                    x-ref="input"
3105                    x-model="question"
3106                    type="text"
3107                    :placeholder="disabled ? 'Polly isn\'t takin\' yer questions.' : 'Speak yer mind, sailor…'"
3108                    maxlength="500"
3109                    :disabled="disabled"
3110                    class="flex-1 !rounded-full !py-2.5 !px-4 text-sm !ring-1 !ring-inset !ring-abyss-700/70 !bg-abyss-800/70 focus:!ring-2 focus:!ring-gold-500/40 disabled:opacity-50 disabled:cursor-not-allowed"
3111                >
3112                <button
3113                    type="submit"
3114                    :disabled="disabled || loading || cooldown || !question.trim()"
3115                    aria-label="Send"
3116                    class="shrink-0 grid place-items-center w-10 h-10 rounded-full bg-gradient-to-b from-gold-400 to-gold-500 hover:from-gold-300 hover:to-gold-400 ring-1 ring-inset ring-white/15 disabled:opacity-40 text-abyss-950 transition-all duration-200 cursor-pointer disabled:cursor-not-allowed"
3117                >
3118                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
3119                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 19V5M5 12l7-7 7 7"/>
3120                    </svg>
3121                </button>
3122            </form>
3123            <p class="mt-2 text-center text-[10px] text-seafoam-200/50">Not affiliated with Rare Ltd or Microsoft. AI-generated responses may contain mistakes.</p>
3124        </div>
3125    </div>
3126</div>
3127
3128<script>
3129document.addEventListener('alpine:init', () => {
3130    Alpine.data('aiChatbot', (visible = true, disabled = false, disabledMessage = null) => ({
3131        visible,
3132        disabled,
3133        disabledMessage: disabledMessage || 'Arrr, I\'ll not be takin\' yer questions, matey. Yer access to Polly has been revoked.',
3134        open: false,
3135        dismissed: localStorage.getItem('chatbot-dismissed') === '1',
3136        messages: [],
3137        question: '',
3138        loading: false,
3139        cooldown: false,
3140        welcomed: false,
3141        newConversation: true,
3142        firstWelcome: 'Ahoy, matey! I be Polly, yer trusty pirate guide for Sea of Thieves. Here be the sorts o\' questions I can answer:\n\n- **Commendations** \u2014 how to earn \u2018em, what they unlock, and which ye still be missin\u2019\n- **Lore & tall tales** \u2014 the stories, factions, and secrets o\u2019 the seas\n- **Strategies & tips** \u2014 voyages, emissaries, combat, and gold-makin\u2019\n- **Yer own progress** \u2014 ask about yer stats, reputation, and what to chase next\n\nWhat be on yer mind, sailor?',
3143        returnWelcome: 'Arrr, what can I do for ye?',
3144
3145        formatMessage(text) {
3146            return window.renderPirateMessage(text);
3147        },
3148
3149        dismiss() {
3150            this.dismissed = true;
3151            localStorage.setItem('chatbot-dismissed', '1');
3152        },
3153
3154        toggle() {
3155            this.open = !this.open;
3156            this.dismiss();
3157            if (this.open) {
3158                if (!this.welcomed) {
3159                    if (this.disabled) {
3160                        this.typeWelcome(this.disabledMessage);
3161                    } else {
3162                        const seen = localStorage.getItem('pirate-assistant-welcomed');
3163                        const message = seen ? this.returnWelcome : this.firstWelcome;
3164                        this.typeWelcome(message);
3165                        if (!seen) localStorage.setItem('pirate-assistant-welcomed', '1');
3166                    }
3167                    this.welcomed = true;
3168                }
3169                this.$nextTick(() => this.$refs.input?.focus());
3170            }
3171        },
3172
3173        async typeWelcome(message) {
3174            this.messages.push({ role: 'bot', text: '' });
3175            const idx = this.messages.length - 1;
3176            for (let i = 0; i < message.length; i++) {
3177                this.messages[idx].text += message[i];
3178                await new Promise(r => setTimeout(r, 15));
3179                this.scrollToBottom();
3180            }
3181        },
3182
3183        scrollToBottom() {
3184            this.$nextTick(() => {
3185                const el = this.$refs.messages;
3186                if (el) el.scrollTop = el.scrollHeight;
3187            });
3188        },
3189
3190        async send() {
3191            const question = this.question.trim();
3192            if (!question || this.loading || this.cooldown || this.disabled) return;
3193
3194            this.messages.push({ role: 'user', text: question });
3195            this.question = '';
3196            this.loading = true;
3197            this.scrollToBottom();
3198
3199            this.messages.push({ role: 'bot', text: '' });
3200            const botIdx = this.messages.length - 1;
3201
3202            try {
3203                const response = await fetch('/pirate-chat/stream', {
3204                    method: 'POST',
3205                    headers: {
3206                        'Content-Type': 'application/json',
3207                        'Accept': 'text/event-stream',
3208                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
3209                    },
3210                    body: JSON.stringify({ question, new_conversation: this.newConversation }),
3211                });
3212
3213                if (response.status === 419) {
3214                    this.messages[botIdx].text = 'Session expired, please refresh the page.';
3215                    this.loading = false;
3216                    return;
3217                }
3218
3219                // An admin can revoke access mid-session; lock the composer the
3220                // moment the server says so rather than on the next page load.
3221                if (response.status === 403) {
3222                    const body = await response.json().catch(() => ({}));
3223                    this.disabled = true;
3224                    this.disabledMessage = body.message || this.disabledMessage;
3225                    this.messages[botIdx].text = this.disabledMessage;
3226                    this.loading = false;
3227                    return;
3228                }
3229
3230                if (!response.ok) {
3231                    this.messages[botIdx].text = 'Arrr, something went wrong! Try again, matey.';
3232                    this.loading = false;
3233                    return;
3234                }
3235
3236                const reader = response.body.getReader();
3237                const decoder = new TextDecoder();
3238                let buffer = '';
3239
3240                while (true) {
3241                    const { done, value } = await reader.read();
3242                    if (done) break;
3243
3244                    buffer += decoder.decode(value, { stream: true });
3245                    const lines = buffer.split('\n');
3246                    buffer = lines.pop();
3247
3248                    for (const line of lines) {
3249                        if (!line.startsWith('data: ')) continue;
3250                        const data = line.slice(6);
3251
3252                        if (data === '[DONE]') break;
3253
3254                        try {
3255                            const parsed = JSON.parse(data);
3256                            if (parsed.type === 'text_delta' && parsed.delta) {
3257                                this.messages[botIdx].text += parsed.delta;
3258                                this.scrollToBottom();
3259                            }
3260                        } catch (e) {}
3261                    }
3262                }
3263
3264                if (this.messages[botIdx].text) {
3265                    this.messages[botIdx].text = this.messages[botIdx].text.trim();
3266                }
3267            } catch (e) {
3268                this.messages[botIdx].text = 'Arrr, something went wrong! Try again, matey.';
3269            }
3270
3271            this.loading = false;
3272            this.newConversation = false;
3273            this.cooldown = true;
3274            setTimeout(() => this.cooldown = false, 3000);
3275            this.scrollToBottom();
3276            this.$nextTick(() => this.$refs.input?.focus());
3277        },
3278    }));
3279});
3280</script>
3280
3281</div>
3282
3283<script src="https://numbergoup.gg/flux/flux.min.js?id=1ea4120f" data-navigate-once></script>
vendor: 1 bytes, line 3283
3283
3284<script src="https://numbergoup.gg/livewire-8a07a834/livewire.min.js?id=1c586ae0"   data-csrf="lLaT6FNReVat5X8SHREaUR4dPyWb7WbbIbo9Dwwq" data-module-url="https://numbergoup.gg/livewire-8a07a834" data-update-uri="https://numbergoup.gg/livewire-8a07a834/update" data-navigate-once="true"></script>
vendor: 1 bytes, line 3284
3284
3285<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43c25efb8b92af4',t:'MTc5MDg2NDg0Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3285</body>
3286
3287<link rel="modulepreload" as="script" href="https://numbergoup.gg/build/assets/app-BnVb_3Ow.js" />
3287<script type="module" src="https://numbergoup.gg/build/assets/app-BnVb_3Ow.js" data-navigate-track="reload"></script>
3287
3288</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.