PageSourceSearch

https://nagahitamjaya.com/inspirasi/

html nagahitamjaya.com collected 2026-10-10 02:44:45 UTC 36,196 bytes, 1,186 lines download raw bytes

1<!doctype html>
2  <html amp lang="id">
3    <head>
4      <meta charset="utf-8" />
5      <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
6
7      <title>PRAGMATIC4D: Inspirasi Agen Slot Mahjong Naga Hitam Jaya Dengan Perkalian Terbesar</title>
8      <meta name="description" content="Temukan berbagai inspirasi permainan slot mahjong Naga Hitam bisa membuat anda jadi jaya di PRAGMATIC4D melalui perkalian terbesar, pola terbaru, serta analisis rtp live yang disajikan secara praktis dan informatif." />
9      <meta name="robots" content="index,follow" />
10      <meta name="theme-color" content="#008069" />
11      <link rel="canonical" href="https://nagahitamjaya.com/" />
12      <link rel="icon" href="https://vuurwerkshoponline.nl/uploads/favicon.png" />
13      <link rel="alternate" href="https://nagahitamjaya.com/" hreflang="id" />
14      <meta property="og:type" content="website" />
15      <meta property="og:locale" content="id_ID" />
16      <meta property="og:title" content="PRAGMATIC4D: Inspirasi Agen Slot Mahjong Naga Hitam Jaya Dengan Perkalian Terbesar" />
17      <meta property="og:description" content="Temukan berbagai inspirasi permainan slot mahjong Naga Hitam bisa membuat anda jadi jaya di PRAGMATIC4D melalui perkalian terbesar, pola terbaru, serta analisis rtp live yang disajikan secara praktis dan informatif." />
18      <meta property="og:url" content="https://nagahitamjaya.com/" />
19      <meta property="og:image" content="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" />
20
21      <link rel="preload" as="image" href="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" fetchpriority="high" />
22
23      
23<script async src="https://cdn.ampproject.org/v0.js"></script>
23
24      
24<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
24
25      
25<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>
25
26      
26<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
26
27
28      <style amp-boilerplate>
29        body {
30          -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
31          -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
32          -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
33          animation: -amp-start 8s steps(1, end) 0s 1 normal both;
34        }
35        @-webkit-keyframes -amp-start {
36          from {
37            visibility: hidden;
38          }
39          to {
40            visibility: visible;
41          }
42        }
43        @-moz-keyframes -amp-start {
44          from {
45            visibility: hidden;
46          }
47          to {
48            visibility: visible;
49          }
50        }
51        @-ms-keyframes -amp-start {
52          from {
53            visibility: hidden;
54          }
55          to {
56            visibility: visible;
57          }
58        }
59        @-o-keyframes -amp-start {
60          from {
61            visibility: hidden;
62          }
63          to {
64            visibility: visible;
65          }
66        }
67        @keyframes -amp-start {
68          from {
69            visibility: hidden;
70          }
71          to {
72            visibility: visible;
73          }
74        }
75      </style>
76
77      <noscript>
78        <style amp-boilerplate>
79          body {
80            -webkit-animation: none;
81            -moz-animation: none;
82            -ms-animation: none;
83            animation: none;
84          }
85        </style>
86      </noscript>
87
88  <style amp-custom>
89    :root {
90      --wa-dark: #8B6914;
91      --wa-mid: #DAA520;
92      --wa-light: #FFD700;
93      --wa-soft: #FFF8DC;
94      --chat-bg: #efeae2;
95      --panel: #ffffff;
96      --text: #111b21;
97      --muted: #667781;
98      --line: #e9edef;
99      --incoming: #ffffff;
100      --outgoing: #FFF8DC;
101      --shadow: 0 18px 50px rgba(11, 20, 26, 0.3);
102      --brand: #FFD700;
103      --font: -apple-system, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
104    }
105    * {
106      box-sizing: border-box;
107    }
108    html {
109      scroll-behavior: smooth;
110    }
111    body {
112      margin: 0;
113      min-height: 100vh;
114      color: var(--text);
115      font-family: var(--font);
116      background:
117        linear-gradient(rgba(6, 17, 13, 0.72), rgba(6, 17, 13, 0.82)),
118        url("https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png");
119      background-size: cover;
120      background-position: center center;
121      background-attachment: fixed;
122      background-repeat: no-repeat;
123    }
124    a {
125      color: inherit;
126    }
127    .page {
128      width: 100%;
129      max-width: 720px;
130      margin: 0 auto;
131      padding: 18px 14px 34px;
132    }
133    .phone {
134      overflow: hidden;
135      border-radius: 28px;
136      background: var(--panel);
137      border: 1px solid rgba(218, 165, 32, 0.45);
138      box-shadow: var(--shadow);
139    }
140    .appbar {
141      display: flex;
142      align-items: center;
143      gap: 12px;
144      padding: 13px 14px;
145      color: #ffffff;
146      background: var(--wa-dark);
147    }
148    .back {
149      font-size: 22px;
150      line-height: 1;
151      opacity: 0.95;
152    }
153    .avatar {
154      position: relative;
155      display: flex;
156      align-items: center;
157      justify-content: center;
158      width: 44px;
159      height: 44px;
160      min-width: 44px;
161      flex: 0 0 44px;
162      border-radius: 50%;
163      background: #ffffff;
164      box-shadow:
165        0 0 0 2px rgba(255, 255, 255, 0.35),
166        0 4px 10px rgba(11, 20, 26, 0.28);
167      overflow: visible;
168    }
169    .avatar-frame {
170      position: relative;
171      display: block;
172      width: 40px;
173      height: 40px;
174      border-radius: 50%;
175      overflow: hidden;
176      background: #ffffff;
177    }
178    .avatar-frame amp-img {
179      display: block;
180      width: 40px;
181      height: 40px;
182      border-radius: 50%;
183      overflow: hidden;
184    }
185    .avatar-frame amp-img img {
186      width: 100%;
187      height: 100%;
188      object-fit: cover;
189      object-position: center center;
190      border-radius: 50%;
191    }
192    .online-dot {
193      position: absolute;
194      right: -1px;
195      bottom: 1px;
196      width: 12px;
197      height: 12px;
198      border-radius: 50%;
199      background: #04ff00;
200      border: 2px solid var(--wa-dark);
201      z-index: 5;
202      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.65);
203    }
204    .profile {
205      flex: 1;
206      min-width: 0;
207    }
208    .profile strong {
209      display: block;
210      font-size: 14px;
211    }
212    .profile span {
213      display: block;
214      margin-top: 3px;
215      color: rgba(255, 255, 255, 0.82);
216      font-size: 10px;
217    }
218    .header-actions {
219      display: flex;
220      align-items: center;
221      gap: 6px;
222      margin-left: auto;
223      flex: 0 0 auto;
224    }
225    .header-btn {
226      display: inline-flex;
227      align-items: center;
228      justify-content: center;
229      min-height: 31px;
230      padding: 7px 12px;
231      border-radius: 10px;
232      text-decoration: none;
233      white-space: nowrap;
234      font-size: 10px;
235      font-weight: 900;
236      letter-spacing: 0.35px;
237      transition:
238        transform 0.2s ease,
239        box-shadow 0.2s ease,
240        filter 0.2s ease;
241    }
242    .header-login {
243      color: #1a1200;
244      background: linear-gradient(135deg, #FFD700, #B8860B);
245      border: 1px solid rgba(255, 255, 255, 0.35);
246      box-shadow: 0 5px 12px rgba(184, 134, 11, 0.4);
247    }
248    .header-register {
249      color: #1a1200;
250      background: linear-gradient(135deg, #FFD700, #B8860B);
251      border: 1px solid rgba(255, 255, 255, 0.35);
252      box-shadow: 0 5px 12px rgba(184, 134, 11, 0.4);
253    }
254    .header-btn:hover {
255      transform: translateY(-1px);
256      filter: brightness(1.08);
257    }
258    .app-icons {
259      display: flex;
260      gap: 14px;
261      font-size: 18px;
262      opacity: 0.95;
263    }
264    .chat {
265      position: relative;
266      min-height: 570px;
267      padding: 18px 12px 20px;
268      background: linear-gradient(rgba(241, 231, 216, 0.94), rgba(241, 231, 216, 0.94)), radial-gradient(circle, rgba(11, 20, 26, 0.12) 1px, transparent 1.4px);
269      background-size:
270        auto,
271        18px 18px;
272    }
273    .date {
274      width: max-content;
275      max-width: 90%;
276      margin: 0 auto 16px;
277      padding: 6px 10px;
278      border-radius: 8px;
279      color: #54656f;
280      background: rgba(255, 255, 255, 0.88);
281      box-shadow: 0 2px 8px rgba(11, 20, 26, 0.14);
282      font-size: 10px;
283      font-weight: 700;
284    }
285    .bubble-row {
286      display: flex;
287      margin-bottom: 9px;
288    }
289    .bubble-row.in {
290      justify-content: flex-start;
291    }
292    .bubble-row.out {
293      justify-content: flex-end;
294    }
295    .bubble {
296      position: relative;
297      max-width: 82%;
298      padding: 6px 9px 8px;
299      border-radius: 7.5px;
300      box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
301      font-size: 14.2px;
302      line-height: 1.42;
303    }
304    .bubble.in {
305      background: var(--incoming);
306      border-top-left-radius: 3px;
307    }
308    .bubble.out {
309      background: var(--outgoing);
310      border-top-right-radius: 3px;
311    }
312    .bubble.in:before,
313    .bubble.out:before {
314      content: "";
315      position: absolute;
316      top: 0;
317      width: 0;
318      height: 0;
319      border-style: solid;
320    }
321    .bubble.in:before {
322      left: -7px;
323      border-width: 0 8px 8px 0;
324      border-color: transparent var(--incoming) transparent transparent;
325    }
326    .bubble.out:before {
327      right: -7px;
328      border-width: 0 0 8px 8px;
329      border-color: transparent transparent transparent var(--outgoing);
330    }
331    .sender {
332      display: block;
333      margin-bottom: 4px;
334      color: #B8860B;
335      font-size: 10px;
336      font-weight: 800;
337    }
338    .time {
339      float: right;
340      margin-left: 10px;
341      margin-top: 4px;
342      color: #667781;
343      font-size: 9px;
344      white-space: nowrap;
345    }
346    .check {
347      color: #DAA520;
348      font-weight: 900;
349    }
350    .hero-card {
351      overflow: hidden;
352      margin: 5px 0 11px;
353      border-radius: 12px;
354      border: 1px solid rgba(11, 20, 26, 0.18);
355      background: #ffffff;
356      box-shadow: 0 8px 20px rgba(11, 20, 26, 0.14);
357    }
358    .hero-card amp-img {
359      display: block;
360    }
361    .banner-shine {
362      position: relative;
363      display: block;
364      overflow: hidden;
365      border-radius: 12px;
366      background: #e9edef;
367    }
368    .banner-shine amp-img {
369      display: block;
370      position: relative;
371      z-index: 1;
372    }
373    .hero-copy {
374      position: relative;
375      padding: 12px 14px 14px 16px;
376      border-left: 3px solid var(--brand);
377    }
378    .hero-domain {
379      display: flex;
380      align-items: center;
381      gap: 5px;
382      margin-bottom: 6px;
383      color: #B8860B;
384      font-size: 10.5px;
385      font-weight: 700;
386      letter-spacing: 0.2px;
387      text-transform: uppercase;
388    }
389    .hero-copy h1 {
390      margin: 0;
391      font-size: 15.5px;
392      line-height: 1.3;
393      font-weight: 700;
394      color: var(--text);
395    }
396    .hero-copy p {
397      margin: 6px 0 0;
398      color: var(--muted);
399      font-size: 12.5px;
400      line-height: 1.5;
401    }
402    .actions {
403      display: grid;
404      grid-template-columns: 1fr 1fr;
405      gap: 10px;
406      margin: 14px 0 4px;
407    }
408    .btn {
409      display: flex;
410      align-items: center;
411      justify-content: center;
412      min-height: 48px;
413      padding: 12px;
414      border-radius: 12px;
415      text-align: center;
416      text-decoration: none;
417      font-size: 12px;
418      font-weight: 900;
419      letter-spacing: 0.25px;
420    }
421    .btn-main {
422      grid-column: 1/-1;
423      color: #1a1200;
424      background: linear-gradient(135deg, #FFD700, #B8860B);
425      box-shadow: 0 10px 24px rgba(184, 134, 11, 0.4);
426    }
427    .btn-light {
428      color: #1a1200;
429      background: linear-gradient(135deg, #FFD700, #B8860B);
430      border: 1px solid #8B6914;
431      box-shadow: 0 6px 16px rgba(184, 134, 11, 0.35);
432    }
433    .pop-open {
434      grid-column: 1/-1;
435      width: 100%;
436      min-height: 48px;
437      padding: 12px;
438      border: 0;
439      border-radius: 12px;
440      color: #1a1200;
441      background: linear-gradient(135deg, #FFD700, #B8860B);
442      box-shadow: 0 10px 24px rgba(184, 134, 11, 0.45);
443      font-size: 12px;
444      font-weight: 900;
445      letter-spacing: 0.25px;
446      font-family: var(--font);
447      cursor: pointer;
448    }
449    .quick {
450      margin-top: 14px;
451      padding: 12px;
452      border-radius: 12px;
453      background: rgba(255, 255, 255, 0.82);
454      border: 1px solid rgba(11, 20, 26, 0.16);
455    }
456    .quick-title {
457      display: block;
458      margin-bottom: 9px;
459      color: var(--wa-dark);
460      font-size: 11px;
461      font-weight: 900;
462    }
463    .quick-grid {
464      display: grid;
465      grid-template-columns: repeat(2, 1fr);
466      gap: 8px;
467    }
468    .quick-link {
469      display: flex;
470      justify-content: space-between;
471      align-items: center;
472      gap: 8px;
473      padding: 10px;
474      border-radius: 10px;
475      color: #111b21;
476      background: #ffffff;
477      border: 1px solid #e9edef;
478      text-decoration: none;
479      font-size: 10px;
480      font-weight: 800;
481    }
482    .quick-link span {
483      color: var(--wa-mid);
484      font-size: 15px;
485    }
486    .typing {
487      display: flex;
488      justify-content: flex-start;
489      margin-top: 10px;
490    }
491    .typing-bubble {
492      display: flex;
493      align-items: center;
494      gap: 4px;
495      padding: 10px 13px;
496      border-radius: 10px;
497      border-top-left-radius: 3px;
498      background: #ffffff;
499      box-shadow: 0 1px 2px rgba(11, 20, 26, 0.16);
500    }
501    .typing-bubble i {
502      display: block;
503      width: 6px;
504      height: 6px;
505      border-radius: 50%;
506      background: #8696a0;
507      animation: typing 1.2s infinite;
508    }
509    .typing-bubble i:nth-child(2) {
510      animation-delay: 0.15s;
511    }
512    .typing-bubble i:nth-child(3) {
513      animation-delay: 0.3s;
514    }
515    .composer {
516      display: flex;
517      align-items: center;
518      gap: 9px;
519      padding: 10px;
520      background: #f0f2f5;
521      border-top: 1px solid #e9edef;
522    }
523    .input {
524      flex: 1;
525      display: flex;
526      align-items: center;
527      gap: 9px;
528      min-height: 44px;
529      padding: 0 13px;
530      border-radius: 22px;
531      color: #667781;
532      background: #ffffff;
533      font-size: 11px;
534    }
535    .send {
536      display: grid;
537      place-items: center;
538      width: 44px;
539      height: 44px;
540      flex: 0 0 44px;
541      border-radius: 50%;
542      color: #1a1200;
543      background: linear-gradient(135deg, #FFD700, #B8860B);
544      text-decoration: none;
545      font-size: 18px;
546      box-shadow: 0 8px 18px rgba(11, 20, 26, 0.32);
547    }
548    .footer {
549      padding: 18px 10px 4px;
550      text-align: center;
551      color: #667781;
552      font-size: 10px;
553      line-height: 1.6;
554    }
555    .footer a {
556      color: var(--wa-dark);
557      text-decoration: none;
558      font-weight: 800;
559    }
560    /* ===== AMP AUDIO - VOICE NOTE ===== */
561    .wa-voice-wrap {
562      display: flex;
563      justify-content: flex-end;
564      width: 100%;
565      margin: 12px 0 9px;
566    }
567    .wa-voice-note {
568      position: relative;
569      display: flex;
570      align-items: center;
571      gap: 7px;
572      width: 100%;
573      max-width: 82%;
574      min-height: 74px;
575      padding: 9px 10px 7px 7px;
576      border-radius: 10px;
577      border-top-right-radius: 3px;
578      color: var(--text);
579      background: var(--outgoing);
580      border: 1px solid rgba(11, 20, 26, 0.12);
581      box-shadow:
582        0 1px 2px rgba(11, 20, 26, 0.16),
583        inset 0 1px 0 rgba(255, 255, 255, 0.46);
584      text-align: left;
585    }
586    .wa-voice-note:after {
587      content: "";
588      position: absolute;
589      top: -1px;
590      right: -8px;
591      width: 0;
592      height: 0;
593      border-style: solid;
594      border-width: 0 0 9px 9px;
595      border-color: transparent transparent transparent var(--outgoing);
596    }
597    .wa-play-btn {
598      display: grid;
599      place-items: center;
600      width: 43px;
601      height: 54px;
602      min-width: 43px;
603      padding: 0;
604      border: 0;
605      border-radius: 50%;
606      color: var(--wa-mid);
607      background: transparent;
608      cursor: pointer;
609      font-family: var(--font);
610      -webkit-tap-highlight-color: transparent;
611    }
612    .wa-play-btn:focus {
613      outline: 2px solid rgba(218, 165, 32, 0.4);
614      outline-offset: 1px;
615    }
616    .wa-play-btn[hidden] {
617      display: none;
618    }
619    .wa-play-icon {
620      display: block;
621      width: 0;
622      height: 0;
623      margin-left: 4px;
624      border-top: 12px solid transparent;
625      border-bottom: 12px solid transparent;
626      border-left: 18px solid var(--wa-mid);
627      filter: drop-shadow(0 1px 1px rgba(11, 20, 26, 0.18));
628    }
629    .wa-pause-icon {
630      display: flex;
631      align-items: center;
632      justify-content: center;
633      gap: 5px;
634      width: 24px;
635      height: 26px;
636    }
637    .wa-pause-icon i {
638      display: block;
639      width: 5px;
640      height: 23px;
641      border-radius: 2px;
642      background: var(--wa-mid);
643      box-shadow: 0 1px 1px rgba(11, 20, 26, 0.16);
644    }
645    .wa-voice-main {
646      flex: 1;
647      min-width: 0;
648      padding-top: 2px;
649    }
650    .wa-track {
651      position: relative;
652      display: flex;
653      align-items: center;
654      width: 100%;
655      height: 34px;
656      padding-left: 14px;
657      overflow: hidden;
658    }
659    .wa-progress-dot {
660      position: absolute;
661      left: 0;
662      top: 50%;
663      z-index: 2;
664      width: 11px;
665      height: 11px;
666      border-radius: 50%;
667      background: var(--wa-light);
668      border: 1px solid rgba(90, 53, 29, 0.18);
669      box-shadow:
670        0 0 0 2px rgba(255, 255, 255, 0.42),
671        0 2px 5px rgba(11, 20, 26, 0.16);
672      transform: translateY(-50%);
673    }
674    .wa-wave {
675      display: flex;
676      flex: 1;
677      align-items: center;
678      gap: 2px;
679      height: 28px;
680      overflow: hidden;
681    }
682    .wa-wave i {
683      display: block;
684      width: 2px;
685      min-width: 2px;
686      border-radius: 3px;
687      background: #8696a0;
688      opacity: 0.72;
689      animation: wa-wave-pulse 1.25s ease-in-out infinite;
690    }
691    .wa-wave i:nth-child(-n + 5) {
692      background: var(--wa-light);
693      opacity: 1;
694    }
695    .wa-wave i:nth-child(1) { height: 7px; animation-delay: 0.04s; }
696    .wa-wave i:nth-child(2) { height: 15px; animation-delay: 0.08s; }
697    .wa-wave i:nth-child(3) { height: 10px; animation-delay: 0.12s; }
698    .wa-wave i:nth-child(4) { height: 21px; animation-delay: 0.16s; }
699    .wa-wave i:nth-child(5) { height: 13px; animation-delay: 0.2s; }
700    .wa-wave i:nth-child(6) { height: 24px; animation-delay: 0.24s; }
701    .wa-wave i:nth-child(7) { height: 12px; animation-delay: 0.28s; }
702    .wa-wave i:nth-child(8) { height: 18px; animation-delay: 0.32s; }
703    .wa-wave i:nth-child(9) { height: 9px; animation-delay: 0.36s; }
704    .wa-wave i:nth-child(10) { height: 22px; animation-delay: 0.4s; }
705    .wa-wave i:nth-child(11) { height: 14px; animation-delay: 0.44s; }
706    .wa-wave i:nth-child(12) { height: 8px; animation-delay: 0.48s; }
707    .wa-wave i:nth-child(13) { height: 19px; animation-delay: 0.52s; }
708    .wa-wave i:nth-child(14) { height: 11px; animation-delay: 0.56s; }
709    .wa-wave i:nth-child(15) { height: 23px; animation-delay: 0.6s; }
710    .wa-wave i:nth-child(16) { height: 13px; animation-delay: 0.64s; }
711    .wa-wave i:nth-child(17) { height: 17px; animation-delay: 0.68s; }
712    .wa-wave i:nth-child(18) { height: 8px; animation-delay: 0.72s; }
713    .wa-wave i:nth-child(19) { height: 21px; animation-delay: 0.76s; }
714    .wa-wave i:nth-child(20) { height: 12px; animation-delay: 0.8s; }
715    .wa-wave i:nth-child(21) { height: 18px; animation-delay: 0.84s; }
716    .wa-wave i:nth-child(22) { height: 9px; animation-delay: 0.88s; }
717    .wa-wave i:nth-child(23) { height: 15px; animation-delay: 0.92s; }
718    .wa-wave i:nth-child(24) { height: 7px; animation-delay: 0.96s; }
719    .wa-voice-bottom {
720      display: flex;
721      align-items: flex-end;
722      justify-content: space-between;
723      gap: 10px;
724      min-height: 17px;
725      padding: 0 1px 0 2px;
726      color: #667781;
727      font-size: 10px;
728      line-height: 1;
729    }
730    .wa-duration,
731    .wa-chat-time {
732      display: flex;
733      align-items: center;
734      gap: 4px;
735      white-space: nowrap;
736    }
737    .wa-mic-mini {
738      position: relative;
739      display: inline-block;
740      width: 7px;
741      height: 11px;
742      margin-right: 1px;
743      border: 1.5px solid var(--wa-mid);
744      border-radius: 5px;
745    }
746    .wa-mic-mini:before {
747      content: "";
748      position: absolute;
749      left: 50%;
750      bottom: -5px;
751      width: 1.5px;
752      height: 4px;
753      background: var(--wa-mid);
754      transform: translateX(-50%);
755    }
756    .wa-mic-mini:after {
757      content: "";
758      position: absolute;
759      left: 50%;
760      bottom: -6px;
761      width: 7px;
762      height: 1.5px;
763      border-radius: 2px;
764      background: var(--wa-mid);
765      transform: translateX(-50%);
766    }
767    .wa-voice-check {
768      color: #DAA520;
769      font-size: 11px;
770      font-weight: 900;
771      letter-spacing: -2px;
772    }
773    .wa-hidden-audio {
774      position: absolute;
775      left: 0;
776      bottom: 0;
777      width: 1px;
778      height: 1px;
779      overflow: hidden;
780      opacity: 0;
781      pointer-events: none;
782    }
783    @keyframes wa-wave-pulse {
784      0%, 100% {
785        transform: scaleY(0.78);
786        opacity: 0.58;
787      }
788      50% {
789        transform: scaleY(1);
790        opacity: 1;
791      }
792    }
793    @media (max-width: 470px) {
794      .wa-voice-note {
795        max-width: 88%;
796        min-height: 70px;
797        gap: 5px;
798        padding: 8px 8px 6px 5px;
799      }
800      .wa-play-btn {
801        width: 39px;
802        height: 50px;
803        min-width: 39px;
804      }
805      .wa-play-icon {
806        border-top-width: 11px;
807        border-bottom-width: 11px;
808        border-left-width: 17px;
809      }
810      .wa-wave {
811        gap: 1.5px;
812      }
813      .wa-wave i {
814        width: 2px;
815        min-width: 2px;
816      }
817      .wa-voice-bottom {
818        font-size: 9px;
819      }
820    }
821    .pop-overlay {
822      display: flex;
823      align-items: center;
824      justify-content: center;
825      width: 100%;
826      min-height: 100vh;
827      padding: 18px;
828      background: rgba(11, 20, 26, 0.85);
829    }
830    .pop-box {
831      position: relative;
832      width: 100%;
833      max-width: 390px;
834      overflow: hidden;
835      border-radius: 24px;
836      background: #ffffff;
837      border: 1px solid rgba(218, 165, 32, 0.55);
838      box-shadow: 0 22px 70px rgba(0, 0, 0, 0.45);
839    }
840    .pop-head {
841      position: relative;
842      padding: 14px 52px 13px 16px;
843      color: #1a1200;
844      background: linear-gradient(135deg, #FFD700, #B8860B);
845    }
846    .pop-head strong {
847      display: block;
848      font-size: 16px;
849      line-height: 1.25;
850      font-weight: 900;
851    }
852    .pop-head span {
853      display: block;
854      margin-top: 4px;
855      font-size: 10px;
856      color: rgba(26, 18, 0, 0.8);
857      font-weight: 700;
858    }
859    .pop-close {
860      position: absolute;
861      top: 10px;
862      right: 10px;
863      display: grid;
864      place-items: center;
865      width: 34px;
866      height: 34px;
867      border: 0;
868      border-radius: 50%;
869      color: #B8860B;
870      background: #ffffff;
871      font-size: 20px;
872      font-weight: 900;
873      line-height: 1;
874      cursor: pointer;
875      font-family: var(--font);
876    }
877    .pop-img {
878      display: block;
879      background: #e9edef;
880    }
881    .pop-content {
882      padding: 16px;
883      text-align: center;
884    }
885    .pop-content h2 {
886      margin: 0;
887      color: #B8860B;
888      font-size: 20px;
889      line-height: 1.25;
890      font-weight: 900;
891    }
892    .pop-content p {
893      margin: 9px 0 0;
894      color: #667781;
895      font-size: 12px;
896      line-height: 1.55;
897    }
898    .pop-badge {
899      display: inline-block;
900      margin-bottom: 10px;
901      padding: 7px 12px;
902      border-radius: 999px;
903      color: #1a1200;
904      background: linear-gradient(135deg, #FFD700, #B8860B);
905      font-size: 10px;
906      font-weight: 900;
907      letter-spacing: 0.4px;
908    }
909    .pop-actions {
910      display: grid;
911      grid-template-columns: 1fr 1fr;
912      gap: 9px;
913      margin-top: 15px;
914    }
915    .pop-btn {
916      display: flex;
917      align-items: center;
918      justify-content: center;
919      min-height: 44px;
920      padding: 11px;
921      border-radius: 12px;
922      text-decoration: none;
923      font-size: 11px;
924      font-weight: 900;
925      letter-spacing: 0.25px;
926    }
927    .pop-btn-main {
928      grid-column: 1/-1;
929      color: #1a1200;
930      background: linear-gradient(135deg, #FFD700, #B8860B);
931      box-shadow: 0 10px 22px rgba(184, 134, 11, 0.4);
932    }
933    .pop-btn-light {
934      color: #B8860B;
935      background: #ffffff;
936      border: 1px solid rgba(218, 165, 32, 0.5);
937    }
938    @keyframes typing {
939      0%, 60%, 100% {
940        transform: translateY(0);
941        opacity: 0.45;
942      }
943      30% {
944        transform: translateY(-4px);
945        opacity: 1;
946      }
947    }
948    @media (max-width: 470px) {
949      .page {
950        padding: 0;
951      }
952      .phone {
953        border-radius: 0;
954        min-height: 100vh;
955      }
956      .appbar {
957        gap: 8px;
958        padding: 10px 8px;
959      }
960      .profile strong {
961        font-size: 12px;
962      }
963      .profile span {
964        display: none;
965      }
966      .header-actions {
967        gap: 4px;
968      }
969      .header-btn {
970        min-height: 28px;
971        padding: 6px 8px;
972        font-size: 9px;
973        border-radius: 8px;
974      }
975      .app-icons {
976        gap: 8px;
977        font-size: 16px;
978      }
979      .chat {
980        min-height: calc(100vh - 122px);
981      }
982      .quick-grid {
983        grid-template-columns: 1fr;
984      }
985      .bubble {
986        max-width: 88%;
987      }
988      .pop-box {
989        max-width: 94vw;
990      }
991      .pop-actions {
992        grid-template-columns: 1fr;
993      }
994      .pop-btn-main {
995        grid-column: auto;
996      }
997    }
998  </style>
999    </head>
1000
1001    <body>
1002      <main class="page">
1003        <section class="phone" aria-label="Tampilan percakapan layanan pelanggan">
1004          <header class="appbar">
1005            <div class="back">‹</div>
1006
1007            <div class="avatar">
1008              <div class="avatar-frame">
1009                <amp-img src="https://vuurwerkshoponline.nl/uploads/favicon.png" width="40" height="40" layout="fixed" alt="Customer Service PRAGMATIC4D"> </amp-img>
1010              </div>
1011              <span class="online-dot"></span>
1012            </div>
1013
1014            <div class="profile">
1015              <strong>PRAGMATIC4D OFFICIAL</strong>
1016              <span>Online • Situs Slot 4D & Agen Mahjong Terpercaya</span>
1017            </div>
1018
1019            <nav class="header-actions" aria-label="Akses akun PRAGMATIC4D">
1020              <a class="header-btn header-login" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> LOGIN </a>
1021
1022              <a class="header-btn header-register" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> DAFTAR </a>
1023            </nav>
1024
1025            <div class="app-icons" aria-hidden="true">
1026              <span>⌕</span>
1027              <span>⋮</span>
1028            </div>
1029          </header>
1030
1031          <div class="chat">
1032            <div class="date">HARI INI</div>
1033
1034            <div class="bubble-row in">
1035              <div class="bubble in">
1036                <span class="sender">PRAGMATIC4D</span>
1037                Halo Bosku, Ada yang bisa kami bantu ? 😊​😊
1038                <span class="time">09.12</span>
1039              </div>
1040            </div>
1041
1042            <div class="bubble-row out">
1043              <div class="bubble out">
1044                Saya ingin melihat informasi layanan terbaru.
1045                <span class="time">04.20 <span class="check">✓✓</span></span>
1046              </div>
1047            </div>
1048
1049
1050            <article class="hero-card">
1051              <div class="banner-shine">
1052                <amp-img src="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" width="500" height="500" layout="responsive" alt="Ilustrasi layanan percakapan online"> </amp-img>
1053              </div>
1054
1055              <div class="hero-copy">
1056                <span class="hero-domain">🔒 PRAGMATIC4D.COM · Situs Resmi</span>
1057                <h1>PRAGMATIC4D: Inspirasi Agen Slot Mahjong Naga Hitam Jaya Dengan Perkalian Terbesar</h1>
1058                <p>Temukan berbagai inspirasi permainan slot mahjong Naga Hitam bisa membuat anda jadi jaya di PRAGMATIC4D melalui perkalian terbesar, pola terbaru, serta analisis rtp live yang disajikan secara praktis dan informatif.</p>
1059
1060                <div class="actions">
1061                  <a class="btn btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> LOGIN </a>
1062
1063                  <a class="btn btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> DAFTAR </a>
1064                  <button class="pop-open" type="button" on="tap:promo-pop.open">LIHAT PROMO TERBARU</button>
1065
1066                  <a class="btn btn-main" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> KUNJUNGI SITUS </a>
1067
1068                  
1069                </div>
1070              </div>
1071            </article>
1072
1073            <div class="bubble-row out">
1074              <div class="bubble out">
1075                Apakah PRAGMATIC4D Situs Slot & Togel Resmi?
1076                <span class="time">04.20 <span class="check">✓✓</span></span>
1077              </div>
1078            </div>
1079
1080            <div class="bubble-row in">
1081              <div class="bubble in">
1082                <span class="sender">PRAGMATIC4D</span>
1083                Tentu, PRAGMATIC4D Adalah Situs Slot & Togel Resmi No.1 Se-Indonesia.
1084                <span class="time">04.20</span>
1085              </div>
1086            </div>
1087
1088            <div class="quick">
1089              <span class="quick-title">Informasi PRAGMATIC4D</span>
1090
1091              <div class="quick-grid">
1092                <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> Pola Slot Gacor <span>›</span> </a>
1093
1094                <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> RTP Slot Akurat 99% <span>›</span> </a>
1095
1096                <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer">
1096 Prediksi Togel <span>›</span> </a>
1097
1098                <a class="quick-link" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> Bonus Slot & Togel 100% <span>›</span> </a>
1099              </div>
1100            </div>
1101            <!-- AMP VOICE NOTE - TOMBOL PLAY MIRIP WHATSAPP -->
1102            <div class="bubble-row out wa-voice-wrap">
1103              <div class="wa-voice-note" role="group" aria-label="Pesan suara PRAGMATIC4D">
1104                <button class="wa-play-btn" type="button" aria-label="Putar pesan suara" on="tap:voice-note-audio.play,AMP.setState({voicePlaying:true})" [hidden]="voicePlaying">
1105                  <span class="wa-play-icon" aria-hidden="true"></span>
1106                </button>
1107
1108                <button class="wa-play-btn" type="button" aria-label="Jeda pesan suara" on="tap:voice-note-audio.pause,AMP.setState({voicePlaying:false})" [hidden]="!voicePlaying" hidden>
1109                  <span class="wa-pause-icon" aria-hidden="true"><i></i><i></i></span>
1110                </button>
1111
1112                <div class="wa-voice-main">
1113                  <div class="wa-track" aria-hidden="true">
1114                    <span class="wa-progress-dot"></span>
1115                    <div class="wa-wave"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
1116                  </div>
1117
1118                  <div class="wa-voice-bottom">
1119                    <span class="wa-duration">
1120                      <span class="wa-mic-mini" aria-hidden="true"></span>
1121                      0:25
1122                    </span>
1123
1124                    <span class="wa-chat-time"> 09.18 <span class="wa-voice-check">✓✓</span> </span>
1125                  </div>
1126                </div>
1127
1128                <amp-audio id="voice-note-audio" class="wa-hidden-audio" width="1" height="1" layout="fixed" preload="none" autoplay loop
1129                  artwork="https://vuurwerkshoponline.nl/uploads/favicon.png" title="Pesan Suara PRAGMATIC4D" artist="PRAGMATIC4D" album="PRAGMATIC4D">
1130                  Browser Anda tidak mendukung pemutar audio.
1131                </amp-audio>
1132              </div>
1133            </div>
1134            <div class="typing">
1135              <div class="typing-bubble" role="img" aria-label="Admin sedang mengetik"><i></i><i></i><i></i></div>
1136            </div>
1137          </div>
1138
1139          <div class="composer">
1140            <div class="input">
1141              <span>☺</span>
1142              <span>Ketik pesan...</span>
1143            </div>
1144
1145            <a class="send" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer" aria-label="Buka percakapan"> ➤ </a>
1146          </div>
1147        </section>
1148
1149        <footer class="footer">
1150          <div>
1151            <a href="https://nagahitamjaya.com/" rel="noopener noreferrer"> © 2026 PRAGMATIC4D X LS</a>
1152          </div>
1153        </footer>
1154      </main>
1155
1156      <amp-lightbox id="promo-pop" layout="nodisplay">
1157        <div class="pop-overlay" role="dialog" aria-label="Popup promo PRAGMATIC4D">
1158          <div class="pop-box">
1159            <div class="pop-head">
1160              <strong>PRAGMATIC4D PROMO</strong>
1161              <span>Promo resmi terbaru menjelang 17 Agustus</span>
1162              <button class="pop-close" type="button" on="tap:promo-pop.close" aria-label="Tutup popup">×</button>
1163            </div>
1164
1165            <div class="banner-shine">
1166              <amp-img class="pop-img" src="https://vuurwerkshoponline.nl/uploads/pragmatic4d-nagahitamjaya.png" width="800" height="700" layout="responsive" alt="Promo PRAGMATIC4D"> </amp-img>
1167            </div>
1168
1169            <div class="pop-content">
1170              <span class="pop-badge">BONUS TERBARU 2026</span>
1171              <h2>SPESIAL WEEKEND SERU, HADIAH 25 SMARTPHONE SECARA CUMA-CUMA</h2>
1172              <p>Dapatkan 25 Unit Smartphone Setiap hari Minggu untuk seluruh pemain PRAGMATIC4D secara Gratis Tanpa di pungut Biaya Sepersenpun.</p>
1173
1174              <div class="pop-actions">
1175                <a class="pop-btn pop-btn-main" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> AMBIL PROMO </a>
1176
1177                <a class="pop-btn pop-btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> LOGIN </a>
1178
1179                <a class="pop-btn pop-btn-light" href="https://auto301admin.top/pragmatic4d" target="_blank" rel="nofollow noopener noreferrer"> DAFTAR </a>
1180              </div>
1181            </div>
1182          </div>
1183        </div>
1184      </amp-lightbox>
1185    </body>
1186  </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.