:root {
  --bg: #070705; --bg-2: #0e0d0a; --bg-3: #14120e;
  --gold: #c6a15a; --gold-2: #e8d7a8; --gold-dim: #8a7340;
  --ink: #f3efe4; --muted: #a39b8c; --line: rgba(198,161,90,0.28);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--ink); font-family: "Outfit", system-ui, sans-serif; font-weight: 300; line-height: 1.65; letter-spacing: 0.01em; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.gold { color: var(--gold-2); }
.muted { color: var(--muted); }
.eyebrow { font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--gold); font-weight: 500; }
h1, h2, h3, .serif { font-family: "Cinzel", serif; font-weight: 500; letter-spacing: 0.04em; line-height: 1.15; }

/* NAV */
header { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(16px); background: rgba(7,7,5,0.82); border-bottom: 1px solid var(--line); }
.nav { display: flex; align-items: center; justify-content: space-between; height: 78px; gap: 20px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand img { height: 52px; width: auto; }
.brand span { font-family: "Cinzel", serif; letter-spacing: 0.22em; font-size: 13px; color: var(--gold-2); }
.nav-links { display: flex; gap: 24px; align-items: center; }
.nav-links a:not(.btn) { font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); padding: 6px 0; border-bottom: 1px solid transparent; }
.nav-links a:not(.btn):hover, .nav-links a.active { color: var(--gold-2); border-bottom-color: var(--gold-dim); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--gold); color: #1a1408; background: linear-gradient(180deg,#f0e2bc,#c6a15a); padding: 13px 22px; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 500; cursor: pointer; transition: transform .2s ease, filter .2s ease; font-family: inherit; }
.btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
.btn.ghost { background: transparent; color: var(--gold-2); }
.btn.ghost:hover { background: rgba(198,161,90,0.08); }
.btn.sm { padding: 9px 16px; font-size: 11px; }
.menu-btn { display: none; background: none; border: 1px solid var(--line); color: var(--gold-2); padding: 8px 12px; letter-spacing: 0.16em; text-transform: uppercase; font-size: 11px; }

/* HERO */
.hero { position: relative; min-height: calc(100vh - 78px); display: grid; align-items: end; padding: 72px 0 64px; overflow: hidden;
  background: radial-gradient(900px 480px at 15% 20%, rgba(198,161,90,0.12), transparent 60%), radial-gradient(700px 500px at 85% 80%, rgba(198,161,90,0.07), transparent 55%), linear-gradient(180deg,#090907,#070705 70%); }
.hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(198,161,90,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(198,161,90,0.05) 1px, transparent 1px); background-size:72px 72px; mask-image: radial-gradient(circle at 30% 40%, #000 20%, transparent 75%); pointer-events:none; }
.crest { position:absolute; right:-40px; top:40px; width:min(520px,48vw); opacity:.16; filter: drop-shadow(0 0 40px rgba(198,161,90,.25)); pointer-events:none; }
.hero-inner { position: relative; z-index: 1; }
.kicker { display:flex; align-items:center; gap:14px; margin-bottom:22px; color:var(--gold); font-size:12px; letter-spacing:.28em; text-transform:uppercase; }
.kicker i { width:42px; height:1px; background:var(--gold); display:block; }
h1 { font-size: clamp(42px, 6.4vw, 86px); max-width: 14ch; margin-bottom: 22px; }
.lede { max-width: 640px; color: var(--muted); font-size: 18px; margin-bottom: 34px; }
.cta-row { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:54px; }
.hero-meta { display:grid; grid-template-columns: repeat(4,1fr); border-top:1px solid var(--line); padding-top:22px; gap:18px; }
.hero-meta b { display:block; font-family:"Cinzel",serif; font-size:22px; color:var(--gold-2); font-weight:500; }
.hero-meta span { color:var(--muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }

/* PAGE HERO (inner pages) */
.page-hero { position:relative; padding: 110px 0 70px; overflow:hidden; border-bottom:1px solid var(--line);
  background: radial-gradient(800px 300px at 20% 0%, rgba(198,161,90,0.12), transparent 65%), #080807; }
.page-hero .crest { top:10px; opacity:.1; width:min(380px,40vw); }
.page-hero h1 { font-size: clamp(36px, 5vw, 64px); max-width: 18ch; }
.page-hero .lede { margin-bottom: 0; }

.ticker { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0b0a08; overflow:hidden; white-space:nowrap; }
.ticker-track { display:inline-flex; gap:42px; padding:14px 0; animation: marquee 44s linear infinite; }
.ticker span { color:var(--muted); letter-spacing:.16em; text-transform:uppercase; font-size:12px; }
.ticker em { color:var(--gold-2); font-style:normal; }
@keyframes marquee { from { transform: translateX(0);} to { transform: translateX(-50%);} }

section { padding: 96px 0; }
.sec-head { display:grid; grid-template-columns: 220px 1fr; gap:30px; margin-bottom:42px; align-items:end; }
h2 { font-size: clamp(30px, 4vw, 48px); max-width: 16ch; }
h2.wide { max-width: 24ch; }
.sec-head p { color: var(--muted); max-width: 62ch; margin-top: 14px; }

.grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
.grid-2 { display:grid; grid-template-columns: 1.1fr .9fr; gap:28px; }
.grid-2.even { grid-template-columns: 1fr 1fr; }
.card { background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)); border:1px solid var(--line); padding:28px 26px; min-height:200px; display:flex; flex-direction:column; }
.card .num { font-family:"Cinzel",serif; color:var(--gold); letter-spacing:.2em; font-size:12px; margin-bottom:18px; }
.card h3 { font-size:22px; margin-bottom:12px; }
.card p { color:var(--muted); font-size:15px; }
.card .more { margin-top:auto; padding-top:18px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }
.card .more:hover { color: var(--gold-2); }
a.card:hover { border-color: var(--gold-dim); background: rgba(198,161,90,.05); }

.thesis { background: linear-gradient(180deg, rgba(198,161,90,.05), transparent 30%), var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.quote { font-family:"Cinzel",serif; font-size: clamp(22px, 3vw, 34px); line-height:1.4; max-width:20ch; }
.pillars { display:grid; gap:0; }
.pillar { display:grid; grid-template-columns: 90px 1fr; gap:16px; padding:22px 0; border-top:1px solid var(--line); }
.pillar strong { display:block; margin-bottom:6px; letter-spacing:.04em; font-weight:500; }
.pillar p { color: var(--muted); }

table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:16px 12px; border-bottom:1px solid var(--line); font-weight:300; font-size:15px; }
th { color:var(--gold); font-size:11px; letter-spacing:.2em; text-transform:uppercase; font-weight:500; }
td.pos { color:#d7c48a; }
td.neg { color:#b9876a; }
.tbl { border:1px solid var(--line); overflow-x:auto; }

.bars { display:grid; gap:16px; margin-top:8px; }
.bar-row { display:grid; grid-template-columns:140px 1fr 70px; gap:12px; align-items:center; color:var(--muted); font-size:13px; letter-spacing:.06em; }
.bar { height:6px; background:#221e16; }
.bar i { display:block; height:100%; background: linear-gradient(90deg,#8a7340,#e8d7a8); }

.steps { display:grid; grid-template-columns: repeat(4,1fr); border:1px solid var(--line); }
.step { padding:28px 22px; border-right:1px solid var(--line); }
.step:last-child { border-right:0; }
.step b { font-family:"Cinzel",serif; color:var(--gold); display:block; margin-bottom:12px; }
.step h3 { font-size:18px; margin-bottom:8px; }
.step p { color:var(--muted); }

.council { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
.council.three { grid-template-columns: repeat(3,1fr); }
.person { border:1px solid var(--line); padding:22px; background:#0c0b09; }
.avatar { width:64px; height:64px; border:1px solid var(--gold-dim); display:grid; place-items:center; font-family:"Cinzel",serif; color:var(--gold-2); margin-bottom:16px; background: radial-gradient(circle at 30% 30%, #2a2418, #0e0c09); }
.person h3 { font-size:18px; margin-bottom:4px; }
.person .role { color:var(--gold); font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; }
.person p { color:var(--muted); font-size:14px; }
.person .tags { margin-top:12px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-dim); }

details { border-bottom:1px solid var(--line); padding:18px 0; }
summary { cursor:pointer; list-style:none; font-size:18px; display:flex; justify-content:space-between; gap:20px; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; color:var(--gold); font-family:"Cinzel",serif; }
details[open] summary::after { content:"–"; }
details p { color:var(--muted); margin-top:10px; max-width:78ch; }

.close { text-align:center; padding:110px 0; background: radial-gradient(600px 240px at 50% 40%, rgba(198,161,90,.14), transparent 70%), #080807; border-top:1px solid var(--line); }
.close h2 { margin:14px auto 16px; font-size: clamp(34px, 5vw, 62px); max-width: 20ch; }
.close p { color:var(--muted); max-width:620px; margin:0 auto 28px; }

/* extras */
.stamp { display:inline-block; border:1px solid var(--gold-dim); color:var(--gold); padding:6px 12px; font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; transform: rotate(-2deg); }
.chip { display:inline-block; border:1px solid var(--line); padding:4px 10px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin: 0 6px 6px 0; }
.timeline { border-left:1px solid var(--line); margin-left:8px; }
.tl { position:relative; padding: 0 0 34px 30px; }
.tl::before { content:""; position:absolute; left:-5px; top:8px; width:9px; height:9px; background:var(--gold); transform: rotate(45deg); }
.tl b { font-family:"Cinzel",serif; color:var(--gold-2); font-weight:500; letter-spacing:.06em; display:block; }
.tl span { color:var(--gold); font-size:11px; letter-spacing:.24em; text-transform:uppercase; }
.tl p { color:var(--muted); margin-top:6px; max-width:64ch; }
.bigstat { font-family:"Cinzel",serif; font-size: clamp(44px, 6vw, 84px); color:var(--gold-2); line-height:1; }
.callout { border:1px solid var(--gold-dim); background: rgba(198,161,90,.05); padding: 22px 26px; color: var(--muted); }
.callout b { color: var(--gold-2); font-weight: 500; }
.article { display:grid; grid-template-columns: 120px 1fr auto; gap: 24px; align-items: baseline; padding: 24px 0; border-top: 1px solid var(--line); }
.article:last-child { border-bottom: 1px solid var(--line); }
.article h3 { font-size: 20px; margin-bottom: 6px; }
.article p { color: var(--muted); font-size: 15px; max-width: 70ch; }
.article .date { color: var(--gold); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; }
.article:hover h3 { color: var(--gold-2); }

form { display:grid; gap:16px; }
label { font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:6px; }
input, select, textarea { width:100%; background:#0c0b09; border:1px solid var(--line); color:var(--ink); padding:13px 14px; font:inherit; font-weight:300; }
input:focus, select:focus, textarea:focus { outline:none; border-color: var(--gold); }
textarea { min-height:110px; resize:vertical; }
.sim-out { font-family:"Cinzel",serif; font-size: clamp(22px, 3vw, 34px); color: var(--gold-2); min-height: 1.4em; margin: 18px 0; }
.fineprint { font-size: 11px; line-height: 1.6; color: #6f685c; }

.cookie { position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 60; max-width: 760px; margin: 0 auto; background: #0c0b09; border: 1px solid var(--gold-dim); padding: 18px 22px; display: none; gap: 18px; align-items: center; flex-wrap: wrap; box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.cookie.show { display: flex; }
.cookie p { flex: 1 1 320px; color: var(--muted); font-size: 13px; }
.cookie .row { display: flex; gap: 10px; flex-wrap: wrap; }
.cookie { transition: transform .6s cubic-bezier(.5,0,.8,.4), opacity .6s ease; }
.cookie-main { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; width: 100%; transition: opacity .3s ease; }
.cookie-main.gone { opacity: 0; pointer-events: none; }
.cookie.busy { min-height: 220px; }
.cookie.leave { transform: translateY(160%); opacity: 0; }
.cookie-stage { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.cookie-stage.on { opacity: 1; }
.ck-text { font-family: "Cinzel", serif; color: var(--gold-2); font-size: 11px; letter-spacing: .32em; text-transform: uppercase; text-align: center; padding: 0 24px; line-height: 1.7; opacity: 0; transition: opacity .5s ease; }
.ck-text.in { opacity: 1; }
.ck-wrap { position: relative; width: 104px; height: 104px; }
.ck-svg { width: 100%; height: 100%; overflow: visible; }
.ck-chips { fill: #4a2c14; }
.ck-body, .ck-chips { transition: fill .2s; }

/* burning */
.cookie-stage.burn .ck-svg { animation: ck-glow 2.5s ease-in forwards; }
.cookie-stage.burn .ck-body { animation: ck-darken 2.5s ease-in forwards; }
.cookie-stage.burn .ck-chips { animation: ck-chips 2.5s ease-in forwards; }
@keyframes ck-darken { 0% { fill: #d8b87a; } 45% { fill: #7a4a1e; } 100% { fill: #1a1208; } }
@keyframes ck-chips { 0% { fill: #4a2c14; } 100% { fill: #0b0703; } }
@keyframes ck-glow {
  0%   { filter: drop-shadow(0 0 0 rgba(255,90,20,0)); }
  25%  { filter: drop-shadow(0 0 5px rgba(255,120,30,.55)); }
  40%  { filter: drop-shadow(0 0 10px rgba(255,70,10,.9)); }
  55%  { filter: drop-shadow(0 0 6px rgba(255,120,30,.6)); }
  70%  { filter: drop-shadow(0 0 13px rgba(255,60,10,.95)); }
  85%  { filter: drop-shadow(0 0 8px rgba(255,100,20,.7)); }
  100% { filter: drop-shadow(0 0 12px rgba(255,60,10,.9)); }
}
.ck-smoke { position: absolute; left: 0; right: 0; top: 10px; height: 0; pointer-events: none; }
.ck-smoke i { position: absolute; bottom: 0; width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle, rgba(170,170,170,.55), rgba(120,120,120,0) 70%); opacity: 0; filter: blur(2px); }
.cookie-stage.burn .ck-smoke i { animation: ck-smoke 1.7s ease-out infinite; }
@keyframes ck-smoke {
  0%   { opacity: 0; transform: translate(0, 0) scale(.5); }
  20%  { opacity: .8; }
  100% { opacity: 0; transform: translate(var(--sx), -78px) scale(2.6); }
}

/* crumbling */
.ck-crumbs { position: absolute; inset: 0; pointer-events: none; }
.ck-crumbs i { position: absolute; background: #1a1208; border: 1px solid #3a2a14; border-radius: 1px 3px 2px 3px; opacity: 0; }
.cookie-stage.crumble .ck-svg { opacity: 0; transition: opacity .15s; animation: none; }
.cookie-stage.crumble .ck-crumbs i { animation: ck-crumb 1.1s cubic-bezier(.3,.6,.6,1) forwards; }
@keyframes ck-crumb {
  0%   { opacity: 1; transform: translate(0, 0) rotate(0); }
  35%  { opacity: 1; transform: translate(calc(var(--dx) * .6), -14px) rotate(calc(var(--r) * .4)); }
  100% { opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(var(--r)); }
}

/* reduced motion: a short darkening, no smoke, no crumbs */
.cookie-stage.reduced .ck-body { fill: #1a1208; transition: fill .8s ease; }
.cookie-stage.reduced .ck-chips { fill: #0b0703; transition: fill .8s ease; }
@media (prefers-reduced-motion: reduce) {
  .cookie, .cookie-main, .cookie-stage, .ck-text { transition-duration: .01s; }
}

footer { border-top:1px solid var(--line); padding:54px 0 28px; color:var(--muted); font-size:13px; }
.foot { display:grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 30px; }
.foot h4 { font-family:"Cinzel",serif; font-weight:500; letter-spacing:.2em; font-size:11px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.foot ul { list-style:none; display:grid; gap:8px; }
.foot a:hover { color: var(--gold-2); }
.fine { margin-top:34px; padding-top:22px; border-top:1px solid var(--line); font-size:11px; line-height:1.6; color:#6f685c; max-width:980px; }

@media (max-width: 1000px) {
  .nav-links { display:none; }
  .nav-links.open { display:flex; flex-direction:column; position:absolute; top:78px; left:0; right:0; background:#0c0b09; padding:18px 20px 22px; border-bottom:1px solid var(--line); align-items:flex-start; }
  .menu-btn { display:inline-block; }
}
@media (max-width: 900px) {
  .hero-meta, .grid-3, .steps, .council, .council.three { grid-template-columns: 1fr 1fr; }
  .sec-head, .grid-2, .grid-2.even { grid-template-columns: 1fr; }
  .steps .step { border-right:0; border-bottom:1px solid var(--line); }
  .crest { opacity:.08; }
  .foot { grid-template-columns: 1fr 1fr; }
  .article { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 640px) {
  .hero-meta, .grid-3, .council, .council.three, .foot { grid-template-columns: 1fr; }
  .brand span { display:none; }
  .bar-row { grid-template-columns: 1fr; }
}

/* LETTERS */
.letter { max-width: 760px; }
.letter .byline { color: var(--gold); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 30px; }
.letter p { color: #cfc8b8; margin-bottom: 20px; font-size: 17px; line-height: 1.8; }
.letter ul { margin: 0 0 22px 22px; color: #cfc8b8; font-size: 17px; line-height: 1.8; }
.letter .sig { margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--line); }
.letter .next { display: inline-flex; margin-top: 10px; }
.letter .dist { margin-top: 38px; color: #6f685c; font-size: 12px; letter-spacing: .04em; }
.letter .tbl { margin: 0 0 24px; }
.redact { background: #1b1810; color: transparent; border-bottom: 1px solid var(--gold-dim); user-select: none; letter-spacing: 0; }
.letter mark { background: none; color: var(--gold-2); font-weight: 500; }
.lt-nav { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 44px; }
.badge { display:inline-block; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; padding: 4px 10px; border: 1px solid var(--line); color: var(--gold); }
.badge.restricted { border-color: #b9876a; color: #d9a07e; }
.radio-row { display: flex; gap: 18px; flex-wrap: wrap; }
.radio-row label, .check { display: flex; gap: 8px; align-items: center; text-transform: none; letter-spacing: .02em; font-size: 14px; color: var(--ink); margin: 0; }
.radio-row input, .check input { width: auto; }
input[type=range] { padding: 0; accent-color: var(--gold); }
.kyc { border: 1px solid var(--line); padding: 28px; background: #0c0b09; }
.kyc-bar { height: 4px; background: #221e16; margin: 18px 0 24px; }
.kyc-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg,#8a7340,#e8d7a8); transition: width .5s ease; }
.kyc ol { list-style: none; display: grid; gap: 10px; }
.kyc li { color: var(--muted); font-size: 15px; display: none; }
.kyc li.show { display: flex; gap: 12px; }
.kyc li .tick { color: var(--gold); width: 16px; }
.kyc li.final { color: var(--gold-2); font-family: "Cinzel", serif; font-size: 18px; }
.dots::after { content: "…"; animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }