c-eco/portuguese.html at main · jac14014/c-eco · GitHub

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
<!DOCTYPE html>
<html lang="pt-br" class="scroll-smooth">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Doutrina c-ECO | Protocolo · Governança · Integridade Sistêmica</title>

    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        gold: "#d6bc7e",
                        stone: { 950: "#0c0a09" }
                    }
                }
            }
        }
    </script>

    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">

    <style>
        :root { --stone-950: #0c0a09; --gold: #d6bc7e; }
        body { background-color: var(--stone-950); color: #e7e5e4; font-family: 'Inter', sans-serif; line-height: 1.8; }
        h1, h2, h3, .serif { font-family: 'Playfair Display', serif; }
       .reveal { opacity: 0; transform: translateY(20px); transition: all 1s ease-out; }
       .reveal.active { opacity: 1; transform: translateY(0); }
        .glass-panel { background: rgba(28, 25, 23, 0.6); backdrop-filter: blur(10px); border: 1px solid rgba(214, 188, 126, 0.1); }
        .dropcap::first-letter { float: left; font-size: 3.5rem; line-height: 0.8; padding-right: 0.6rem; color: var(--gold); font-family: 'Playfair Display'; }
        .divider-gold { width: 60px; height: 1px; background: rgba(214,188,126,0.55); margin: 2rem auto; }
        .prose-custom p { margin-bottom: 1.5rem; text-align: justify; text-justify: inter-word; hyphens: auto; color: #a8a29e; }
        .prose-custom strong { color:#fff; font-weight:600; }
        .gold-soft { color: rgba(214,188,126,0.70); }
        .gold { color: #d6bc7e; }
        .gold-line { border-color: rgba(214,188,126,0.35); }
        .bio-image-container {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(214, 188, 126, 0.2);
            background: #18181b;
            aspect-ratio: 3/4;
        }
    </style>
</head>

<body class="selection:bg-gold/30">

    <nav class="fixed top-0 w-full z-50 border-b border-white/5 bg-stone-950/90 backdrop-blur-md">
        <div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
            <div class="flex items-center gap-4">
                <a href="index.html" class="inline-flex items-center gap-3 group">
                    <span class="text-gold border gold-line px-2 py-1 text-sm bg-black/40 transition-all group-hover:shadow-[0_0_16px_rgba(214,188,126,0.22)]">Σ</span>
                    <span class="text-[10px] uppercase tracking-[0.3em] font-bold">Doutrina c-ECO</span>
                </a>
            </div>
            <div class="hidden lg:flex gap-8 text-[9px] uppercase tracking-widest text-stone-500 items-center">
                <a href="#layers" class="hover:text-gold transition">Filosofia</a>
                <a href="#architects" class="hover:text-gold transition">Arquitetos</a>
                <a href="law.html" class="hover:text-gold transition">Lei Modelo</a>
                <a href="manual.html" class="hover:text-gold transition">Manual Operacional</a>
                <a href="foundation.html" class="text-gold border border-gold/40 px-3 py-1 hover:bg-gold hover:text-black transition">Fundação Hasse</a>
            </div>
        </div>
    </nav>

    <header class="min-h-screen flex items-center justify-center text-center px-6">
        <div class="max-w-4xl reveal">
            <h1 class="text-6xl md:text-8xl mb-8 leading-tight">Governança <span class="italic">antes</span> do colapso.</h1>
            <p class="text-stone-500 uppercase tracking-[0.4em] text-[10px]">Um Protocolo Sistêmico Pré-Limite</p>
        </div>
   </header>

    <main class="max-w-6xl mx-auto px-6 space-y-48 pb-48">

      <section id="philosophy" class="reveal py-24">
        <div class="max-w-4xl mx-auto">
            <div class="text-center mb-16">
                <span class="text-gold border gold-line px-3 py-1 text-sm bg-black/40 mb-6 inline-block">Σ</span>
                <h2 class="text-3xl md:text-5xl text-white serif italic leading-tight">
                    A Arquitetura da Interrupção Sistêmica
                </h2>
                <div class="divider-gold"></div>
            </div>

            <div class="prose-custom space-y-8">
                    <p class="dropcap text-lg leading-relaxed">
                A c-ΣCO é uma estrutura jurídica que impede contratos e decisões econômicas de continuarem operando quando o colapso ambiental se torna iminente. Ela funciona como um sistema de segurança para o Direito, garantindo que as decisões acumuladas hoje não esgotem a nossa capacidade de agir no futuro. Através desta doutrina, o Direito deixa de ser apenas uma regra no papel para se tornar um protocolo ativo de proteção do Sistema Terrestre.
            </p>
                    <p class="text-lg">
                        Em sistemas complexos, o tempo é o recurso mais escasso. Quando as decisões se acumulam sem critério sistêmico, o Direito deixa de governar para apenas reagir ao colapso. A Doutrina c-ΣCO rompe esse ciclo.</p>
     </p>
                  <p class="text-lg">
                   Desenvolvemos uma arquitetura jurídica de governança pré-limite, projetada para manter alternativas abertas antes que a irreversibilidade se instale. No coração desta inovação está o Contrato Vivo: um instrumento dinâmico que integra Inteligência Artificial e dados biofísicos em tempo real.</p>

                 <p class="text-lg">
                    Não se trata apenas de documentos, mas de nós ativos de integridade. Ao alinhar obrigações contratuais com o status do Sistema Terrestre, a c-ΣCO garante que a legalidade não seja apenas formal, mas materialmente sustentável.</p>


                <div class="glass-panel p-8 my-12 border-l-4 border-gold/50">
                    <p class="text-white font-light italic mb-4">
                        "A legalidade persiste enquanto a capacidade de mudar o curso se esgota."
                    </p>
                    <p class="text-sm tracking-wide text-stone-300">
                        Apoiado por uma <strong>Lei Modelo</strong> formal e um <strong>Manual Operacional Integrativo</strong>, o protocolo c-ΣCO foi projetado para setores de alta criticidade. A implementação inicia-se com <strong>13 setores estratégicos</strong> — incluindo finanças sistêmicas, cadeias de suprimentos globais e infraestrutura — com seu primeiro desdobramento operacional na <strong>região Amazônica</strong>.
                    </p>
                </div>

                <p class="text-lg">
                    Ao fornecer as ferramentas para alinhar compromissos contratuais com trajetórias planetárias, a c-ΣCO garante que os acordos estratégicos de hoje sejam estruturalmente projetados para a sobrevivência a longo prazo, preservando as condições físicas das quais dependem toda a estabilidade jurídica e econômica.
                </p>
            </div>
        </div>
    </section>

    <section id="architects" class="reveal py-48 px-6 lg:px-24 bg-[#050505]">
        <div class="max-w-7xl mx-auto">

            <div class="text-center mb-32">
                <span class="text-gold uppercase tracking-[0.6em] text-[10px] font-bold mb-4 block text-center">Arquitetos do Protocolo</span>
                <h2 class="text-5xl md:text-7xl text-white serif italic">Integridade Intelectual</h2>
            </div>

            <div class="grid lg:grid-cols-12 gap-16 items-start mb-48">
                <div class="lg:col-span-5">
                    <div class="bio-image-container grayscale contrast-125 hover:grayscale-0 transition-all duration-700 group relative">
                        <div class="absolute inset-0 border-[1px] border-white/10 group-hover:border-gold/30 transition-colors z-10"></div>
                        <img src="jacqueline-ennis.PNG" alt="Jacqueline A. Ennis" class="w-full h-full object-cover opacity-80 group-hover:opacity-100">
                    </div>
                    <div class="mt-8">
                        <h4 class="text serif text-2xl text-white">Jacqueline A. Ennis</h4>
                        <p class="text-gold text-[10px] uppercase tracking-[0.4em] mt-2">Arquiteta Líder & Fundadora</p>
                    </div>
                </div>

                <div class="lg:col-span-7 prose-custom text-stone-400 text-lg lg:pt-4">
                    <p class="mb-8">
                       Jacqueline A. Ennis é uma jurista luso-brasileira e pesquisadora independente com uma sólida trajetória acadêmica internacional, incluindo um Mestrado em Direito (LL.M.) pela Washington University in St. Louis e estudos complementares na Boston University.
                    </p>
                    <p class="mb-8">
                        Como autora da Doutrina c-ΣCO (Equidade Contratual & Co-Responsabilidade Ecológica), sua pesquisa redefine os contratos como arquiteturas temporais de decisão. O núcleo de sua tese investiga o objeto indireto condicionado, analisando-o através da lógica de uma máquina de estados: um sistema onde o espaço de decisão futuro é progressivamente exaurido durante os períodos de conformidade regulatória.</p>
                     <p class="mb-8">
                    Sua obra introduz conceitos disruptivos como a validade temporal, a responsabilidade pré-limite e o fenômeno da perclusão dentro da execução contratual, demonstrando como decisões jurídicas consequentes podem encerrar prematuramente alternativas de governança ecológica. Através desta abordagem, Jacqueline oferece uma estrutura analítica inédita para a equidade sistêmica e a preservação da autonomia decisória frente aos limites planetários.</p>

                    <div class="grid grid-cols-2 gap-4 mt-12 border-t border-white/10 pt-8">
                        <div>
                            <span class="text-[9px] uppercase tracking-widest text-stone-600 block mb-2">Formação</span>
                            <span class="text-xs text-stone-300 block">LL.M. WashU Law</span>
                            <span class="text-xs text-stone-300 block">Boston University</span>
                        </div>
                        <div>
                            <span class="text-[9px] uppercase tracking-widest text-stone-600 block mb-2">Afiliação</span>
                            <span class="text-xs text-stone-300 block">Instituto Silvio Meira (ISM)</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="grid lg:grid-cols-12 gap-16 items-start">
                <div class="lg:col-span-5 lg:order-2">
                    <div class="bio-image-container grayscale contrast-125 hover:grayscale-0 transition-all duration-700 group relative">
                        <div class="absolute inset-0 border-[1px] border-white/10 group-hover:border-gold/30 transition-colors z-10"></div>
                        <img src="erelyn-alves.PNG" alt="Erelyn Alves" class="w-full h-full object-cover opacity-80 group-hover:opacity-100">
                    </div>
                    <div class="mt-8">
                        <h4 class="text serif text-2xl text-white">Erelyn Alves</h4>
                        <p class="text-gold text-[10px] uppercase tracking-[0.4em] mt-2">Consultor Técnico de Integridade Sistêmica</p>
                    </div>
                </div>

                <div class="lg:col-span-7 lg:order-1 prose-custom text-stone-400 text-lg lg:pt-4">
                    <p class="mb-8">
                        Erelyn Alves é um tecnólogo brasileiro com dupla formação acadêmica em Ciência da Computação e Análise e Desenvolvimento de Sistemas. Sua trajetória profissional é integralmente dedicada à segurança, resiliência e integridade em ambientes digitais e contratuais de alta criticidade, onde a precisão técnica é o requisito fundamental para a viabilidade operacional.</p>

                    <p class="mb-8">
                        Com atuação estratégica na área de segurança contratual governamental desde 2009, Erelyn consolidou uma expertise singular na contenção de riscos sistêmicos e na garantia da integridade de dados dentro da administração pública. No desenvolvimento da Doutrina c-ΣCO, sua contribuição é o pilar que sustenta os protocolos de governança preventiva, traduzindo a arquitetura jurídica de Jacqueline A. Ennis em segurança técnica vinculada de alto rigor.</p>
                <p class="mb-8">
                Seu trabalho foca no monitoramento da "máquina de estados" dos contratos, assegurando que a execução de sistemas complexos opere sob padrões técnicos rigorosos para mitigar vulnerabilidades e preservar a integridade sistêmica durante todo o ciclo de vida da decisão.
                </p>
                    <div class="mt-12 border-t border-white/10 pt-8">
                        <span class="text-[9px] uppercase tracking-widest text-stone-600 block mb-2">Análise de Sistemas</span>
                        <span class="text-xs text-stone-300 block">Universidade da Amazônia (UNAMA)</span>
                        <span class="text-xs text-stone-300 block">PRODEPA Technology Insights</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="pillars" class="reveal py-48 px-6 lg:px-24 bg-[#050505]">
        <div class="max-w-7xl mx-auto">
            <div class="text-center mb-32">
                <span class="text-gold uppercase tracking-[0.6em] text-[10px] font-bold mb-4 block text-center">Pilares Dogmáticos</span>
                <h2 class="text-5xl md:text-7xl text-white serif italic">A Lógica da Interrupção</h2>
            </div>

            <div class="grid md:grid-cols-3 gap-0 border border-white/10">
                <div class="p-12 border-r border-white/10 group hover:bg-white/[0.02] transition-all duration-700">
                    <div class="text-gold/20 serif text-5xl text-center mb-12 group-hover:text-gold/40 transition-colors">Σ</div>
                    <h4 class="text-xl font-bold mb-6 text-white text-center uppercase tracking-tighter">Tempo-como-Status</h4>
                    <p class="text-stone-500 text-sm text-center leading-relaxed font-light">
                        Substituindo o tempo de "prazo" pelo tempo de "capacidade": a soma das decisões que ainda permitem a sobrevivência do sistema.
                    </p>
                </div>

                <div class="p-12 border-r border-white/10 group hover:bg-white/[0.02] transition-all duration-700">
                    <div class="text-gold/20 serif text-5xl text-center mb-12 group-hover:text-gold/40 transition-colors">⊘</div>
                    <h4 class="text-xl font-bold mb-6 text-white text-center uppercase tracking-tighter">Limites à Autorização</h4>
                    <p class="text-stone-500 text-sm text-center leading-relaxed font-light">
                        A integridade sistêmica opera como uma condição negativa de validade: se o sistema colapsa, o contrato perde sua finalidade jurídica.
                    </p>
                </div>

                <div class="p-12 group hover:bg-white/[0.02] transition-all duration-700">
                    <div class="text-gold/20 serif text-5xl mb-12 text-center group-hover:text-gold/40 transition-colors">♽</div>
                    <h4 class="text-xl font-bold mb-6 text-white text-center uppercase tracking-tighter">Design Adaptativo</h4>
                    <p class="text-stone-500 text-sm text-center leading-relaxed font-light">
                        Dever de monitoramento ativo e renegociação obrigatória como pré-requisitos para a segurança sistêmica.
                    </p>
                </div>
            </div>
        </div>
  <section id="layers" class="mt-16 border-t border-white/10 pt-12">
  <div class="max-w-6xl mx-auto px-6">
    <span class="text-[11px] font-bold tracking-[0.4em] uppercase text-[#d6bc7e]">
      Doutrina c-ECO — Alinhamento Estatutário por Camadas
    </span>

    <div class="mt-8 space-y-4">

      <details class="glass-panel rounded-lg border border-white/10 bg-black/20 group">
        <summary class="cursor-pointer list-none p-8 select-none">
          <div class="flex items-start justify-between gap-4">
            <div>
              <div class="text-[10px] font-bold tracking-[0.35em] uppercase text-[#d6bc7e]">Camada 1</div>
              <h3 class="text-xl md:text-2xl font-bold text-white mt-2">Governança Doutrinária (Núcleo Fechado)</h3>
              <p class="text-zinc-500 text-xs mt-1 italic">Natureza, Função e Não-Delegabilidade</p>
            </div>
            <div class="mt-1 text-zinc-300 transition-transform duration-300 group-open:rotate-180">▾</div>
          </div>
        </summary>
        <div class="px-8 pb-8 space-y-8 border-t border-white/5 pt-6 text-zinc-400 text-sm leading-relaxed">
          <section>
            <h4 class="text-white font-semibold uppercase text-xs tracking-widest mb-3">Natureza do Núcleo Fechado</h4>
            <p>O Núcleo Fechado constitui o centro doutrinário não delegável da Doutrina c-ECO. É o local onde a ontologia jurídica do regime é definida, estabilizada e protegida contra substituição externa. Diferente das camadas operacionais, o Núcleo Fechado não está sujeito a calibração, expansão ou modificação experimental.</p>
          </section>

          <section>
            <h4 class="text-white font-semibold uppercase text-xs tracking-widest mb-3">Componentes do Núcleo</h4>
            <ul class="space-y-4">
              <li><strong class="text-zinc-200">1. Framework Conceitual:</strong> Define conceitos fundamentais como a ilegitimidade de trajetória, inexequibilidade ex-ante, perclusão sistêmica e validade temporal.</li>
              <li><strong class="text-zinc-200">2. Estatuto de Governança Sistêmica:</strong> Estabelece a hierarquia de relevância jurídica, subordinando a legalidade à realidade biofísica e instituindo a governança preditiva como condição de validade.</li>
              <li><strong class="text-zinc-200">3. Protocolo de Função de Limite (TFP):</strong> Define o momento em que a legalidade deve ser interrompida. Ele qualifica estados temporais de risco e irreversibilidade, servindo como interface jurídica entre a realidade física e a consequência legal.</li>
              <li><strong class="text-zinc-200">4. Arquitetura de Decisão por IA:</strong> Definida estruturalmente como mediação epistêmica e nunca como autoridade normativa; como gatilho automático e nunca como tomador de decisão autônomo.</li>
            </ul>
          </section>

          <section class="p-6 bg-gold/5 border-l-2 border-gold/30">
            <h4 class="text-gold font-semibold uppercase text-[10px] tracking-widest mb-2">Salvaguarda contra Captura</h4>
            <p class="text-xs italic">O Núcleo Fechado impede que o Direito seja reduzido a uma ferramenta discricionária de compliance ou a um instrumento puramente técnico. Ele garante que a ciência informe quando a lei deve agir, mas nunca o que a lei é.</p>
          </section>
        </div>
      </details>

      <details class="glass-panel rounded-lg border border-white/10 bg-black/20 group">
        <summary class="cursor-pointer list-none p-8 select-none">
          <div class="flex items-start justify-between gap-4">
            <div>
              <div class="text-[10px] font-bold tracking-[0.35em] uppercase text-[#d6bc7e]">Camada 1</div>
              <h3 class="text-xl md:text-2xl font-bold text-white mt-2">Earth System Law Advisory (Não-Executivo)</h3>
              <p class="text-zinc-500 text-xs mt-1 italic">Validação Doutrinária e Alinhamento Material</p>
            </div>
            <div class="mt-1 text-zinc-300 transition-transform duration-300 group-open:rotate-180">▾</div>
          </div>
        </summary>
        <div class="px-8 pb-8 space-y-6 border-t border-white/5 pt-6 text-zinc-400 text-sm leading-relaxed">
          <p>O Earth System Law Advisory atua como um mecanismo de ressonância jurídica entre o Núcleo Fechado e o paradigma científico que reconhece o Sistema Terrestre como um todo integrado e limitado. Sua função é confirmar que a c-ΣCO ocupa o mesmo plano ontológico que a Earth System Law.</p>
          <div class="grid md:grid-cols-2 gap-4">
            <div class="p-4 border border-white/5 bg-white/5">
              <h5 class="text-white text-xs font-bold mb-2">Realismo Temporal</h5>
              <p class="text-xs">Afirma a primazia do tempo físico sobre o tempo processual-jurídico, evitando que o direito seja cúmplice do colapso por meio do atraso.</p>
            </div>
            <div class="p-4 border border-white/5 bg-white/5">
              <h5 class="text-white text-xs font-bold mb-2">Prioridade da Irreversibilidade</h5>
              <p class="text-xs">Formaliza a assimetria entre mudanças reversíveis e irreversíveis, conferindo prioridade jurídica absoluta à preservação sistêmica.</p>
            </div>
          </div>
        </div>
      </details>

      <details class="glass-panel rounded-lg border border-white/10 bg-black/20 group">
        <summary class="cursor-pointer list-none p-8 select-none">
          <div class="flex items-start justify-between gap-4">
            <div>
              <div class="text-[10px] font-bold tracking-[0.35em] uppercase text-[#d6bc7e]">Camada 1</div>
              <h3 class="text-xl md:text-2xl font-bold text-white mt-2">Arquitetura de Compliance e Integridade</h3>
              <p class="text-zinc-500 text-xs mt-1 italic">Tradução Institucional e Salvaguardas Anti-Captura</p>
            </div>
            <div class="mt-1 text-zinc-300 transition-transform duration-300 group-open:rotate-180">▾</div>
          </div>
        </summary>
        <div class="px-8 pb-8 space-y-6 border-t border-white/5 pt-6 text-zinc-400 text-sm leading-relaxed">
          <p>Diferente dos regimes de compliance convencionais voltados para redução de responsabilidade, esta camada garante que as instituições não se tornem estruturalmente incapazes de respeitar os limites sistêmicos. Ela impede o "teatro de conformidade" onde as instituições permanecem formalmente regulares mas materialmente destrutivas.</p>
          <ul class="list-disc pl-5 space-y-2">
            <li><strong>Design Estrutural Preventivo:</strong> Garante que as instituições detectem e respondam a sinais pré-limite.</li>
            <li><strong>Preservação da Integridade:</strong> Impede que a fragmentação interna ou distorção de incentivos erodam a força vinculante dos limites sistêmicos.</li>
            <li><strong>Inexequibilidade:</strong> O compliance não pode ser invocado como defesa uma vez que a violação de um limite sistêmico seja identificada.</li>
          </ul>
        </div>
      </details>

      <details class="glass-panel rounded-lg border border-white/10 bg-black/20 group">
        <summary class="cursor-pointer list-none p-8 select-none">
          <div class="flex items-start justify-between gap-4">
            <div>
              <div class="text-[10px] font-bold tracking-[0.35em] uppercase text-[#d6bc7e]">Camada 2</div>
              <h3 class="text-xl md:text-2xl font-bold text-white mt-2">Arquiteturas Decisoriais e Sistêmicas</h3>
              <p class="text-zinc-500 text-xs mt-1 italic">Governança Corporativa, Fiduciária e Financeira</p>
            </div>
            <div class="mt-1 text-zinc-300 transition-transform duration-300 group-open:rotate-180">▾</div>
          </div>
        </summary>
        <div class="px-8 pb-8 space-y-8 border-t border-white/5 pt-6 text-zinc-400 text-sm leading-relaxed">
          <div class="grid md:grid-cols-3 gap-6">
            <div>
              <h4 class="text-gold text-[10px] font-bold uppercase tracking-widest mb-3">Núcleo Fiduciário</h4>
              <ul class="text-xs space-y-2">
                <li>• Deveres de decisão do Conselho sob risco sistêmico.</li>
                <li>• Responsabilidade fiduciária e alocação temporal.</li>
                <li>• Arquitetura de negociação sob assimetria.</li>
              </ul>
            </div>
            <div>
              <h4 class="text-gold text-[10px] font-bold uppercase tracking-widest mb-3">Sistemas Técnicos</h4>
              <ul class="text-xs space-y-2">
                <li>• Detecção de propagação de risco e cascatas.</li>
                <li>• Monitoramento de trajetórias financeiras.</li>
                <li>• Governança algorítmica e loops de feedback.</li>
              </ul>
            </div>
            <div>
              <h4 class="text-gold text-[10px] font-bold uppercase tracking-widest mb-3">Conselho Consultivo</h4>
              <ul class="text-xs space-y-2">
                <li>• Consultoria Acadêmica Sênior em Direito Fiduciário.</li>
                <li>• Estratégia Financeira Sistêmica e Macroestabilidade.</li>
              </ul>
            </div>
          </div>
        </div>
      </details>

    </div>
  </div>

  <style>
    /* Estilização para ocultar o marcador padrão do Chrome/Safari */
    summary::-webkit-details-marker { display: none; }
    /* Transição suave de cor ao abrir */
    details[open] { background-color: rgba(214, 188, 126, 0.05); }
  </style>
</section>


    <section class="py-48 px-6 lg:px-24 bg-[#050505] reveal">
        <div class="max-w-4xl mx-auto text-center">
            <h2 class="text-4xl md:text-6xl text-white serif italic mb-12">"Porque o tempo recorda."</h2>
            <p class="text-stone-400 text-lg mb-12 max-w-2xl mx-auto">
                A Doutrina c-ΣCO é a tradução técnica de uma responsabilidade herdada. Explore a linhagem de pensamento que sustenta este protocolo.
            </p>
            <div class="flex flex-col md:flex-row justify-center gap-6">
                <a href="foundation.html" class="inline-block border border-gold text-gold px-12 py-5 text-[10px] uppercase tracking-[0.5em] font-bold hover:bg-gold hover:text-black transition-all duration-500">
                    Visite a Fundação Hasse
                </a>
                <a href="mailto:contact@c-eco.org" class="inline-block border border-gold text-gold px-12 py-5 text-[10px] uppercase tracking-[0.5em] font-bold hover:bg-gold hover:text-black transition-all duration-500">
                    contact@c-eco.org
                </a>
            </div>
        </div>
    </section>

</main>

<footer class="py-20 px-6 border-t border-white/10 bg-black/20 text-center">
  <div class="max-w-4xl mx-auto">
    <div class="flex justify-center gap-4 mb-8">
      <span class="text-gold border border-gold/30 px-3 py-1">Σ</span>
    </div>
    <p class="text-stone-600 text-[10px] uppercase tracking-[0.5em] mb-4">© 2026 Jacqueline A. Ennis · Doutrina c-ECO</p>
    <p class="text-stone-700 text-[9px] uppercase tracking-[0.4em]">EUA · Amazônia · Brasil</p>
  </div>
</footer>

    <script>
    document.addEventListener('DOMContentLoaded', () => {
        const observerOptions = {
            threshold: 0.15,
            rootMargin: "0px 0px -50px 0px"
        };
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('active');
                }
            });
        }, observerOptions);
        const revealElements = document.querySelectorAll('.reveal');
        revealElements.forEach(el => observer.observe(el));
    });
    </script>
  </body>
</html>