:root{
  /* palette lifted from stable.xyz */
  --ink:#001e1e;                      /* Stable body */
  --well:#001616;                     /* one step down, for insets */
  --paper:#e8fbf7;                    /* Stable foreground, mint-white */
  --acid:#84ff82;                     /* Stable accent */
  --ash:rgba(232,251,247,.55);
  --dim:rgba(232,251,247,.30);
  --line:rgba(232,251,247,.10);
  --line-hi:rgba(232,251,247,.26);
  --in:#84ff82;      /* USDT arriving  */
  --out:#e8fbf7;     /* FEFER leaving  */
  --mono:"Martian Mono",ui-monospace,Menlo,monospace;
  --body:"Archivo",system-ui,sans-serif;
  --gut:clamp(18px,4vw,64px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--body);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

/* ---------- shared type ---------- */
.eyebrow{
  font-family:var(--mono);font-size:10px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ash);
}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.rule{height:1px;background:var(--line);width:100%}

/* ---------- nav ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;gap:24px;
  padding:0 var(--gut);height:56px;
  background:rgba(0,30,30,.74);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand{font-family:var(--mono);font-weight:800;font-size:13px;letter-spacing:.12em}
.brand i{color:var(--acid);font-style:normal}
.nav-links{display:flex;gap:22px;margin-left:auto}
.nav-links a{
  font-family:var(--mono);font-size:10px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ash);
  transition:color .18s;
}
.nav-links a:hover{color:var(--paper)}
.nav-cta{
  font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;background:var(--paper);color:var(--ink);
  padding:9px 14px;transition:transform .18s;
}
.nav-cta:hover{transform:translateY(-1px)}
@media(max-width:820px){.nav-links{display:none}}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:96px var(--gut) 0}
#dino{
  position:absolute;top:0;right:0;width:58%;height:100%;
  image-rendering:pixelated;image-rendering:crisp-edges;
  z-index:0;touch-action:none;cursor:grab;
}
@media(max-width:900px){#dino{width:100%;height:54%}}
#dino.dragging{cursor:grabbing}
.hero-grid{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:clamp(60px,8vw,120px) clamp(60px,8vw,120px);
  mask-image:radial-gradient(110% 85% at 72% 38%,#000 22%,transparent 76%);
  opacity:.5;
}
.hero-inner{position:relative;z-index:2;pointer-events:none;max-width:1400px;width:100%;margin:0 auto}
.hero-inner a,.hero-inner button{pointer-events:auto}
.hero-copy{max-width:54%}
@media(max-width:900px){.hero-copy{max-width:none}}
.hero-top{display:flex;align-items:baseline;gap:clamp(16px,3vw,44px);flex-wrap:wrap;margin-bottom:clamp(20px,6vh,56px)}
h1{
  font-family:var(--mono);font-weight:800;
  font-size:clamp(40px,8.6vw,132px);line-height:.86;
  letter-spacing:-.045em;margin:0;text-transform:uppercase;
}
h1 span{display:block}
h1 .l2{color:transparent;-webkit-text-stroke:1.4px var(--paper);text-stroke:1.4px var(--paper)}
.lede{
  font-size:clamp(14px,1.55vw,19px);line-height:1.5;max-width:46ch;
  color:rgba(232,251,247,.72);margin:26px 0 0;font-weight:400;
}
.lede b{color:var(--paper);font-weight:600}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.btn{
  font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:15px 26px;border:1px solid var(--paper);
  background:var(--paper);color:var(--ink);transition:.18s;display:inline-block;
}
.btn.ghost{background:transparent;color:var(--paper);border-color:var(--line-hi)}
.btn:hover{transform:translateY(-2px)}
.btn.ghost:hover{border-color:var(--paper)}
.drag-hint{
  font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--dim);margin-top:22px;display:flex;align-items:center;gap:9px;
}
.drag-hint::before{content:"";width:26px;height:1px;background:var(--dim)}

/* ---------- stat strip ---------- */
.strip{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);margin-top:clamp(34px,7vh,72px);
}
.strip div{padding:20px 22px 22px;border-right:1px solid var(--line);min-width:0}
.strip div:last-child{border-right:0}
.strip .k{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);display:block;margin-bottom:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip .v{font-family:var(--mono);font-size:clamp(16px,1.9vw,25px);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip .v small{font-size:.44em;font-weight:400;color:var(--ash);letter-spacing:.06em;margin-left:5px}
#clock{color:var(--acid)}
@media(max-width:760px){
  .strip{grid-template-columns:1fr 1fr}
  .strip div:nth-child(2n){border-right:0}
  .strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

/* ---------- sections ---------- */
section{padding:clamp(72px,11vh,132px) var(--gut);border-top:1px solid var(--line);position:relative}
.wrap{max-width:1400px;margin:0 auto}
.sec-head{display:flex;gap:clamp(16px,5vw,90px);margin-bottom:clamp(38px,6vh,68px);flex-wrap:wrap}
.sec-head .idx{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--acid);padding-top:9px;min-width:44px}
.sec-head h2{
  font-family:var(--mono);font-weight:800;font-size:clamp(26px,4.6vw,60px);
  line-height:.98;letter-spacing:-.04em;margin:0;text-transform:uppercase;flex:1 1 260px;
}
.sec-head p{font-size:clamp(14px,1.35vw,17px);line-height:1.55;color:rgba(232,251,247,.62);max-width:38ch;margin:0;flex:1 1 260px}

/* ---------- the loop ---------- */
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);position:relative}
.step{padding:26px 22px 30px;border-right:1px solid var(--line);position:relative;min-height:210px;display:flex;flex-direction:column}
.step:last-child{border-right:0}
.step .n{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--dim);margin-bottom:16px}
.step h3{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px;text-transform:uppercase}
.step p{font-size:13.5px;line-height:1.52;color:rgba(232,251,247,.58);margin:0}
.step .tag{
  margin-top:auto;font-family:var(--mono);font-size:9.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;padding-top:16px;
}
.step .tag.in{color:var(--in)}
.step .tag.out{color:var(--out);font-weight:800}
.step .tag.neutral{color:var(--dim)}
.railwrap{position:relative;height:3px;margin:0;border:1px solid var(--line);border-top:0;overflow:hidden;background:var(--well)}
.rail{position:absolute;inset:0}
.rail .seg{position:absolute;top:0;bottom:0}
.rail .seg.a{left:0;width:60%;background:linear-gradient(90deg,var(--in),rgba(132,255,130,.2))}
.rail .seg.b{left:60%;right:0;background:linear-gradient(90deg,rgba(232,251,247,.18),var(--out))}
.pulse{position:absolute;top:-2px;width:34px;height:7px;background:var(--paper);filter:blur(.4px);animation:run 5.5s linear infinite}
@keyframes run{from{left:-40px}to{left:100%}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none;left:58%}}
@media(max-width:940px){
  .loop{grid-template-columns:1fr 1fr}
  .step{border-bottom:1px solid var(--line);min-height:0}
  .step:nth-child(2n){border-right:0}
  .step:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:520px){
  .loop{grid-template-columns:1fr}
  .step{border-right:0}
}

/* ---------- burn / other side ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.split > div{padding:clamp(26px,4vw,46px)}
.split > div:first-child{border-right:1px solid var(--line)}
.split h3{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px}
.split .big{font-family:var(--mono);font-size:clamp(30px,5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1;margin:0 0 14px}
.split p{font-size:14.5px;line-height:1.6;color:rgba(232,251,247,.58);margin:0;max-width:34ch}
.split .a3 h3{color:var(--in)}
.split .a3 .big{color:var(--in)}
.split .a4 h3{color:var(--paper)}
@media(max-width:760px){
  .split{grid-template-columns:1fr}
  .split > div:first-child{border-right:0;border-bottom:1px solid var(--line)}
}

/* ---------- tape ---------- */
.tape{border:1px solid var(--line);overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:660px}
th,td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums}
th{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);font-weight:600}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background .15s}
tbody tr:hover{background:rgba(232,251,247,.04)}
th.r,td.r{text-align:right}
td .in{color:var(--in)}
td .out{color:var(--out);font-weight:600}
td .hash{color:var(--dim)}
.tape-note{margin:18px 0 0}
.live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.live::before{content:"";width:6px;height:6px;background:var(--acid);animation:blink 1.9s steps(1) infinite}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:.18}}
@media(prefers-reduced-motion:reduce){.live::before{animation:none}}

/* ---------- verify ---------- */
.verify{border:1px solid var(--line)}
.vrow{display:grid;grid-template-columns:220px 1fr auto;gap:18px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line)}
.vrow:last-child{border-bottom:0}
.vrow .lab{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.vrow .val{font-family:var(--mono);font-size:12px;color:var(--paper);word-break:break-all}
.vrow .val.tba{color:var(--dim)}
.vrow .act{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);border:1px solid var(--line-hi);padding:7px 11px;white-space:nowrap;transition:.18s;cursor:pointer;background:none;display:inline-block;text-align:center}
.vrow .act:hover{color:var(--ink);background:var(--paper);border-color:var(--paper)}
.vrow .act.ok{color:var(--ink);background:var(--acid);border-color:var(--acid)}
.warn{display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding:16px 20px;border:1px solid var(--line-hi);background:var(--well)}
.warn .bang{font-family:var(--mono);font-weight:800;font-size:13px;line-height:1.3;color:var(--acid)}
.warn p{margin:0;font-size:13.5px;line-height:1.55;color:rgba(232,251,247,.7)}
@media(max-width:760px){.vrow{grid-template-columns:1fr;gap:9px}.vrow .act{justify-self:start}}

/* ---------- faq ---------- */
details{border-bottom:1px solid var(--line)}
details:first-of-type{border-top:1px solid var(--line)}
summary{
  list-style:none;cursor:pointer;padding:22px 0;display:flex;gap:18px;align-items:baseline;
  font-family:var(--mono);font-size:clamp(13px,1.5vw,16px);font-weight:600;letter-spacing:-.01em;
}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";margin-left:auto;font-weight:400;color:var(--ash);font-size:17px}
details[open] summary::after{content:"\2212"}
summary .q{font-family:var(--mono);font-size:10px;color:var(--acid);font-weight:400}
details p{margin:0 0 22px;padding-left:38px;max-width:62ch;font-size:14.5px;line-height:1.65;color:rgba(232,251,247,.65)}
@media(max-width:600px){details p{padding-left:0}}

/* ---------- footer ---------- */
footer{padding:clamp(48px,7vh,80px) var(--gut) 40px;border-top:1px solid var(--line)}
.fgrid{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap;max-width:1400px;margin:0 auto}
.fbrand{font-family:var(--mono);font-weight:800;font-size:clamp(30px,6vw,72px);letter-spacing:-.05em;line-height:.9;text-transform:uppercase}
.fcol h4{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);margin:0 0 15px;font-weight:600}
.fcol a{display:block;font-family:var(--mono);font-size:11.5px;color:rgba(232,251,247,.7);padding:5px 0;transition:color .15s}
.fcol a:hover{color:var(--paper)}
.disclaimer{max-width:1400px;margin:clamp(40px,6vh,68px) auto 0;padding-top:24px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:10px;line-height:1.85;color:var(--dim);letter-spacing:.02em}

/* ---------- toast (copy feedback / TBA notices) ---------- */
.toast{
  position:fixed;left:18px;bottom:18px;z-index:100;
  font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  background:var(--paper);color:var(--ink);padding:11px 15px;
  opacity:0;transform:translateY(8px);transition:.22s;pointer-events:none;
}
.toast.show{opacity:1;transform:none}