File size: 38,352 Bytes
5effc67
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Comprehensive Chapter 11 Asset Declaration | Caustin Lee McLaughlin</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        display: ['Crimson Pro', 'Georgia', 'serif'],
                        body: ['Inter', 'system-ui', 'sans-serif'],
                        mono: ['JetBrains Mono', 'monospace'],
                    }
                }
            }
        }
    </script>
    <style>
        :root {
            --ink-deep: #0c0d10;
            --ink-panel: #14151a;
            --ink-elevated: #1b1c22;
            --ink-card: #212229;
            --border-subtle: rgba(255,255,255,0.06);
            --border-medium: rgba(255,255,255,0.1);
            --border-focus: rgba(255,255,255,0.15);
            --gold-dull: #b89a6a;
            --gold-bright: #d4b87a;
            --gold-dim: #8a7a5a;
            --sage: #7a9a8a;
            --copper: #b8886a;
            --danger: #a65d5d;
            --danger-muted: #8a5555;
            --muted: rgba(255,255,255,0.4);
            --text-primary: rgba(255,255,255,0.88);
            --text-secondary: rgba(255,255,255,0.55);
            --text-tertiary: rgba(255,255,255,0.3);
        }

        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        html { scroll-behavior: smooth; }

        body {
            font-family: 'Inter', system-ui, sans-serif;
            background: var(--ink-deep);
            color: var(--text-primary);
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: var(--border-medium); border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--border-focus); }

        ::selection {
            background: rgba(184, 154, 106, 0.25);
            color: var(--gold-bright);
        }

        /* === Glass morphism cards === */
        .glass {
            background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
            backdrop-filter: blur(24px);
            border: 1px solid var(--border-subtle);
        }

        .glass-strong {
            background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
            backdrop-filter: blur(40px);
            border: 1px solid var(--border-medium);
        }

        /* === Side nav === */
        .side-nav {
            position: fixed;
            left: 0;
            top: 0;
            width: 280px;
            height: 100vh;
            z-index: 90;
            overflow-y: auto;
            padding-bottom: 40px;
            background: var(--ink-deep);
            border-right: 1px solid var(--border-subtle);
        }

        .nav-link {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 16px;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 400;
            color: var(--text-secondary);
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            letter-spacing: 0.01em;
        }

        .nav-link:hover {
            color: var(--text-primary);
            background: rgba(255,255,255,0.03);
        }

        .nav-link.active {
            color: var(--gold-bright);
            background: rgba(184, 154, 106, 0.08);
            font-weight: 500;
        }

        .nav-num {
            font-family: 'JetBrains Mono', monospace;
            font-size: 11px;
            color: var(--text-tertiary);
            min-width: 24px;
            text-align: right;
            transition: color 0.25s ease;
        }

        .nav-link.active .nav-num { color: var(--gold-dim); }

        /* === Section heading line === */
        .section-marker {
            width: 32px;
            height: 1px;
            background: var(--gold-dull);
            display: inline-block;
            vertical-align: middle;
            margin-right: 14px;
            opacity: 0.6;
        }

        /* === Expandable asset rows === */
        .asset-row {
            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            position: relative;
        }

        .asset-row::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            background: var(--border-subtle);
        }

        .asset-row:hover {
            background: rgba(255,255,255,0.02);
        }

        .asset-row.expanded {
            background: rgba(184, 154, 106, 0.04);
        }

        .asset-detail {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
            opacity: 0;
        }

        .asset-row.expanded .asset-detail {
            max-height: 400px;
            opacity: 1;
        }

        .expand-icon {
            transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            color: var(--text-tertiary);
        }

        .asset-row.expanded .expand-icon {
            transform: rotate(180deg);
            color: var(--gold-dull);
        }

        /* === Status chips === */
        .chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 3px 10px;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
            font-family: 'JetBrains Mono', monospace;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .chip-added {
            background: rgba(122, 154, 138, 0.12);
            color: #8ab89a;
            border: 1px solid rgba(122, 154, 138, 0.2);
        }

        .chip-deleted {
            background: rgba(166, 93, 93, 0.1);
            color: #c07070;
            border: 1px solid rgba(166, 93, 93, 0.2);
        }

        .chip-preferred {
            background: rgba(184, 136, 106, 0.12);
            color: #c49a6a;
            border: 1px solid rgba(184, 136, 106, 0.2);
        }

        /* === Column layout === */
        .cusip-cell {
            font-family: 'JetBrains Mono', monospace;
            font-size: 12px;
            font-weight: 500;
            color: var(--gold-dull);
            letter-spacing: 0.04em;
        }

        .profile-tag {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font-size: 11px;
            color: var(--text-secondary);
            font-weight: 400;
        }

        /* === Petition filter buttons === */
        .pet-btn {
            padding: 6px 14px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 500;
            color: var(--text-secondary);
            background: transparent;
            border: 1px solid var(--border-subtle);
            cursor: pointer;
            transition: all 0.25s ease;
            font-family: 'JetBrains Mono', monospace;
        }

        .pet-btn:hover {
            border-color: var(--border-medium);
            color: var(--text-primary);
        }

        .pet-btn.active {
            color: var(--gold-bright);
            border-color: rgba(184, 154, 106, 0.35);
            background: rgba(184, 154, 106, 0.08);
        }

        /* === Priority bar === */
        .priority-track {
            height: 3px;
            background: var(--border-subtle);
            border-radius: 10px;
            position: relative;
            overflow: visible;
        }

        .priority-fill {
            height: 100%;
            border-radius: 10px;
            position: absolute;
            left: 0;
            transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .priority-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            border: 1.5px solid var(--ink-deep);
            transition: all 0.3s ease;
        }

        /* === Print watermark === */
        .watermark {
            position: fixed;
            bottom: 24px;
            right: 28px;
            font-size: 10px;
            color: var(--text-tertiary);
            font-family: 'JetBrains Mono', monospace;
            letter-spacing: 0.06em;
            pointer-events: none;
            z-index: 5;
        }

        /* === Mobile === */
        @media (max-width: 1024px) {
            .side-nav { transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
            .side-nav.open { transform: translateX(0); }
            .main-area { margin-left: 0 !important; }
        }

        /* === Animations === */
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(16px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .anim {
            animation: fadeUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
            opacity: 0;
        }

        .anim-d1 { animation-delay: 0.08s; }
        .anim-d2 { animation-delay: 0.16s; }
        .anim-d3 { animation-delay: 0.24s; }
        .anim-d4 { animation-delay: 0.32s; }

        /* === Custom details styling === */
        details > summary { list-style: none; }
        details > summary::-webkit-details-marker { display: none; }

        /* === Hover glow for CUSIP === */
        .cusip-verify:hover {
            color: var(--gold-bright);
            cursor: pointer;
        }

        /* === Custom checkbox for petition filter === */
        .pet-filter-wrap {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
        }

        /* === Tooltip === */
        .tip {
            position: relative;
        }

        .tip::after {
            content: attr(data-tip);
            position: absolute;
            bottom: calc(100% + 8px);
            left: 50%;
            transform: translateX(-50%) scale(0.92);
            background: var(--ink-card);
            color: var(--text-secondary);
            padding: 5px 12px;
            border-radius: 6px;
            font-size: 11px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: all 0.2s ease;
            border: 1px solid var(--border-subtle);
            box-shadow: 0 4px 20px rgba(0,0,0,0.4);
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            letter-spacing: 0.01em;
        }

        .tip:hover::after {
            opacity: 1;
            transform: translateX(-50%) scale(1);
        }

        /* === Scroll progress === */
        .scroll-track {
            position: fixed;
            top: 0;
            left: 280px;
            right: 0;
            height: 1.5px;
            background: transparent;
            z-index: 100;
        }

        .scroll-fill {
            height: 100%;
            width: 0%;
            background: var(--gold-dull);
            transition: width 0.1s linear;
            opacity: 0.5;
        }

        /* === Section nav anchor hover === */
        .sec-anchor {
            text-decoration: none;
            color: inherit;
            position: relative;
        }

        .sec-anchor::after {
            content: '#';
            position: absolute;
            left: -18px;
            top: 0;
            color: var(--text-tertiary);
            opacity: 0;
            font-size: 14px;
            transition: opacity 0.2s ease;
        }

        h2:hover .sec-anchor::after, h3:hover .sec-anchor::after {
            opacity: 1;
        }

        /* === Petition card === */
        .petition-card {
            border-left: 2px solid transparent;
            transition: all 0.35s ease;
            cursor: pointer;
        }

        .petition-card:hover {
            border-left-color: var(--gold-dull);
            background: rgba(255,255,255,0.02);
        }

        .petition-card.active-card {
            border-left-color: var(--gold-bright);
            background: rgba(184, 154, 106, 0.04);
        }

        /* Divider */
        .sep {
            height: 1px;
            background: var(--border-subtle);
            margin: 0;
        }

        /* Mobile menu button */
        .menu-btn {
            display: none;
        }

        @media (max-width: 1024px) {
            .menu-btn { display: flex; }
        }

        /* Overlay */
        .overlay {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.6);
            z-index: 85;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .overlay.show {
            opacity: 1;
            pointer-events: auto;
        }
    </style>
</head>
<body>

    <!-- Scroll progress -->
    <div class="scroll-track"><div class="scroll-fill" id="scrollFill"></div></div>

    <!-- Mobile overlay -->
    <div class="overlay" id="overlay" onclick="closeNav()"></div>

    <!-- Sidebar Navigation -->
    <aside class="side-nav" id="sideNav">
        <div class="p-6 pb-4">
            <div class="flex items-center justify-between mb-1">
                <span class="font-mono text-[10px] tracking-[0.12em] uppercase" style="color:var(--gold-dim)">Legal Filing</span>
                <button class="menu-btn lg:hidden items-center justify-center w-8 h-8 rounded-lg" style="background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle)" onclick="closeNav()">
                    <i class="fas fa-times text-xs" style="color:var(--text-secondary)"></i>
                </button>
            </div>
            <h1 class="font-display text-xl font-medium tracking-wide" style="color:var(--text-primary);line-height:1.3">
                Asset Declaration<br>& Liquidation Schedule
            </h1>
            <p class="mt-2 text-[11px] font-mono tracking-wider uppercase" style="color:var(--text-tertiary)">
                Ch. 11 Estate of Caustin Lee McLaughlin
            </p>
            <div class="mt-4 flex items-center gap-2">
                <span class="chip chip-added" style="font-size:9px;padding:2px 8px;">
                    <span class="w-[5px] h-[5px] rounded-full" style="background:#8ab89a;display:inline-block;"></span>
                    Q4 2001
                </span>
                <span class="text-[10px] font-mono" style="color:var(--text-tertiary)">SEC 13F</span>
            </div>
        </div>

        <div class="px-4 py-2">
            <div class="sep mb-3"></div>
        </div>

        <nav class="px-3 space-y-0.5" id="navList">
            <a href="#declaration" class="nav-link active" data-sec="declaration">
                <span class="nav-num">01</span>
                <span>Legal Declaration</span>
            </a>
            <a href="#securities" class="nav-link" data-sec="securities">
                <span class="nav-num">02</span>
                <span>Securities Schedule</span>
            </a>
            <a href="#analysis" class="nav-link" data-sec="analysis">
                <span class="nav-num">03</span>
                <span>Status & Liquidation</span>
            </a>
            <a href="#priority" class="nav-link" data-sec="priority">
                <span class="nav-num">04</span>
                <span>Priority Analysis</span>
            </a>
            <a href="#protocol" class="nav-link" data-sec="protocol">
                <span class="nav-num">05</span>
                <span>CUSIP Protocol</span>
            </a>
            <a href="#petitions" class="nav-link" data-sec="petitions">
                <span class="nav-num">06</span>
                <span>Related Petitions</span>
            </a>
        </nav>

        <div class="px-4 py-4 mt-4">
            <div class="sep mb-4"></div>
            <div class="text-[10px] leading-relaxed" style="color:var(--text-tertiary);font-family:'JetBrains Mono',monospace;">
                Filed pursuant to<br>Rule 13f-1(c) [17 CFR 240.13f-1(c)]<<br>
                <span style="color:var(--gold-dim)">Securities Exchange Act of 1934</span><br>
                15 USC 78m(f)(3)
            </div>
        </div>
    </aside>

    <!-- Mobile header -->
    <header class="lg:hidden fixed top-0 left-0 right-0 z-[80] px-4 py-3 flex items-center justify-between" style="background:rgba(12,13,16,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)">
        <div>
            <h1 class="font-display text-sm font-medium" style="color:var(--text-primary)">Asset Declaration</h1>
            <p class="text-[9px] font-mono tracking-wider uppercase" style="color:var(--text-tertiary)">Ch. 11 McLaughlin Estate</p>
        </div>
        <button class="menu-btn items-center justify-center w-9 h-9 rounded-lg" style="background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle)" onclick="openNav()">
            <i class="fas fa-bars text-xs" style="color:var(--text-secondary)"></i>
        </button>
    </header>

    <!-- Main Content -->
    <main class="main-area" style="margin-left:280px;padding-top:0;">
        <div class="max-w-[860px] mx-auto px-6 lg:px-10 pt-12 pb-32">

            <!-- AnyCoder attribution -->
            <div class="flex items-center gap-3 mb-12 anim anim-d1">
                <div class="h-px flex-1" style="background:var(--border-subtle)"></div>
                <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="text-[10px] font-mono tracking-[0.1em] uppercase flex items-center gap-2" style="color:var(--gold-dim);text-decoration:none;white-space:nowrap;">
                    Built with anycoder <i class="fas fa-arrow-up-right-from-square text-[8px]"></i>
                </a>
                <div class="h-px flex-1" style="background:var(--border-subtle)"></div>
            </div>

            <!-- === SECTION 1: LEGAL DECLARATION === -->
            <section id="declaration" class="mb-20 scroll-mt-20">
                <div class="anim anim-d2">
                    <div class="flex items-center gap-3 mb-6">
                        <span class="section-marker"></span>
                        <span class="font-mono text-[10px] tracking-[0.15em] uppercase" style="color:var(--gold-dim)">Section I</span>
                    </div>
                    <h2 class="font-display text-3xl lg:text-4xl font-light tracking-wide mb-8" style="color:var(--text-primary);line-height:1.2">
                        <a href="#declaration" class="sec-anchor">Legal Declaration of Debtor's Interest in Section 13(f) Securities</a>
                    </h2>

                    <div class="glass rounded-2xl p-7 lg:p-9 mb-8 relative overflow-hidden">
                        <div class="absolute top-0 right-0 w-40 h-40 rounded-full opacity-[0.03]" style="background:var(--gold-dull);transform:translate(40%,-40%);filter:blur(40px)"></div>
                        <div class="relative">
                            <p class="text-[15px] leading-[1.9] mb-6" style="color:var(--text-primary)">
                                In the administration of the <strong style="color:var(--gold-bright);font-weight:500">Caustin Lee McLaughlin</strong> bankruptcy estate, the transparent disclosure of institutional-grade securities is a foundational requirement for the equitable treatment of creditors.
                            </p>
                            <p class="text-[14px] leading-[1.85] mb-6" style="color:var(--text-secondary)">
                                This declaration is prepared in strict accordance with the Securities Exchange Act of 1934 and <strong style="color:var(--text-primary);font-weight:500">Rule 13f-1</strong>, which provides the mandatory framework for identifying "Section 13(f) securities." Under Section 13(f)(3) of the Act, the Securities and Exchange Commission (SEC) maintains the official list of these assets to ensure that market participants and bankruptcy trustees can rely on standardized data for valuation and reporting.
                            </p>
                            <p class="text-[14px] leading-[1.85] mb-6" style="color:var(--text-secondary)">
                                As the debtor, there is a formal legal responsibility to report the specific number of shares held and their fair market value as of the final day of the calendar quarter. Per the "General User Information" provided by the SEC, this inventory serves as the authoritative basis for all Form 13F filings for the quarter ending <strong style="color:var(--text-primary);font-weight:500">December 31, 2001</strong>.
                            </p>

                            <div class="sep my-6"></div>

                            <div class="grid md:grid-cols-3 gap-5">
                                <div class="p-5 rounded-xl" style="background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle)">
                                    <div class="font-mono text-[10px] tracking-wider uppercase mb-2" style="color:var(--gold-dim)">Rule 13f-1(c)</div>
                                    <div class="text-[13px] leading-relaxed" style="color:var(--text-secondary)">
                                        <strong style="color:var(--text-primary)">17 CFR 240.13f-1(c)</strong><br>Defines the scope of Section 13(f) securities
                                    </div>
                                </div>
                                <div class="p-5 rounded-xl" style="background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle)">
                                    <div class="font-mono text-[10px] tracking-wider uppercase mb-2" style="color:var(--gold-dim)">Section 13(f)(3)</div>
                                    <div class="text-[13px] leading-relaxed" style="color:var(--text-secondary)">
                                        <strong style="color:var(--text-primary)">15 USC 78m(f)(3)</strong><br>Mandates public availability & quarterly publication
                                    </div>
                                </div>
                                <div class="p-5 rounded-xl" style="background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle)">
                                    <div class="font-mono text-[10px] tracking-wider uppercase mb-2" style="color:var(--gold-dim)">Section 13(f)(1)</div>
                                    <div class="text-[13px] leading-relaxed" style="color:var(--text-secondary)">
                                        Establishes reporting requirements for share counts and fair market value
                                    </div>
                                </div>
                            </div>

                            <div class="mt-6 p-4 rounded-xl flex items-start gap-3" style="background:rgba(122,154,138,0.06);border:1px solid rgba(122,154,138,0.15)">
                                <i class="fas fa-shield-halved text-xs mt-0.5" style="color:var(--sage)"></i>
                                <p class="text-[12px] leading-[1.7]" style="color:rgba(122,154,138,0.8)">
                                    This legal framework ensures that the following inventory of securities is evaluated against recognized regulatory standards, providing a verifiable basis for the recovery and distribution of creditor claims.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- === SECTION 2: SECURITIES INVENTORY === -->
            <section id="securities" class="mb-20 scroll-mt-20">
                <div class="anim anim-d3">
                    <div class="flex items-center gap-3 mb-6">
                        <span class="section-marker"></span>
                        <span class="font-mono text-[10px] tracking-[0.15em] uppercase" style="color:var(--gold-dim)">Section II</span>
                    </div>
                    <h2 class="font-display text-3xl lg:text-4xl font-light tracking-wide mb-4" style="color:var(--text-primary);line-height:1.2">
                        <a href="#securities" class="sec-anchor">Detailed Schedule of Securities Assets</a>
                    </h2>
                    <p class="text-[14px] leading-relaxed mb-8 max-w-xl" style="color:var(--text-secondary)">
                        The accurate identification of assets through CUSIP identification is critical to preventing fraud and ensuring that the estate's valuation is beyond reproach.
                    </p>

                    <!-- Table I: Inventory -->
                    <div class="mb-10">
                        <div class="flex items-center justify-between mb-5">
                            <h3 class="font-display text-xl font-medium tracking-wide" style="color:var(--text-primary)">
                                Table I: Inventory of Primary Securities Assets
                            </h3>
                            <span class="font-mono text-[10px] tracking-wider uppercase" style="color:var(--text-tertiary)">Q4 2001</span>
                        </div>

                        <div class="rounded-2xl overflow-hidden" style="border:1px solid var(--border-subtle)">
                            <!-- Table header -->
                            <div class="hidden lg:grid grid-cols-[120px_1fr_180px_100px_220px] gap-0 px-5 py-3 text-[10px] font-mono tracking-[0.1em] uppercase" style="color:var(--text-tertiary);background:rgba(255,255,255,0.02);border-bottom:1px solid var(--border-subtle)">
                                <span>CUSIP</span>
                                <span>Issuer</span>
                                <span>Description</span>
                                <span>Status</span>
                                <span>Marketability Profile</span>
                            </div>

                            <!-- Asset rows -->
                            <div id="assetRows"></div>
                        </div>
                    </div>

                    <!-- Options commentary -->
                    <div class="glass rounded-2xl p-7 lg:p-9 relative overflow-hidden">
                        <div class="absolute bottom-0 left-0 w-48 h-48 rounded-full opacity-[0.03]" style="background:var(--copper);transform:translate(-30%,30%);filter:blur(50px)"></div>
                        <div class="relative">
                            <div class="flex items-center gap-2.5 mb-4">
                                <div class="w-7 h-7 rounded-lg flex items-center justify-center" style="background:rgba(184,136,106,0.1);border:1px solid rgba(184,136,106,0.2)">
                                    <i class="fas fa-chart-line text-[10px]" style="color:var(--copper)"></i>
                                </div>
                                <span class="font-mono text-[10px] tracking-[0.12em] uppercase" style="color:var(--copper)">Derivative Position Advisory</span>
                            </div>
                            <p class="text-[14px] leading-[1.85]" style="color:var(--text-secondary)">
                                The presence of Call and Put options for issuers such as <strong style="color:var(--text-primary);font-weight:500">DaimlerChrysler AG</strong> and <strong style="color:var(--text-primary);font-weight:500">AOL Time Warner Inc</strong> introduces a complex layer of marketability to the estate. Options represent time-sensitive interests; while they offer the potential for leveraged gains or protective hedging, they require active management by the bankruptcy trustee to prevent expiration and total loss of value.
                            </p>
                            <p class="text-[14px] leading-[1.85] mt-4" style="color:var(--text-secondary)">
                                Unlike common (COM) or ordinary (ORD) shares, which represent a permanent equity interest in the issuer's capital stack, these derivative positions are highly volatile and impact the immediate liquidity available to the estate.
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- === SECTION 3: STATUS ANALYSIS === -->
            <section id="analysis" class="mb-20 scroll-mt-20">
                <div class="anim anim-d4">
                    <div class="flex items-center gap-3 mb-6">
                        <span class="section-marker"></span>
                        <span class="font-mono text-[10px] tracking-[0.15em] uppercase" style="color:var(--gold-dim)">Section III</span>
                    </div>
                    <h2 class="font-display text-3xl lg:text-4xl font-light tracking-wide mb-4" style="color:var(--text-primary);line-height:1.2">
                        <a href="#analysis" class="sec-anchor">Asset Status Analysis & Liquidation Priority</a>
                    </h2>
                    <p class="text-[14px] leading-relaxed mb-8 max-w-xl" style="color:var(--text-secondary)">
                        The "Status" column (Added vs. Deleted) is a critical metric for determining the current relevance and marketability of a security.
                    </p>

                    <div class="grid lg:grid-cols-2 gap-5 mb-10">
                        <!-- Added -->
                        <div class="rounded-2xl overflow-hidden" style="border:1px solid rgba(122,154,138,0.15)">
                            <div class="px-6 py-4 flex items-center gap-3" style="background:rgba(122,154,138,0.06)">
                                <span class="chip chip-added">
                                    <span class="w-[5px] h-[5px] rounded-full" style="background:#8ab89a;display:inline-block;"></span>
                                    Added
                                </span>
                                <span class="text-[11px] font-mono tracking-wider" style="color:var(--sage)">New Marketability</span>
                            </div>
                            <div class="p-6 space-y-3" id="addedList"></div>
                        </div>

                        <!-- Deleted -->
                        <div class="rounded-2xl overflow-hidden" style="border:1px solid rgba(166,93,93,0.12)">
                            <div class="px-6 py-4 flex items-center gap-3" style="background:rgba(166,93,93,0.04)">
                                <span class="chip chip-deleted">
                                    <span class="w-[5px] h-[5px] rounded-full" style="background:#c07070;display:inline-block;"></span>
                                    Deleted
                                </span>
                                <span class="text-[11px] font-mono tracking-wider" style="color:var(--danger-muted)">Regulatory Exit</span>
                            </div>
                            <div class="p-6 space-y-3" id="deletedList"></div>
                        </div>
                    </div>

                    <!-- Preferred Convertible Notes -->
                    <div class="rounded-2xl overflow-hidden" style="border:1px solid var(--border-subtle)">
                        <div class="px-7 py-5 flex items-center justify-between" style="background:rgba(255,255,255,0.02);border-bottom:1px solid var(--border-subtle)">
                            <div class="flex items-center gap-3">
                                <div class="w-7 h-7 rounded-lg flex items-center justify-center" style="background:rgba(184,154,106,0.08);border:1px solid rgba(184,154,106,0.15)">
                                    <i class="fas fa-file-invoice-dollar text-[10px]" style="color:var(--gold-dull)"></i>
                                </div>
                                <div>
                                    <h3 class="font-display text-lg font-medium tracking-wide" style="color:var(--text-primary)">Preferred Convertible Notes</h3>
                                    <p class="text-[11px] font-mono tracking-wider" style="color:var(--text-tertiary)">Higher liquidation priority than standard equity</p>
                                </div>
                            </div>
                            <span class="chip chip-preferred">PFD CV</span>
                        </div>
                        <div class="p-7 space-y-4">
                            <div class="flex items-start gap-5 p-5 rounded-xl" style="background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle)">
                                <div class="font-mono text-sm tracking-wider" style="color:var(--gold-dull);min-width:100px">G3921A126</div>
                                <div class="flex-1">
                                    <div class="flex items-baseline gap-3 mb-1">
                                        <span class="font-medium text-[14px]" style="color:var(--text-primary)">Global Crossing Ltd</span>
                                        <span class="text-[11px] font-mono px-2 py-0.5 rounded" style="background:rgba(184,154,106,0.1);color:var(--gold-dull)">6.375%</span>
                                    </div>
                                    <p class="text-[13px] leading-relaxed" style="color:var(--text-secondary)">Preferred Convertible with coupon rate of 6.375%. Valuation tied to underlying equity performance and fixed-income characteristics.</p>
                                </div>
                            </div>
                            <div class="flex items-start gap-5 p-5 rounded-xl" style="background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle)">
                                <div class="font-mono text-sm tracking-wider" style="color:var(--gold-dull);min-width:100px">001547306</div>
                                <div class="flex-1">
                                    <div class="flex items-baseline gap-3 mb-1">
                                        <span class="font-medium text-[14px]" style="color:var(--text-primary)">AK Steel Holding Corp</span>
                                        <span class="text-[11px] font-mono px-2 py-0.5 rounded" style="background:rgba(184,154,106,0.1);color:var(--gold-dull)">3.625%</span>
                                    </div>
                                    <p class="text-[13px] leading-relaxed" style="color:var(--text-secondary)">Preferred Convertible Class B Series with coupon rate of 3.625%. Convertible feature links valuation to equity performance.</p>
                                </div>
                            </div>
                        </div>
                        <div class="px-7 py-4 flex items-center gap-2.5" style="background:rgba(184,154,106,0.03);border-top:1px solid var(--border-subtle)">
                            <i class="fas fa-triangle-exclamation text-[10px]" style="color:var(--gold-dim)"></i>
                            <span class="text-[12px]" style="color:var(--gold-dim)">The trustee must prioritize evaluation of these notes, as the specific coupons significantly influence recovery order.</span>
                        </div>
                    </div>
                </div>
            </section>

            <!-- === SECTION 4: PRIORITY ANALYSIS === -->
            <section id="priority" class="mb-20 scroll-mt-20">
                <div class="anim">
                    <div class="flex items-center gap-3 mb-6">
                        <span class="section-marker"></span>
                        <span class="font-mono text-[10px] tracking-[0.15em] uppercase" style="color:var(--gold-dim)">Section IV</span>
                    </div>
                    <h2 class="font-display text-3xl lg:text-4xl font-light tracking-wide mb-4" style="color:var(--text-primary);line-height:1.2">
                        <a href="#priority" class="sec-anchor">Capital Stack & Liquidation Priority</a>
                    </h2>
                    <p class="text-[14px] leading-relaxed mb-8 max-w-xl" style="color:var(--text-secondary)">
                        Visualization of the estate's position within each issuer's capital structure, from highest to lowest recovery priority.
                    </p>

                    <div class="glass rounded-2xl p-8 lg:p-10 mb-6">
                        <div class="flex items-center justify-between mb-6">
                            <span class="font-mono text-[10px] tracking-wider uppercase" style="color:var(--text-tertiary)">Recovery priority (highest to lowest)</span>
                            <span class="text-[10px] font-mono tracking-wider" style="color:var(--gold-dim)">Estate holdings highlighted</span>
                        </div>

                        <!-- Priority bars -->
                        <div class="space-y-5">
                            <!-- PFD CV -->
                            <div class="group">
                                <div class="flex items-center justify-between mb-2">
                                    <div class="flex items-center gap-3">
                                        <span class="font-mono text-[11px] px-2 py-0.5 rounded" style="background:rgba(184,154,106,0.1);color:var(--gold-dull)">PFD CV</span>
                                        <span class="text-[13px]" style="color:var(--text-primary)">Preferred Convertible Notes