PageSourceSearch

https://addictionhelpline.com/

html addictionhelpline.com collected 2026-09-27 11:07:49 UTC 58,204 bytes, 1,076 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="scroll-smooth" data-theme="auto">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 6-7
6
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-FLH6JN0ZQ8
vendor: 12 bytes, line 7
7"></script>
8<script src="/js/google-analytics.js"></script>
8
9    <title>AddictionHelpline.com - For Sale | Appraise.net Marketplace</title>
10    <meta name="description" content="Acquire the Ultimate Category-Defining Domain for Addiction Recovery &amp; Support">
11        <meta property="og:type" content="website">
12    <meta property="og:site_name" content="Appraise.net">
13    <meta property="og:url" content="https://appraise.net/marketplace/addictionhelpline.com">
14    <meta property="og:title" content="AddictionHelpline.com - For Sale | Appraise.net Marketplace">
15    <meta property="og:description" content="Acquire the Ultimate Category-Defining Domain for Addiction Recovery &amp; Support">
16    <meta property="og:image" content="https://appraise.net/api/og-card?d=addictionhelpline.com&amp;v=6">
17    <meta property="og:image:width" content="1200">
18    <meta property="og:image:height" content="630">
19    <meta property="og:image:type" content="image/jpeg">
20    <meta name="twitter:card" content="summary_large_image">
21    <meta name="twitter:title" content="AddictionHelpline.com - For Sale | Appraise.net Marketplace">
22    <meta name="twitter:description" content="Acquire the Ultimate Category-Defining Domain for Addiction Recovery &amp; Support">
23    <meta name="twitter:image" content="https://appraise.net/api/og-card?d=addictionhelpline.com&amp;v=6">
24    <link rel="alternate" hreflang="en" href="https://appraise.net/marketplace/addictionhelpline.com">
25<link rel="alternate" hreflang="zh-CN" href="https://appraise.net/zh/marketplace/addictionhelpline.com">
26<link rel="alternate" hreflang="vi" href="https://appraise.net/vi/marketplace/addictionhelpline.com">
27<link rel="alternate" hreflang="x-default" href="https://appraise.net/marketplace/addictionhelpline.com">    <link rel="preconnect" href="https://fonts.googleapis.com">
28    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap" rel="stylesheet">
30    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
31    <style>
32        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
33
34        /* ---- Theme variables ---- */
35        :root {
36            --bg: #ffffff;
37            --bg-card: #ffffff;
38            --bg-muted: #f5f5f5;
39            --border: #e5e5e5;
40            --text: #000000;
41            --text-muted: #666666;
42            --text-light: #999999;
43            --accent: #000000;
44            --accent-hover: #333333;
45        }
46
47        @media (prefers-color-scheme: dark) {
48            html[data-theme="auto"] {
49                --bg: #000000;
50                --bg-card: #111111;
51                --bg-muted: #1a1a1a;
52                --border: #2a2a2a;
53                --text: #ffffff;
54                --text-muted: #999999;
55                --text-light: #666666;
56                --accent: #ffffff;
57                --accent-hover: #cccccc;
58            }
59        }
60
61        html[data-theme="dark"] {
62            --bg: #000000;
63            --bg-card: #111111;
64            --bg-muted: #1a1a1a;
65            --border: #2a2a2a;
66            --text: #ffffff;
67            --text-muted: #999999;
68            --text-light: #666666;
69            --accent: #ffffff;
70            --accent-hover: #cccccc;
71        }
72
73        html[data-theme="light"] {
74            --bg: #ffffff;
75            --bg-card: #ffffff;
76            --bg-muted: #f5f5f5;
77            --border: #e5e5e5;
78            --text: #000000;
79            --text-muted: #666666;
80            --text-light: #999999;
81            --accent: #000000;
82            --accent-hover: #333333;
83        }
84
85        /* ---- Base ---- */
86        body {
87            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
88            background: var(--bg);
89            color: var(--text);
90            line-height: 1.6;
91            -webkit-font-smoothing: antialiased;
92        }
93
94        /* ---- Cards ---- */
95        .card {
96            background: var(--bg-card);
97            border: 1px solid var(--border);
98            border-radius: 12px;
99            padding: 24px;
100        }
101
102        .card-flush {
103            background: var(--bg-card);
104            border: 1px solid var(--border);
105            border-radius: 12px;
106            padding: 0;
107            overflow: hidden;
108        }
109
110        .card-mb { margin-bottom: 24px; }
111        .card-mb-sm { margin-bottom: 16px; }
112        .card-mt-sm { margin-top: 16px; }
113
114        /* ---- Layout ---- */
115        .container {
116            max-width: 1280px;
117            margin: 0 auto;
118            padding: 0 16px;
119        }
120
121        @media (min-width: 768px) { .container { padding: 0 24px; } }
122        @media (min-width: 1024px) { .container { padding: 0 32px; } }
123
124        .layout {
125            display: grid;
126            gap: 24px;
127            grid-template-columns: 1fr;
128        }
129
130        .layout-center { order: 1; }
131        .layout-right { order: 2; }
132
133        @media (min-width: 768px) {
134            .layout { grid-template-columns: 1fr 360px; }
135        }
136
137        .sticky-sidebar {
138            position: sticky;
139            top: 24px;
140            align-self: start;
141        }
142
143        .main-content { padding-top: 8px; padding-bottom: 64px; }
144
145        /* ---- Typography ---- */
146        .domain-name {
147            font-family: 'Poppins', sans-serif;
148            font-size: clamp(1.25rem, 4vw, 3rem);
149            font-weight: 800;
150            letter-spacing: -0.02em;
151            line-height: 1.2;
152            white-space: nowrap;
153            overflow: hidden;
154            text-overflow: ellipsis;
155        }
156
157        .price-tag {
158            font-size: 2rem;
159            font-weight: 700;
160            letter-spacing: -0.01em;
161        }
162
163        .card-heading {
164            font-size: 1rem;
165            font-weight: 700;
166            margin-bottom: 16px;
167        }
168
169        .card-heading-tight {
170            font-size: 1rem;
171            font-weight: 700;
172            margin-bottom: 12px;
173        }
174
175        .text-sm { font-size: 0.875rem; }
176        .text-xs { font-size: 0.75rem; }
177        .text-label { font-size: 0.8125rem; }
178        .text-body { font-size: 0.9375rem; }
179        .text-muted { color: var(--text-muted); }
180        .text-light { color: var(--text-light); }
181        .text-accent { color: var(--text); }
182        .fw-500 { font-weight: 500; }
183        .fw-600 { font-weight: 600; }
184        .fw-700 { font-weight: 700; }
185        .lh-relaxed { line-height: 1.7; }
186
187        /* ---- Badge ---- */
188        .badge {
189            display: inline-block;
190            padding: 4px 12px;
191            border-radius: 100px;
192            font-size: 0.75rem;
193            font-weight: 600;
194            text-transform: uppercase;
195            letter-spacing: 0.05em;
196            border: 1px solid var(--border);
197            color: var(--text-muted);
198        }
199
200        /* Category-specific badge colors (generated from Material palette) */
201                .badge-health {
202            background-color: #d6f5e0;
203            color: #2d4839;
204            border-color: #7d9a87;
205        }
206        @media (prefers-color-scheme: dark) {
207            html[data-theme="auto"] .badge-health {
208                background-color: #122d1f;
209                color: #d6f5e0;
210                border-color: #2d4839;
211            }
212        }
213        html[data-theme="dark"] .badge-health {
214            background-color: #122d1f;
215            color: #d6f5e0;
216            border-color: #2d4839;
217        }
218                .badge-business {
219            background-color: #e3efff;
220            color: #3b4d60;
221            border-color: #8395aa;
222        }
223        @media (prefers-color-scheme: dark) {
224            html[data-theme="auto"] .badge-business {
225                background-color: #1b2e3f;
226                color: #e3efff;
227                border-color: #3b4d60;
228            }
229        }
230        html[data-theme="dark"] .badge-business {
231            background-color: #1b2e3f;
232            color: #e3efff;
233            border-color: #3b4d60;
234        }
235                .badge-media {
236            background-color: #dff4ff;
237            color: #005a73;
238            border-color: #419ec0;
239        }
240        @media (prefers-color-scheme: dark) {
241            html[data-theme="auto"] .badge-media {
242                background-color: #003545;
243                color: #dff4ff;
244                border-color: #005a73;
245            }
246        }
247        html[data-theme="dark"] .badge-media {
248            background-color: #003545;
249            color: #dff4ff;
250            border-color: #005a73;
251        }
252        
253        /* ---- Buttons ---- */
254        .btn {
255            display: inline-flex;
256            align-items: center;
257            justify-content: center;
258            gap: 8px;
259            padding: 12px 24px;
260            border-radius: 8px;
261            font-family: 'Inter', sans-serif;
262            font-size: 0.9375rem;
263            font-weight: 600;
264            cursor: pointer;
265            transition: all 0.15s ease;
266            border: none;
267            text-decoration: none;
268            width: 100%; white-space: nowrap; }
269
270        .btn-primary { background: var(--accent); color: var(--accent-text, var(--bg)); }
271        .btn-primary:hover { background: var(--accent-hover); color: var(--accent-text, var(--bg)); }
272
273        .btn-outline {
274            background: transparent;
275            color: var(--text);
276            border: 1px solid var(--border);
277        }
278        .btn-outline:hover { background: var(--bg-muted); }
279
280        /* Payment-button hover: complementary hue at the SAME lightness, derived from whatever --accent the
281           seller's palette sets (no colours hard-coded here). Relative colour syntax: h/s/l are the accent's own
282           channels. Black/white accents have no hue (s = 0), so for them the lightness is nudged +/-20 toward
283           the middle instead (black -> #333, white -> #ccc, i.e. the classic --accent-hover) rather than
284           "changing" to the same colour. Browsers without relative-colour support keep the rules above. */
285        @supports (color: hsl(from red calc(h + 180) s calc(l + sign(50 - l)))) {
286            .btn-primary:hover {
287                background: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1))));
288            }
289            .btn-outline:hover {
290                background: var(--bg-muted);
291                border-color: hsl(from var(--accent) calc(h + 180) s l);
292                color: hsl(from var(--accent) calc(h + 180) s calc(l + 20 * sign(50 - l) * (1 - min(s, 1))));
293            }
294        }
295
296        .btn-sm { padding: 8px 16px; font-size: 0.8125rem; }
297        .btn-auto { width: auto; }
298        .btn-cta { width: auto; padding: 12px 32px; }
299        .btn-mb { margin-bottom: 12px; }
300        .btn-mt-sm { margin-top: 8px; }
301        .btn-danger { color: #dc2626; border-color: #dc2626; }
302        .btn-icon { width: auto; padding: 8px 12px; }
303
304        /* ---- Strengths ---- */
305        .strength-item {
306            display: flex;
307            align-items: flex-start;
308            gap: 10px;
309            padding: 10px 0;
310            border-bottom: 1px solid var(--border);
311        }
312        .strength-item:last-child { border-bottom: none; }
313
314        .strength-icon {
315            flex-shrink: 0;
316            width: 20px;
317            height: 20px;
318            display: flex;
319            align-items: center;
320            justify-content: center;
321            margin-top: 2px;
322            color: var(--text);
323        }
324
325        .strength-icon i { font-size: 0.75rem; }
326
327        /* ---- Stat row ---- */
328        .stat-row {
329            display: flex;
330            gap: 24px;
331            color: var(--text-light);
332            font-size: 0.8125rem;
333        }
334        .stat-row-mt { margin-top: 8px; }
335
336        /* ---- Mobile sticky CTA ---- */
337        .mobile-cta {
338            display: none;
339            position: fixed;
340            bottom: 0;
341            left: 0;
342            right: 0;
343            background: var(--bg-card);
344            border-top: 1px solid var(--border);
345            padding: 12px 16px;
346            z-index: 50;
347        }
348
349        @media (max-width: 767px) {
350            .mobile-cta { display: flex; gap: 12px; align-items: center; }
351            body { padding-bottom: 80px; }
352        }
353
354        .mobile-cta-text { flex: 1; }
355        .mobile-cta-price { font-weight: 700; font-size: 1.25rem; }
356        .mobile-cta-label { font-weight: 600; font-size: 0.875rem; }
357
358        /* ---- Seller bar ---- */
359        .seller-bar {
360            background: var(--bg-muted);
361            border-bottom: 1px solid var(--border);
362            padding: 12px 0;
363        }
364
365        .seller-bar-inner {
366            display: flex;
367            align-items: center;
368            justify-content: space-between;
369            gap: 16px;
370            flex-wrap: wrap;
371        }
372
373        .seller-bar-label { font-size: 0.8125rem; font-weight: 600; }
374        .seller-bar-actions { display: flex; gap: 8px; }
375
376        /* ---- Factors grid ---- */
377        .factor-grid {
378            display: grid;
379            grid-template-columns: repeat(2, 1fr);
380            gap: 12px;
381        }
382        @media (min-width: 640px) { .factor-grid { grid-template-columns: repeat(3, 1fr); } }
383
384        .factor-item {
385            padding: 12px;
386            border-radius: 8px;
387            background: var(--bg-muted);
388            text-align: center;
389        }
390
391        .factor-label {
392            font-size: 0.6875rem;
393            text-transform: uppercase;
394            letter-spacing: 0.05em;
395            color: var(--text-light);
396            margin-bottom: 4px;
397        }
398
399        .factor-value { font-size: 0.875rem; font-weight: 600; }
400
401        /* ---- Breadcrumb ---- */
402        .breadcrumb { font-size: 0.8125rem; color: var(--text-light); padding: 16px 0; }
403        .breadcrumb a { color: var(--text-muted); text-decoration: none; }
404        .breadcrumb a:hover { text-decoration: underline; }
405        .breadcrumb-sep { margin: 0 6px; }
406        .breadcrumb-current { color: var(--text-muted); }
407
408        /* ---- Nav ---- */
409        .nav {
410            display: flex;
411            align-items: center;
412            justify-content: space-between;
413            padding: 16px 0;
414            border-bottom: 1px solid var(--border);
415        }
416
417        .nav-logo { font-size: 1.125rem; font-weight: 700; color: var(--text); text-decoration: none; }
418        .nav-logo-dim { opacity: 0.4; }
419        .nav-logo-sub { font-weight: 400; opacity: 0.5; }
420        .nav-actions { display: flex; gap: 12px; align-items: center; }
421        .nav-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
422        .nav-brand-logo { display: inline-flex; align-items: center; background: #fff;
423                          border: 1px solid rgba(0,0,0,0.06); border-radius: 8px; padding: 3px 9px;
424                          box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
425        .nav-brand-logo img { height: 26px; width: 104px; object-fit: cover; object-position: center; display: block; }
426        .nav-brand-logo.logo-zoomable { cursor: zoom-in; }
427        .nav-brand-logo.logo-zoomable:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
428        /* On mobile, wrap the logo under "Own this domain" instead of crowding the top row. */
429        @media (max-width: 600px) { .nav-left { flex-direction: column; align-items: flex-start; gap: 8px; } }
430
431        /* ---- Full-logo lightbox: click the cropped nav badge to see the whole logo, overlaid so the page isn't disturbed ---- */
432        .logo-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center;
433                         justify-content: center; padding: 24px; background: rgba(0,0,0,0.72); cursor: zoom-out; }
434        .logo-lightbox[hidden] { display: none; }
435        .logo-lightbox-img { max-width: min(440px, 88vw); max-height: 86vh; width: auto; height: auto;
436                             object-fit: contain; background: #fff; padding: 24px; border-radius: 16px;
437                             box-shadow: 0 24px 70px rgba(0,0,0,0.55); animation: logoZoomIn 0.22s ease-out; }
438        .logo-lightbox-close { position: absolute; top: 18px; right: 22px; width: 40px; height: 40px;
439                               display: flex; align-items: center; justify-content: center; border: none;
440                               border-radius: 50%; background: rgba(255,255,255,0.16); color: #fff;
441                               font-size: 26px; line-height: 1; cursor: pointer; }
442        .logo-lightbox-close:hover { background: rgba(255,255,255,0.32); }
443        @keyframes logoZoomIn { from { transform: scale(0.86); opacity: 0; } to { transform: scale(1); opacity: 1; } }
444
445        /* ---- Flex utility classes ---- */
446        .flex { display: flex; }
447        .flex-col { flex-direction: column; }
448        .flex-center { align-items: center; }
449        .flex-between { justify-content: space-between; }
450        .flex-wrap { flex-wrap: wrap; }
451        .flex-1 { flex: 1; }
452        .gap-8 { gap: 8px; }
453        .gap-12 { gap: 12px; }
454        .gap-16 { gap: 16px; }
455        .text-center { text-align: center; }
456        .justify-center { justify-content: center; }
457        .hidden { display: none; }
458
459        /* ---- Hero card ---- */
460        .hero-card { text-align: center; padding: 48px 24px; position: relative; overflow: hidden; }
461        .hero-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center;
462                        opacity: 0.15; pointer-events: none; }
463        .hero-card-content { position: relative; z-index: 1; }
464        .hero-subtitle { margin-bottom: 16px; }
465        .hero-badges { margin-top: 16px; }
466        .hero-share { margin-top: 20px; }
467        .btn-x-share { display: inline-flex; align-items: center; gap: 8px; background: #000; color: #fff;
468                       border: 1px solid rgba(255,255,255,0.22); }
469        .btn-x-share:hover { background: #141414; color: #fff; }
470        .btn-x-share .fa-x-twitter { font-size: 0.95em; }
471        .hero-bg {
472            background-size: cover;
473            background-position: center;
474        }
475
476        /* ---- Sidebar detail rows ---- */
477        .detail-list { gap: 12px; font-size: 0.875rem; }
478        .detail-row { display: flex; justify-content: space-between; }
479
480        /* ---- Price card ---- */
481        .price-label { margin-bottom: 8px; }
482        .price-amount { margin-bottom: 4px; }
483        .price-appraisal { margin-bottom: 24px; }
484        .lto-per-month { font-size: 0.875rem; font-weight: 400; opacity: 0.7; }
485        .lto-down-payment { margin-bottom: 8px; }
486
487        /* ---- Trust card ---- */
488        .trust-list { gap: 12px; font-size: 0.8125rem; color: var(--text-muted); }
489        .trust-item { display: flex; align-items: center; gap: 8px; }
490        .trust-icon { width: 16px; text-align: center; }
491
492        /* ---- Verified icon ---- */
493        .verified-icon { color: var(--text-light); margin-left: 4px; }
494
495        /* ---- Certificate link ---- */
496        .cert-link { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--text-light); cursor: pointer; transition: opacity 0.15s; }
497        .cert-link:hover { opacity: 0.7; }
498
499        /* ---- Certificate modal ---- */
500        .cert-modal { display: none; position: fixed; inset: 0; z-index: 9999; }
501        .cert-modal.open { display: flex; align-items: center; justify-content: center; }
502        .cert-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.7); }
503        .cert-modal-content { position: relative; width: 90vw; max-width: 900px; height: 80vh; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.4); }
504        .cert-modal-close { position: absolute; top: 12px; right: 16px; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }
505        .cert-modal-close:hover { background: rgba(0,0,0,0.8); }
506        .cert-modal-iframe { width: 100%; height: 100%; border: none; transition: opacity 0.2s; }
507        .cert-modal-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; color: #888; gap: 10px; background: #fff; }
508
509        /* ---- Offer Modal ---- */
510        .offer-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
511        .offer-modal[hidden] { display: none; }
512        .offer-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
513        .offer-modal-content { position: relative; width: 92vw; max-width: 460px; background: var(--bg-card); color: var(--text); border: 1px solid var(--border); border-radius: 14px; padding: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.35); }
514        .offer-modal-close { position: absolute; top: 12px; right: 12px; background: transparent; color: var(--text-light); border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }
515        .offer-modal-close:hover { background: var(--bg-muted); color: var(--text); }
516        .offer-modal-title { font-size: 1.125rem; font-weight: 700; margin-bottom: 4px; }
517        .offer-modal-sub { font-size: 0.8125rem; color: var(--text-light); margin-bottom: 18px; }
518        .offer-modal-field { margin-bottom: 14px; }
519        .offer-modal-field label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }
520        .offer-modal-field input[type="number"], .offer-modal-field textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font-family: inherit; font-size: 0.9375rem; }
521        .offer-modal-field textarea { resize: vertical; min-height: 70px; }
522        .offer-modal-field input:focus, .offer-modal-field textarea:focus { outline: none; border-color: var(--text); }
523        .offer-amount-row { display: flex; align-items: stretch; }
524        .offer-amount-prefix { display: flex; align-items: center; padding: 0 12px; background: var(--bg-muted); border: 1px solid var(--border); border-right: 0; border-radius: 8px 0 0 8px; font-weight: 700; color: var(--text-muted); }
525        .offer-amount-row input[type="number"] { border-radius: 0 8px 8px 0; }
526        .offer-modal-hint { font-size: 0.6875rem; color: var(--text-light); margin-top: 4px; }
527        .offer-modal-error { background: #fee2e2; color: #991b1b; padding: 10px 12px; border-radius: 8px; font-size: 0.8125rem; margin-bottom: 12px; }
528        .offer-modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }
529        .offer-modal-actions .btn { min-width: 100px; }
530
531
532        /* ---- Seller info (mobile/tablet card) ---- */
533        .seller-card-inner { display: flex; align-items: center; justify-content: space-between; }
534    </style>
535        <style id="listing-style">
536:root, html[data-theme="light"] {
537  --bg: #d6f5e0;
538  --text: #50415a;
539  --accent: #81718c;
540  --border: #7d9a87;
541  --bg-card: #ffffff;
542  --bg-muted: #faecff;
543  --text-light: #577362;
544  --text-muted: #2d4839;
545  --accent-text: #ffffff;
546  --accent-hover: #50415a;
547  --palette-0: #122d1f;
548  --palette-0-text: #ffffff;
549  --palette-1: #2d4839;
550  --palette-1-text: #ffffff;
551  --palette-2: #81718c;
552  --palette-2-text: #ffffff;
553  --palette-3: #7d9a87;
554  --palette-3-text: #000000;
555  --palette-4: #d6f5e0;
556  --palette-4-text: #000000;
557}
558
559@media (prefers-color-scheme: dark) {
560  html[data-theme="auto"] {
561    --bg: #2d4839;
562    --text: #faecff;
563    --accent: #81718c;
564    --border: #577362;
565    --bg-card: #122d1f;
566    --bg-muted: #122d1f;
567    --text-light: #577362;
568    --text-muted: #7d9a87;
569    --accent-text: #000000;
570    --accent-hover: #faecff;
571  }
572}
573
574html[data-theme="dark"] {
575  --bg: #2d4839;
576  --text: #faecff;
577  --accent: #81718c;
578  --border: #577362;
579  --bg-card: #122d1f;
580  --bg-muted: #122d1f;
581  --text-light: #577362;
582  --text-muted: #7d9a87;
583  --accent-text: #000000;
584  --accent-hover: #faecff;
585}
586
587.card, .card-flush {
588  border: 1px solid #7d9a87;
589  border-radius: 12px;
590  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
591}
592    </style>
593            <style>body { background: transparent !important; }</style>
594    </head>
595<body>
596
597            <div id="artist-bg-layer" style="position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none;background-image:url(/marketplace/images/health-3.webp)"></div>
598    <div id="artist-bg-overlay" style="position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);opacity:0.53"></div>
599    
600    <!-- Navigation -->
601    <header>
602        <div class="container">
603            <nav class="nav">
604                <div class="nav-left">
605                    <span class="nav-logo">Own this domain</span>
606                                        <span class="nav-brand-logo logo-zoomable" role="button" tabindex="0"
607                          title="Click to enlarge logo"
608                          aria-label="Enlarge logo"
609                          data-logo-src="https://appraise.net/api/images?action=serve&amp;domain=addictionhelpline.com&amp;file=logo_dc582503.webp"
610                          data-logo-alt="AddictionHelpline.com logo"><img src="https://appraise.net/api/images?action=serve&amp;domain=addictionhelpline.com&amp;file=logo_dc582503.webp" alt="AddictionHelpline.com logo" loading="lazy"></span>
611                                    </div>
612                <div class="nav-actions">
613                                                                <a href="/zh?setlang=zh" hreflang="zh-CN" class="btn btn-sm btn-outline">中文</a>
614                                        <button id="themeToggle" class="btn btn-sm btn-outline btn-icon" aria-label="Toggle theme">
615                        <i class="fas fa-sun hidden" id="themeIconLight"></i>
616                        <i class="fas fa-moon hidden" id="themeIconDark"></i>
617                    </button>
618                                            <a href="https://appraise.net/login?redirect=%2Fmarketplace%2Faddictionhelpline.com" class="btn btn-sm btn-outline">Sign In</a>
619                        <a href="https://appraise.net/register?redirect=%2Fmarketplace%2Faddictionhelpline.com" class="btn btn-sm btn-primary">Register</a>
620                                    </div>
621            </nav>
622        </div>
623    </header>
624
625    <!-- Seller Actions Bar (only visible to listing owner; suppressed in preview mode) -->
626    
627    <!-- Main Content -->
628    <main class="container main-content">
629        <div class="layout">
630
631            <!-- CENTER — Main Content -->
632            <div class="layout-center">
633                <!-- Hero Card: Domain Name + CTA Title -->
634                <div class="card card-mb hero-card" data-card="hero">
635                    <div class="hero-card-bg" style="background-image:url('https://appraise.net/api/images?action=serve&amp;domain=addictionhelpline.com&amp;file=hero_0dd3b027.webp')"></div>                    <div class="hero-card-content">
636                                            <p class="text-body text-muted fw-500 hero-subtitle">Acquire the Ultimate Category-Defining Domain for Addiction Recovery &amp; Support</p>
637                                        <h1 class="domain-name">AddictionHelpline.com</h1>
638                                        <div class="flex gap-8 justify-center flex-wrap hero-badges">
639                                                    <span class="badge badge-health">Health</span>
640                                                    <span class="badge badge-business">Business</span>
641                                                    <span class="badge badge-media">Media</span>
642                                            </div>
643                                                            <div class="hero-share">
644                        <a class="btn btn-sm btn-x-share" href="https://twitter.com/intent/tweet?text=AddictionHelpline.com%0AAcquire%20the%20Ultimate%20Category-Defining%20Domain%20for%20Addiction%20Recovery%20%26%20Support%0Ahttps%3A%2F%2Fappraise.net%2Fmarketplace%2Faddictionhelpline.com"
645                           target="_blank" rel="noopener noreferrer"
646                           aria-label="Share on X">
647                            <i class="fab fa-x-twitter" aria-hidden="true"></i> Share on X                        </a>
648                    </div>
649                    </div>
650                </div>
651
652                <!-- Strengths Card -->
653                                <div class="card card-mb" data-card="strengths">
654                    <h2 class="card-heading">Strengths</h2>
655                    <div>
656                                                <div class="strength-item">
657                            <span class="strength-icon"><i class="fas fa-check"></i></span>
658                            <span class="text-sm">Positioned in the extremely high-value healthcare and rehabilitation sector</span>
659                        </div>
660                                                <div class="strength-item">
661                            <span class="strength-icon"><i class="fas fa-check"></i></span>
662                            <span class="text-sm">Exact-match search term with massive commercial intent and high organic search volume</span>
663                        </div>
664                                                <div class="strength-item">
665                            <span class="strength-icon"><i class="fas fa-check"></i></span>
666                            <span class="text-sm">Establishes instant authority, trust, and credibility for a national hotline or lead-generation platform</span>
667                        </div>
668                                                <div class="strength-item">
669                            <span class="strength-icon"><i class="fas fa-check"></i></span>
670                            <span class="text-sm">Highly memorable and easy to communicate over phone, radio, or television broadcasts</span>
671                        </div>
672                                            </div>
673                </div>
674                
675                <!-- Market Analysis Card -->
676                                <div class="card card-mb" data-card="market-analysis">
677                    <h2 class="card-heading-tight">Market Analysis</h2>
678                    <p class="text-sm text-muted lh-relaxed">AddictionHelpline.com is a premier digital asset within the addiction treatment and recovery industry—a sector characterized by exceptionally high patient acquisition costs and competitive advertising markets. Owning the category-defining exact-match .com domain provides an immense competitive advantage, driving organic authority and lowering marketing costs. This domain is ideally suited for a national treatment network, a major healthcare provider, or a high-volume lead generation platform looking to establish immediate trust and market dominance.</p>
679                </div>
680                
681                <!-- Quality Factors Card -->
682                                                <div class="card card-mb" data-card="factors">
683                    <h2 class="card-heading">Quality Factors</h2>
684                    <div class="factor-grid">
685                                                <div class="factor-item">
686                            <div class="factor-label">Brandability</div>
687                            <div class="factor-value">Excellent</div>
688                        </div>
689                                                <div class="factor-item">
690                            <div class="factor-label">Memorability</div>
691                            <div class="factor-value">Excellent</div>
692                        </div>
693                                                <div class="factor-item">
694                            <div class="factor-label">Commercial</div>
695                            <div class="factor-value">High</div>
696                        </div>
697                                                <div class="factor-item">
698                            <div class="factor-label">Length</div>
699                            <div class="factor-value">Good</div>
700                        </div>
701                                                <div class="factor-item">
702                            <div class="factor-label">Traffic</div>
703                            <div class="factor-value">High</div>
704                        </div>
705                                                <div class="factor-item">
706                            <div class="factor-label">Search Vol</div>
707                            <div class="factor-value">High</div>
708                        </div>
709                                            </div>
710                </div>
711                
712                <!-- Domain Details Card -->
713                                <div class="card card-mb" data-card="domain-info">
714                    <h2 class="card-heading">Domain Details</h2>
715                    <div class="flex flex-col detail-list">
716                        <div class="detail-row">
717                            <span class="text-light">TLD</span>
718                                                        <span class="fw-600">.com</span>
719                        </div>
720                        <div class="detail-row">
721                            <span class="text-light">Length</span>
722                            <span class="fw-600">17 chars</span>
723                        </div>
724                        <div class="detail-row">
725                            <span class="text-light">Type</span>
726                            <span class="fw-600">Exact match keyword</span>
727                        </div>
728                                                <div class="detail-row">
729                            <span class="text-light">Brandability</span>
730                            <span class="fw-600">Excellent</span>
731                        </div>
732                                                                        <div class="detail-row">
733                            <span class="text-light">Memorability</span>
734                            <span class="fw-600">Excellent</span>
735                        </div>
736                                            </div>
737                </div>
738                
739                <!-- Notes Card -->
740                                <div class="card card-mb" data-card="notes">
741                    <h2 class="card-heading-tight">Additional Notes</h2>
742                    <p class="text-sm text-muted lh-relaxed">An institutional-grade domain asset with clear commercial utility and high defensive value for major players in the healthcare space.</p>
743                </div>
744                
745                <!-- Seller Info Card (opt-in via seller's portfolio preference) -->
746                            </div>
747
748            <!-- RIGHT SIDEBAR — Price + Actions -->
749            <div class="layout-right sticky-sidebar">
750                <!-- Price Card -->
751                <div class="card card-mb-sm" data-card="price"
752                     data-buy-now-price="125,000"
753                     data-min-offer-price="6250"
754                     data-estimated-high="152,500"
755                     data-show-appraisal="1"
756                     data-listing-id="10382"
757                     data-domain="addictionhelpline.com"
758                     data-canonical-url="https://appraise.net/marketplace/addictionhelpline.com"
759                     data-is-logged-in="0"
760                     data-listing-type="buy_now_or_offer"
761                     data-is-seller="0"
762                     data-buy-now-enabled="1"
763                     data-cert-id="2026-13749-C2289D"
764                     data-lto-total="170,000"
765                     data-lto-monthly="12,364"
766                     data-lto-down="34,000"
767                     data-lto-months="11">
768                    <div id="priceCardContent">
769                                                                <div class="factor-label price-label">Price</div>
770                        <div class="price-tag price-amount">$125,000</div>
771                                                <div class="text-xs text-light price-appraisal">
772                            <a href="#" class="cert-link" data-cert-id="2026-13749-C2289D">Appraised at $152,500 <i class="fas fa-certificate" style="font-size:0.65em;opacity:0.6"></i></a> <span class="discount-badge">18% off</span>                        </div>
773                                                                                                                                        <button class="btn btn-primary btn-mb" id="buyEscrowBtn" title="Sale price: $125,000
774+ Escrow.com fee (shown at next step)
775
776Wire transfer via Escrow.com is much cheaper.
777Funds held until domain transfer confirmed.">
778                                    <i class="fas fa-shield-alt"></i> Buy via Escrow.com <span style="font-size:0.7rem; opacity:0.9; font-weight:500;">· Recommended</span>
779                                </button>
780                                                                    <button class="btn btn-outline btn-mb" id="buyNowBtn" title="Sale price: $125,000
781+ Card processing (3%): $3,750.00
782= Total: $128,750.00
783
784Funds held until domain transfer confirmed.">
785                                        <i class="fas fa-credit-card"></i> Or pay by card                                    </button>
786                                                                                                            <button class="btn btn-outline btn-mb" id="payBtcBtn" title="Sale price: $125,000
787+ No card fee
788= Total: $125,000
789
790Complete buyer privacy: no identity check, only your verified email.
791Rate locked for 30 minutes. Paid after 6 network confirmations.">
792                                        <i class="fab fa-bitcoin"></i> Pay with Bitcoin                                    </button>
793                                                                                                                                                                                    <button class="btn btn-outline btn-mb" id="payCryptoBtn" title="Pay with stablecoins (USDC and more). No card fee. The payment processor verifies your identity.">
794                                        <i class="fas fa-coins"></i> Pay with stablecoins                                    </button>
795                                    <button class="btn btn-outline btn-mb" id="payBankBtn" title="US bank debit (ACH). No card fee; settles in a few business days.">
796                                        <i class="fas fa-university"></i> Pay by bank - save 2%                                    </button>
797                                                                                                            <div style="margin-top:6px;font-size:12px;color:#6b7280;">
798                                        <i class="fab fa-alipay" style="color:#1677ff;"></i>
799                                        <a href="/zh?setlang=zh" style="color:#6b7280;text-decoration:underline;">支持支付宝付款 · 查看中文页面</a>
800                                    </div>
801                                                                                                                                                            <div class="lto-addon-option" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);">
802                                    <div class="text-sm" style="margin-bottom:6px;">or <strong>lease to own</strong> from <strong>$12,364/mo</strong> &times; 11 months &middot; $34,000 down</div>
803                                    <button class="btn btn-outline btn-mb" id="ltoStartBtn" title="Pay over 11 months. Total $170,000.">
804                                        <i class="fas fa-file-signature"></i> Lease to Own                                    </button>
805                                </div>
806                                                                        
807                                                                        <button class="btn btn-outline btn-mb" id="makeOfferBtn">
808                                <i class="fas fa-hand-holding-usd"></i> Make Offer                            </button>
809                                            
810                                        </div>
811
812                                        <div class="flex gap-8">
813                                                <button class="btn btn-sm btn-outline flex-1" id="favoriteBtn" data-listing-id="10382">
814                            <i class="far fa-heart"></i>
815                            Save                        </button>
816                                            </div>
817                                                        </div>
818
819                <!-- Trust Card -->
820                <div class="card" data-card="trust">
821                    <div class="flex flex-col trust-list">
822                        <div class="trust-item">
823                            <i class="fas fa-shield-alt trust-icon"></i>
824                                                        <span>Transaction managed by Appraise.net / Domaincracy LLC</span>
825                                                    </div>
826                                                <div class="trust-item">
827                            <i class="fas fa-certificate trust-icon"></i>
828                            <span>AI-verified appraisal</span>
829                        </div>
830                                                <div class="trust-item">
831                            <i class="fas fa-exchange-alt trust-icon"></i>
832                            <span>Guided domain transfer</span>
833                        </div>
834                    </div>
835                </div>
836
837                <!-- Seller Analytics (seller only) -->
838                            </div>
839        </div>
840    </main>
841
842    <!-- Mobile Sticky CTA -->
843        <div class="mobile-cta">
844        <div class="mobile-cta-text">
845                            <div class="mobile-cta-price">$125,000</div>
846                    </div>
847                                    <button class="btn btn-primary btn-cta">Buy Now</button>
848                        </div>
849    
850    <style>
851    .mkt-footer {
852        background: #111827;
853        padding: 34px 0 42px;
854        margin-top: 64px;
855    }
856    .mkt-footer-inner { text-align: center; font-size: 0.8125rem; color: #9ca3af; }
857    .mkt-footer-link { color: #d1d5db; text-decoration: none; font-weight: 600; }
858    .mkt-footer-link:hover { color: #ffffff; }
859    .mkt-footer-badges { margin: 16px 0 4px; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
860    .mkt-cred { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4e4ec; border-radius: 10px;
861                padding: 7px 13px; background: #fafafa; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
862    .mkt-cred:hover { border-color: #34d399; box-shadow: 0 4px 14px rgba(52,211,153,.18); }
863    .mkt-cred .ic { color: #067647; font-size: 15px; }
864    .mkt-cred img { height: 18px; width: auto; display: block; }
865    .mkt-cred .t { line-height: 1.15; text-align: left; }
866    .mkt-cred .t small { display: block; font-size: 10px; color: #6b7180; letter-spacing: .02em; }
867    .mkt-cred .t b { font-size: 12px; color: #067647; font-weight: 800; }
868    .mkt-footer-credentials { margin-top: 10px; font-size: 0.75rem; color: #6b7280; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; }
869    .mkt-footer-credentials span { white-space: nowrap; }
870    .mkt-footer-credentials a { color: inherit; }
871    .mkt-footer-tip { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
872</style>
873<footer class="mkt-footer">
874    <div class="container mkt-footer-inner">
875        <p>Powered by <a href="https://appraise.net" class="mkt-footer-link">Appraise.net&trade; Marketplace</a> &mdash; A Domaincracy&reg; LLC Service</p>
876        <div class="mkt-footer-badges">
877            <a class="mkt-cred" href="https://developer.mozilla.org/en-US/observatory/analyze?host=appraise.net"
878               target="_blank" rel="noopener noreferrer" title="Mozilla Observatory Security Score">
879                <span class="ic" aria-hidden="true">&#128737;</span>
880                <span class="t"><small>Security Score</small><b>105/100 A+</b></span>
881            </a>
882            <a class="mkt-cred" href="https://transparencyreport.google.com/safe-browsing/search?url=appraise.net&amp;hl=en"
883               target="_blank" rel="noopener noreferrer" title="Google Safe Browsing Status">
884                <img src="https://appraise.net/images/safebrowsing-logo.svg" alt="Safe Browsing">
885                <span class="t"><small>Safe Browsing</small><b>No issues</b></span>
886            </a>
887            <a class="mkt-cred" href="https://www.escrow.com/why-escrowcom" target="_blank" rel="noopener noreferrer"
888               title="High-value transfers handled by Escrow.com, a licensed escrow company">
889                <span class="ic" aria-hidden="true">&#128274;</span>
890                <span class="t"><small>Transfers via</small><b>Escrow.com</b></span>
891            </a>
892            <a class="mkt-cred" href="https://stripe.com" target="_blank" rel="noopener noreferrer"
893               title="Card payments processed by Stripe">
894                <img src="https://appraise.net/images/stripe.png" alt="Stripe" style="height:16px;">
895                <span class="t"><small>Payments by</small><b>Stripe</b></span>
896            </a>
897            <a class="mkt-cred" href="https://www.bbb.org/us/az/scottsdale/profile/web-hosting/domaincracy-1126-1000057633#sealclick"
898               target="_blank" rel="noopener noreferrer" title="Better Business Bureau profile: Domaincracy LLC, Scottsdale AZ">
899                <span class="ic" aria-hidden="true">&#11088;</span>
900                <span class="t"><small>BBB Rating</small><b>A+</b></span>
901            </a>
902        </div>
903        <div class="mkt-footer-credentials">
904            <span><span class="mkt-footer-tip" title="Internet Corporation for Assigned Names and Numbers &mdash; Business Constituency">ICANN BC</span> Member</span>
905            <span><a href="https://www.iana.org/assignments/enterprise-numbers/?q=domaincracy" target="_blank" rel="noopener noreferrer"><span class="mkt-footer-tip" title="Internet Assigned Numbers Authority &mdash; Private Enterprise Number">IANA PEN</span> 46780</a></span>
906            <span><span class="mkt-footer-tip" title="Internet Commerce Association">ICA</span> Member</span>
907        </div>
908    </div>
909</footer>
910
911    <!-- Certificate Modal -->
912    <div id="certModal" class="cert-modal">
913        <div class="cert-modal-backdrop"></div>
914        <div class="cert-modal-content">
915            <button class="cert-modal-close"><i class="fas fa-times"></i></button>
916            <div class="cert-modal-loading"><i class="fas fa-spinner fa-spin"></i> Retrieving certificate...</div>
917            <iframe id="certIframe" class="cert-modal-iframe"></iframe>
918        </div>
919    </div>
920
921    <!-- Handoff Modal (shown on non-canonical hosts before bouncing to appraise.net) -->
922    <div id="handoffModal" class="offer-modal" hidden>
923        <div class="offer-modal-backdrop" data-handoff-close></div>
924        <div class="offer-modal-content">
925            <button class="offer-modal-close" data-handoff-close aria-label="Close"><i class="fas fa-times"></i></button>
926            <h3 class="offer-modal-title" id="handoffTitle">Continue on Appraise.net</h3>
927            <p class="offer-modal-sub" id="handoffSub">
928                Offers are negotiated and paid securely on <strong>Appraise.net Marketplace</strong>. You'll be taken there to complete your offer — and you can return here any time.
929            </p>
930            <div class="offer-modal-actions">
931                <button class="btn btn-outline" data-handoff-close>Cancel</button>
932                <a class="btn btn-primary" id="handoffContinueBtn" href="#">Continue to Appraise.net <i class="fas fa-arrow-right"></i></a>
933            </div>
934        </div>
935    </div>
936
937    <!-- Offer / Inquiry Modal -->
938        <div id="ltoTermsModal" class="offer-modal" hidden>
939        <div class="offer-modal-backdrop" data-lto-close></div>
940        <div class="offer-modal-content">
941            <button class="offer-modal-close" data-lto-close aria-label="Close"><i class="fas fa-times"></i></button>
942            <h3 class="offer-modal-title">Before you start the lease</h3>
943            <p class="offer-modal-sub">A lease-to-own is a contract between you and the seller. The essentials: you pay monthly by card, you may use the domain while payments are current, a missed payment forfeits the lease after a short deadline and paid installments are not refunded, and the domain transfers to you when the last payment clears. You can pay off the balance at any time.</p>
944            <label style="display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:0.95rem;line-height:1.45;cursor:pointer;">
945                <input type="checkbox" id="ltoTermsAck" style="margin-top:4px;">
946                <span>I have read the <a href="https://appraise.net/help?category=marketplace&amp;article=lease-to-own-terms" target="_blank" rel="noopener" style="text-decoration:underline;">lease-to-own terms</a> and agree to them for this domain.</span>
947            </label>
948            <button class="btn btn-primary" id="ltoTermsContinue" disabled><i class="fas fa-file-signature"></i> Start lease</button>
949            <p class="mpt-error" id="ltoTermsError" hidden style="margin-top:8px;color:#dc2626;font-size:13px;"></p>
950        </div>
951    </div>
952    <div id="offerModal" class="offer-modal" hidden>
953        <div class="offer-modal-backdrop" data-offer-close></div>
954        <div class="offer-modal-content">
955            <button class="offer-modal-close" data-offer-close aria-label="Close"><i class="fas fa-times"></i></button>
956            <h3 class="offer-modal-title" id="offerModalTitle">Make an Offer</h3>
957            <p class="offer-modal-sub" id="offerModalSub"></p>
958
959            <div class="offer-modal-field" id="offerAmountField">
960                <label for="offerAmountInput">Your offer (USD)</label>
961                <div class="offer-amount-row">
962                    <span class="offer-amount-prefix">$</span>
963                    <input type="number" id="offerAmountInput" inputmode="numeric" min="6250" step="1" placeholder="6250">
964                </div>
965                                <div class="offer-modal-hint">Minimum offer: $6,250</div>
966                            </div>
967
968            <div class="offer-modal-field" id="offerExpiryField">
969                <label for="offerExpiryInput">Offer good for</label>
970                <select id="offerExpiryInput" class="input" style="width:100%;">
971                    <option value="3">3 days</option>
972                    <option value="7">7 days</option>
973                    <option value="14" selected>14 days</option>
974                    <option value="30">30 days</option>
975                </select>
976                <div class="offer-modal-hint">How long the seller has to respond before this offer lapses. You can always re-offer.</div>
977            </div>
978
979            <div class="offer-modal-field">
980                <label for="offerMessageInput" id="offerMessageLabel">Message <span class="text-light">(optional)</span></label>
981                <textarea id="offerMessageInput" rows="3" maxlength="1000" placeholder="Add a note for the seller..."></textarea>
982                <div class="offer-modal-hint">No emails, phone numbers, or links — they'll be filtered.</div>
983            </div>
984
985            <div class="offer-modal-error" id="offerModalError" hidden></div>
986
987            <div class="offer-modal-actions">
988                <button class="btn btn-outline" data-offer-close>Cancel</button>
989                <button class="btn btn-primary" id="offerSubmitBtn"><i class="fas fa-paper-plane"></i> <span id="offerSubmitLabel">Send Offer</span></button>
990            </div>
991        </div>
992    </div>
993
994    <div id="escrowModal"
995     role="dialog"
996     aria-modal="true"
997     aria-labelledby="escrowModalTitle"
998     data-prefill-email=""
999     style="display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center;">
1000
1001    <div id="escrowModalOverlay" style="position:absolute; inset:0; background:rgba(15,23,42,0.55); backdrop-filter: blur(2px);"></div>
1002
1003    <div role="document"
1004         style="position:relative; background:#ffffff; color:#0f172a; max-width:480px; width:calc(100% - 32px); border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.25); padding:24px 24px 20px 24px; font-family:'Inter', system-ui, -apple-system, sans-serif;">
1005
1006        <button type="button" id="escrowModalClose" aria-label="Close"
1007                style="position:absolute; top:8px; right:10px; background:none; border:none; font-size:22px; line-height:1; color:#64748b; cursor:pointer; padding:6px 10px;">&times;</button>
1008
1009        <h3 id="escrowModalTitle" style="margin:0 0 10px 0; font-size:1.15rem; font-weight:700;">
1010            <i class="fas fa-shield-alt" style="color:#16a34a; margin-right:6px;"></i> Pay via Escrow.com
1011        </h3>
1012
1013        <p style="margin:0 0 10px 0; font-size:0.875rem; line-height:1.5; color:#334155;">
1014            Escrow.com holds your funds until the domain transfer is confirmed.
1015            Choose this if you have a verified Escrow.com account or are willing to verify (free, ~5 mins).
1016        </p>
1017
1018        <button type="button" id="escrowExplainerToggle"
1019                aria-expanded="false" aria-controls="escrowExplainerPanel"
1020                style="display:inline-flex; align-items:center; gap:4px; background:none; border:none; padding:0 0 0 0; margin:0 0 14px 0; color:#0369a1; font-size:0.8125rem; font-weight:600; cursor:pointer;">
1021            <span id="escrowExplainerToggleLabel">What is Escrow.com?</span>
1022            <i id="escrowExplainerChevron" class="fas fa-chevron-down" style="font-size:0.7rem; transition:transform 0.15s ease;"></i>
1023        </button>
1024
1025        <div id="escrowExplainerPanel" hidden
1026             style="background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px; padding:12px 14px; margin:0 0 16px 0; font-size:0.8125rem; line-height:1.55; color:#0f172a;">
1027            <p style="margin:0 0 8px 0; font-weight:600;">Escrow.com is the industry-standard payment processor for high-value domain sales.</p>
1028            <ul style="margin:0; padding-left:18px; color:#334155;">
1029                <li><strong>Funds held safely.</strong> Your payment is held by Escrow.com — not the seller — until you confirm the domain is in your account.</li>
1030                <li><strong>Wire or other methods.</strong> Wire transfer is the standard for larger sales; other options surface during checkout.</li>
1031                <li><strong>Quick verification.</strong> If you don't have an Escrow.com account, signup + verification takes ~5 minutes and is free.</li>
1032                <li><strong>Used worldwide.</strong> Standard rails for six- and seven-figure domain deals — same protection scaled to your transaction size.</li>
1033            </ul>
1034            <p style="margin:8px 0 0 0; font-size:0.75rem; color:#64748b;">
1035                Don't have an account? You can verify at <a href="https://www.escrow.com" target="_blank" rel="noopener" style="color:#0369a1;">escrow.com</a> first, then return here with the verified email.
1036            </p>
1037        </div>
1038
1039        <label for="escrowModalEmail" style="display:block; font-size:0.8125rem; font-weight:600; margin-bottom:6px; color:#0f172a;">
1040            Your Escrow.com email
1041        </label>
1042        <input type="email" id="escrowModalEmail" autocomplete="email" required
1043               placeholder="[email protected]"
1044               style="display:block; width:100%; padding:10px 12px; font-size:0.9375rem; border:1px solid #cbd5e1; border-radius:8px; color:#0f172a; box-sizing:border-box;" />
1045
1046        <p id="escrowModalHint" style="margin:6px 0 0 0; font-size:0.75rem; color:#64748b;">
1047            Use the email matching your verified Escrow.com account, or any email you'll verify with them.
1048        </p>
1049
1050        <p id="escrowModalError" role="alert" hidden
1051           style="margin:10px 0 0 0; font-size:0.8125rem; color:#dc2626;"></p>
1052
1053        <div style="display:flex; gap:10px; justify-content:flex-end; margin-top:18px;">
1054            <button type="button" id="escrowModalCancel"
1055                    style="padding:8px 16px; font-size:0.875rem; font-weight:500; background:#f1f5f9; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer;">
1056                Cancel
1057            </button>
1058            <button type="button" id="escrowModalContinue"
1059                    style="padding:8px 18px; font-size:0.875rem; font-weight:600; background:#16a34a; color:#ffffff; border:1px solid #16a34a; border-radius:8px; cursor:pointer;">
1060                Continue to Escrow.com
1061            </button>
1062        </div>
1063    </div>
1064</div>
1065
1066        <!-- Full-logo lightbox (opened from the nav brand logo) -->
1067    <div id="logo-lightbox" class="logo-lightbox" hidden>
1068        <button type="button" class="logo-lightbox-close" aria-label="Close">&times;</button>
1069        <img class="logo-lightbox-img" src="" alt="">
1070    </div>
1071    
1072    
1072<script src="/js/marketplace-escrow-modal.js?v=1790507269"></script>
1072
1073    
1073<script src="/js/marketplace-listing.js?v=1790507269"></script>
1073
1074    
1074<script src="/js/marketplace-artist-listener.js?v=1790507269"></script>
1074
1075</body>
1076</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.