/* ============================================================
   collect.fun — $COLLECT what is owed to you
   Theme: "the ledger" — ink chrome, brass money, receipt paper.
   ============================================================ */

/* ---------- TOKENS ---------- */
:root{
  /* ground: cool slate-black, biased away from the brass */
  --ink:        #0B0D11;
  --ink-2:      #0F1218;
  --panel:      #141821;
  --panel-2:    #1A1F2A;
  --line:       #232936;
  --line-soft:  rgba(255,255,255,.06);

  /* money */
  --brass:      #E9B44C;
  --brass-hi:   #FFD98A;
  --brass-lo:   #9A7526;

  /* state */
  --claimed:    #45D6A8;
  --owed:       #FF6A5B;

  /* paper */
  --paper:      #F2EDE1;
  --paper-ink:  #14161B;

  --txt:        #E7E4DC;
  --txt-2:      #9BA3B2;
  --txt-3:      #6B7383;

  --strip:      42px;
  --rail:       238px;
  --rail-min:   68px;
  --bar:        62px;

  --ease:       cubic-bezier(.2,.9,.25,1);
  --r:          14px;
}

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;scroll-padding-top:130px}
body{
  background:var(--ink);
  color:var(--txt);
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:15px;line-height:1.6;
  font-variation-settings:'wdth' 100;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;      /* fallback */
  overflow-x:clip;        /* clip (unlike hidden) keeps position:sticky alive */
}
img{max-width:100%;display:block}
[hidden]{display:none !important}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit;background:none;border:none}
ol,ul{list-style:none}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
::selection{background:var(--brass);color:#0B0D11}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:6px}

/* ---------- CURSOR ---------- */
.cur-ring,.cur-dot{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;opacity:0}
@media (hover:hover) and (pointer:fine){
  *{cursor:none !important}
  .cur-ring{
    width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;
    border:1.5px solid var(--brass);display:grid;place-items:center;
    transition:width .26s var(--ease),height .26s var(--ease),margin .26s var(--ease),
               background .26s var(--ease),border-color .26s;
    will-change:transform;
  }
  .cur-ring::before{
    content:"";position:absolute;width:34px;height:1px;background:rgba(233,180,76,.35);
    transition:opacity .2s;
  }
  .cur-ring::after{
    content:"";position:absolute;width:1px;height:34px;background:rgba(233,180,76,.35);
    transition:opacity .2s;
  }
  .cur-dot{width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--brass);will-change:transform}
  #curLabel{
    font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;letter-spacing:.1em;
    color:#0B0D11;opacity:0;transform:scale(.5);transition:opacity .18s,transform .18s;white-space:nowrap;
  }
  body.cur-on .cur-ring{width:66px;height:66px;margin:-33px 0 0 -33px;background:var(--brass)}
  body.cur-on .cur-ring::before,body.cur-on .cur-ring::after{opacity:0}
  body.cur-on #curLabel{opacity:1;transform:scale(1)}
  body.cur-on .cur-dot{opacity:0 !important}
  body.cur-press .cur-ring{transform:scale(.88)}
}
@media (hover:none),(pointer:coarse){.cur-ring,.cur-dot{display:none}}

/* ---------- PROGRESS ---------- */
.progress{position:fixed;top:calc(var(--strip) + var(--bar) - 2px);left:0;right:0;height:2px;z-index:9500;background:rgba(255,255,255,.05)}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brass-lo),var(--brass),var(--brass-hi))}

/* ---------- ICONS (inline masks) ---------- */
i[data-ico]{
  width:18px;height:18px;flex:none;display:block;background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}

/* ---------- TOP STRIP · CONTRACT + SOCIALS ---------- */
.castrip{
  position:fixed;top:0;left:0;right:0;height:var(--strip);z-index:70;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:0 16px 0 14px;
  background:linear-gradient(90deg,#100D07,#15110A 40%,#0F1218);
  border-bottom:1px solid rgba(233,180,76,.24);
}
.ca-copy{
  display:flex;align-items:center;gap:10px;min-width:0;
  height:28px;padding:0 4px 0 0;border-radius:8px;
  transition:background .2s;
}
.ca-copy:hover{background:rgba(233,180,76,.08)}
.ca-tag{
  flex:none;font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:600;
  letter-spacing:.18em;color:#0B0D11;background:var(--brass);
  border-radius:5px;padding:4px 7px;
}
.ca-copy code{
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(46vw,430px);
  letter-spacing:.01em;
}
.ca-act{
  flex:none;display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;
  border:1px solid rgba(233,180,76,.35);color:var(--brass);
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;
  transition:background .2s,border-color .2s,color .2s;
}
.ca-copy:hover .ca-act{background:var(--brass);color:#0B0D11;border-color:var(--brass)}
.ca-act i{width:13px;height:13px}
.ca-act i.ca-check{display:none}
.ca-copy.copied .ca-act{background:var(--claimed);border-color:var(--claimed);color:#06130D}
.ca-copy.copied .ca-act i[data-ico="copy"]{display:none}
.ca-copy.copied .ca-act i.ca-check{display:block}
.ca-copy.failed .ca-act{border-color:var(--owed);color:var(--owed);background:none}

.castrip-right{display:flex;align-items:center;gap:10px;flex:none}
.castrip-note{font-size:11.5px;color:var(--txt-3);white-space:nowrap}
.soc{
  width:28px;height:28px;border-radius:8px;display:grid;place-items:center;
  border:1px solid var(--line);color:var(--txt-2);transition:.2s;
}
.soc i{width:14px;height:14px}
.soc:hover{color:#0B0D11;background:var(--brass);border-color:var(--brass);transform:translateY(-1px)}

/* ---------- LEFT RAIL ---------- */
.rail{
  position:fixed;inset:var(--strip) auto 0 0;width:var(--rail);z-index:60;
  background:var(--ink-2);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:14px 12px;
  transition:width .32s var(--ease);
}
body.rail-min .rail{width:var(--rail-min)}
.rail-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}
.mark{
  width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--brass-hi),var(--brass) 45%,var(--brass-lo));
  color:#0B0D11;font-weight:900;font-size:17px;font-variation-settings:'wdth' 125;
  box-shadow:0 4px 18px rgba(233,180,76,.25);
}
.rail-word{font-weight:800;font-size:16px;letter-spacing:-.01em;white-space:nowrap;font-variation-settings:'wdth' 112}
.rail-word em{font-style:normal;color:var(--brass)}
.rail-nav{display:flex;flex-direction:column;gap:2px}
.rail-item{
  display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:10px;
  color:var(--txt-2);font-size:14px;font-weight:500;white-space:nowrap;
  transition:background .2s,color .2s;
}
.rail-item:hover{background:var(--panel);color:var(--txt)}
.rail-item.on{background:var(--panel);color:var(--brass)}
.rail-item.on i{color:var(--brass)}
.rail-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.rail-socials{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.rail-soc{
  display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;
  color:var(--txt-2);font-size:13.5px;font-weight:500;white-space:nowrap;
  transition:background .2s,color .2s;
}
.rail-soc i{width:16px;height:16px}
.rail-soc:hover{background:var(--panel);color:var(--brass)}
body.rail-min .rail-soc{justify-content:center}
body.rail-min .rail-soc span{opacity:0;width:0;overflow:hidden}

.rail-cta{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;
  background:var(--brass);color:#0B0D11;font-weight:700;font-size:14px;white-space:nowrap;
  transition:transform .2s var(--ease),box-shadow .2s;
}
.rail-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(233,180,76,.28)}
body.rail-min .rail-word,
body.rail-min .rail-item span,
body.rail-min .rail-cta span{opacity:0;width:0;overflow:hidden}
body.rail-min .rail-item,body.rail-min .rail-socials{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.rail-soc{
  display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;
  color:var(--txt-2);font-size:13.5px;font-weight:500;white-space:nowrap;
  transition:background .2s,color .2s;
}
.rail-soc i{width:16px;height:16px}
.rail-soc:hover{background:var(--panel);color:var(--brass)}
body.rail-min .rail-soc{justify-content:center}
body.rail-min .rail-soc span{opacity:0;width:0;overflow:hidden}

.rail-cta{justify-content:center}

/* ---------- TOP BAR ---------- */
.topbar{
  position:fixed;top:var(--strip);left:var(--rail);right:0;height:var(--bar);z-index:55;
  display:flex;align-items:center;gap:14px;padding:0 22px;
  background:rgba(11,13,17,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:left .32s var(--ease);
}
body.rail-min .topbar{left:var(--rail-min)}
.rail-toggle{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--txt-2);border:1px solid var(--line)}
.rail-toggle:hover{color:var(--txt);background:var(--panel)}
.search{
  flex:1 1 0;min-width:0;max-width:460px;display:flex;align-items:center;gap:10px;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 12px;height:36px;
  color:var(--txt-3);transition:border-color .2s;
}
.search:focus-within{border-color:var(--brass)}
.search input{flex:1 1 0;min-width:0;width:100%;font-size:13.5px;color:var(--txt)}
.search input::placeholder{color:var(--txt-3)}
.search kbd{
  font-family:'IBM Plex Mono',monospace;font-size:10px;padding:2px 6px;border-radius:5px;
  border:1px solid var(--line);color:var(--txt-3);
}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.pill-live{
  display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;letter-spacing:.08em;color:var(--txt-2);
  border:1px solid var(--line);border-radius:99px;padding:6px 12px;
}
.pill-live b{color:var(--brass);font-variant-numeric:tabular-nums}
.pill-live.small{padding:4px 10px;font-size:9.5px}
.blip{width:6px;height:6px;border-radius:50%;background:var(--claimed);box-shadow:0 0 0 0 rgba(69,214,168,.6);animation:blip 1.8s infinite}
@keyframes blip{0%{box-shadow:0 0 0 0 rgba(69,214,168,.5)}70%{box-shadow:0 0 0 7px rgba(69,214,168,0)}100%{box-shadow:0 0 0 0 rgba(69,214,168,0)}}

/* ---------- BUTTONS / BITS ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:36px;padding:0 16px;border-radius:10px;font-size:13.5px;font-weight:700;white-space:nowrap;
  transition:transform .18s var(--ease),box-shadow .18s,background .2s,border-color .2s;
}
.btn-lg{height:46px;padding:0 24px;font-size:15px;border-radius:12px}
.btn-block{width:100%;height:44px}
.btn-brass{background:var(--brass);color:#0B0D11}
.btn-brass:hover{background:var(--brass-hi);transform:translateY(-2px);box-shadow:0 12px 28px rgba(233,180,76,.26)}
.btn-ghost{border:1px solid var(--line);color:var(--txt-2)}
.btn-ghost:hover{border-color:var(--txt-3);color:var(--txt)}
.btn-line{border:1px solid var(--brass);color:var(--brass)}
.btn-line:hover{background:rgba(233,180,76,.1);transform:translateY(-2px)}
.icon-btn{
  width:34px;height:34px;border-radius:9px;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--txt-2);transition:.2s;
}
.icon-btn:hover{color:var(--brass);border-color:var(--brass)}
.tag{
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;
  border:1px solid var(--line);border-radius:99px;padding:5px 11px;color:var(--txt-2);
}
.tag-brass{border-color:rgba(233,180,76,.4);color:var(--brass)}
.demo-chip{
  font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.16em;
  border:1px dashed var(--line);border-radius:5px;padding:3px 8px;color:var(--txt-3);
}
.dim{color:var(--txt-3);font-weight:400}
.neg{color:var(--owed)}

/* ---------- LAYOUT ---------- */
main{margin-left:var(--rail);padding-top:calc(var(--strip) + var(--bar));transition:margin-left .32s var(--ease)}
body.rail-min main{margin-left:var(--rail-min)}
.band{padding:88px 34px;max-width:1420px;margin:0 auto}
.band-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.band-tools{display:flex;align-items:center;gap:8px}

.kick{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.22em;
  color:var(--brass);margin-bottom:12px;
}
.h2{
  font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.06;font-weight:800;
  font-variation-settings:'wdth' 118;letter-spacing:-.02em;text-wrap:balance;
}
.lede{color:var(--txt-2);max-width:60ch;margin-top:14px;font-size:15.5px}

/* ================= HERO ================= */
.hero{position:relative;padding:78px 34px 90px;max-width:1420px;margin:0 auto;overflow:hidden}
.hero-rules{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(680px 420px at 74% 24%,rgba(233,180,76,.11),transparent 64%),
    repeating-linear-gradient(180deg,transparent 0 33px,var(--line-soft) 33px 34px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);
  mask-image:linear-gradient(180deg,#000,transparent 88%);
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}

.hero-h1{margin:0 0 20px}
.flap{
  display:flex;gap:clamp(3px,.5vw,7px);flex-wrap:wrap;
  font-family:'IBM Plex Mono',monospace;font-weight:600;
  font-size:clamp(2.6rem,7.4vw,6.4rem);line-height:1;
}
.flap .cell{
  position:relative;display:grid;place-items:center;
  min-width:.72em;padding:.1em .06em;border-radius:.1em;
  background:linear-gradient(180deg,var(--panel-2),#0E1117);
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 18px rgba(0,0,0,.45);
  color:var(--txt-3);
  transition:color .18s,border-color .35s,background .35s;
}
.flap .cell::after{           /* the split-flap seam */
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(255,255,255,.04);
}
.flap .cell.locked{
  color:var(--brass);border-color:rgba(233,180,76,.42);
  background:linear-gradient(180deg,#1D2029,#0E1117);
  animation:flapIn .34s var(--ease);
}
@keyframes flapIn{
  0%{transform:rotateX(-72deg);filter:brightness(1.9)}
  100%{transform:rotateX(0);filter:brightness(1)}
}
.flap .cell.locked::before{
  content:"";position:absolute;inset:0;border-radius:.1em;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,217,138,.22) 50%,transparent 58%);
  background-size:260% 100%;animation:sheen 5s linear infinite;
}
@keyframes sheen{0%{background-position:160% 0}60%,100%{background-position:-70% 0}}

.hero-lead{font-size:clamp(1.05rem,1.7vw,1.5rem);font-weight:600;color:var(--txt);max-width:30ch}
.hero-lead b{display:block;margin-top:2px}
.hero-lead b{color:var(--brass);font-weight:800}
.hero-sub{color:var(--txt-2);max-width:52ch;margin-top:16px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

.hero-stats{display:flex;gap:38px;flex-wrap:wrap;margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.hero-stats dt{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.16em;color:var(--txt-3)}
.hero-stats dd{
  font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;
  font-size:clamp(1.15rem,2vw,1.6rem);font-weight:600;color:var(--brass);margin-top:5px;
}

/* --- receipt --- */
.hero-receipt{display:grid;place-items:center}
.receipt{
  width:100%;max-width:340px;background:var(--paper);color:var(--paper-ink);
  border-radius:6px;padding:20px 20px 18px;position:relative;
  box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05);
  transform:rotate(-1.1deg);
  font-family:'IBM Plex Mono',monospace;
}
.receipt::before,.receipt::after{
  content:"";position:absolute;left:0;right:0;height:8px;
  background:radial-gradient(circle at 5px 0,transparent 5px,var(--paper) 5.5px) 0 0/12px 8px repeat-x;
}
.receipt::before{top:-7px;transform:scaleY(-1)}
.receipt::after{bottom:-7px}
.receipt-top{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;letter-spacing:.2em;color:#6C6558}
.receipt-top .demo-chip{border-color:#CFC7B4;color:#6C6558}
.receipt-title{
  font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 122;font-weight:800;
  font-size:1.32rem;letter-spacing:-.01em;margin:12px 0 4px;
}
.receipt-meta{display:flex;justify-content:space-between;font-size:10px;color:#6C6558;letter-spacing:.1em;padding-bottom:12px;border-bottom:1px dashed #C9C1AE}
.receipt-rows{padding:10px 0}
.receipt-rows li{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;padding:7px 0;opacity:0;transform:translateY(6px)}
.receipt-rows li.in{opacity:1;transform:none;transition:opacity .4s,transform .4s var(--ease)}
.receipt-rows span{color:#4C463B}
.receipt-rows b{font-weight:600}
.receipt-rows .up{color:#0E7A55}
.receipt-tear{height:1px;border-top:1px dashed #C9C1AE;margin:6px 0 12px}
.receipt-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.receipt-total span{font-size:9.5px;letter-spacing:.18em;color:#6C6558}
.receipt-total b{font-size:1.7rem;font-weight:600}
.receipt-note{font-size:9.5px;color:#7A7365;text-align:center;margin-top:9px;letter-spacing:.03em}
.receipt.paid .receipt-total b{color:#0E7A55}

/* ---------- RIBBON ---------- */
.ribbon{
  border-block:1px solid var(--line);background:var(--ink-2);
  overflow:hidden;padding:12px 0;
}
.ribbon-track{display:flex;width:max-content;will-change:transform}
.ribbon-item{
  display:flex;align-items:center;gap:9px;padding:0 26px;white-space:nowrap;
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--txt-2);
  border-right:1px solid var(--line);
}
.ribbon-item b{color:var(--txt)}
.ribbon-item .amt{color:var(--claimed)}

/* ---------- TRENDING ROW ---------- */
.trend-scroll{
  display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 4px 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;
}
.trend-scroll::-webkit-scrollbar{height:6px}
.trend-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.tcard{
  flex:0 0 268px;scroll-snap-align:start;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.tcard:hover{transform:translateY(-6px);border-color:rgba(233,180,76,.45);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.tcard-art{height:132px;position:relative;overflow:hidden}
.tcard-art canvas{width:100%;height:100%;display:block}
.tcard-badge{
  position:absolute;top:10px;left:10px;font-family:'IBM Plex Mono',monospace;font-size:9px;
  letter-spacing:.1em;background:rgba(11,13,17,.78);backdrop-filter:blur(6px);
  border:1px solid rgba(233,180,76,.35);color:var(--brass);border-radius:6px;padding:4px 8px;
}
.tcard-body{padding:13px 14px 15px}
.tcard-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.tcard-name h3{font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.tcard-name span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--txt-3)}
.tcard-desc{font-size:12px;color:var(--txt-2);margin-top:6px;min-height:2.6em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tcard-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.tcard-foot .mc{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600}
.tcard-foot .paid{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--claimed)}

/* ---------- SPLIT ---------- */
.split-band{position:relative}
.split-wrap{
  margin-top:34px;background:var(--ink-2);border:1px solid var(--line);border-radius:18px;
  padding:18px 18px 6px;position:relative;overflow:hidden;
}
.split-wrap canvas{width:100%;height:420px;display:block}
.split-legend{display:flex;gap:20px;flex-wrap:wrap;padding:14px 6px 18px;border-top:1px solid var(--line)}
.leg{display:flex;align-items:center;gap:9px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--txt-2)}
.leg i{width:10px;height:10px;border-radius:3px;flex:none}
.leg b{color:var(--txt)}

.split-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.card-flat{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;
  transition:border-color .3s,transform .3s var(--ease);
}
.card-flat:hover{border-color:rgba(233,180,76,.42);transform:translateY(-4px)}
.card-pct{display:block;font-size:2rem;font-weight:600;color:var(--brass);letter-spacing:-.02em}
.card-flat h3{font-size:15px;font-weight:700;margin:8px 0 8px}
.card-flat p{font-size:13px;color:var(--txt-2);line-height:1.62}

/* ---------- CALCULATOR ---------- */
.calc-band{background:var(--ink-2);max-width:none;border-block:1px solid var(--line)}
.calc-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.calc-controls{margin-top:34px;display:flex;flex-direction:column;gap:26px;max-width:520px}
.field{display:block}
.field-label{
  display:flex;align-items:baseline;gap:8px;font-family:'IBM Plex Mono',monospace;
  font-size:10.5px;letter-spacing:.14em;color:var(--txt-3);margin-bottom:10px;
}
.field-label b{font-size:15px;color:var(--brass);letter-spacing:0}
.field-scale{display:flex;justify-content:space-between;margin-top:6px}
.field-scale i{font-family:'IBM Plex Mono',monospace;font-style:normal;font-size:9.5px;color:var(--txt-3)}
input[type=range]{
  -webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;
  background:linear-gradient(90deg,var(--brass) var(--fill,20%),var(--line) var(--fill,20%));
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brass);
  border:3px solid var(--ink-2);box-shadow:0 3px 12px rgba(233,180,76,.5);
}
input[type=range]::-moz-range-thumb{
  width:20px;height:20px;border:3px solid var(--ink-2);border-radius:50%;background:var(--brass);
}
.field-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.seg{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg-btn{
  padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--txt-2);
  transition:background .2s,color .2s;
}
.seg-btn.on{background:var(--brass);color:#0B0D11}

.out-card{
  background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;
  box-shadow:0 26px 60px rgba(0,0,0,.4);
}
.out-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--txt-3)}
.out-big{
  display:block;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;color:var(--claimed);
  line-height:1.08;margin:8px 0 16px;letter-spacing:-.02em;
}
.out-bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-bottom:20px}
.out-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brass),var(--claimed));transition:width .5s var(--ease)}
.out-rows li{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--txt-2)}
.out-rows b{color:var(--txt);font-weight:600}
.out-rows b.neg{color:var(--owed)}
.out-vs{border-bottom:none !important;opacity:.75}
.out-note{font-size:10.5px;color:var(--txt-3);margin-top:14px;line-height:1.6}

/* ---------- EXPLORE GRID ---------- */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chip{
  padding:8px 15px;border-radius:99px;border:1px solid var(--line);font-size:12.5px;
  font-weight:600;color:var(--txt-2);transition:.2s;
}
.chip:hover{color:var(--txt);border-color:var(--txt-3)}
.chip.on{background:var(--brass);border-color:var(--brass);color:#0B0D11}
.grid-coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.ccard{
  display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:12px;transition:transform .28s var(--ease),border-color .28s;
}
.ccard:hover{transform:translateY(-4px);border-color:rgba(233,180,76,.4)}
.ccard-av{width:52px;height:52px;border-radius:10px;flex:none;overflow:hidden}
.ccard-av canvas{width:100%;height:100%;display:block}
.ccard-main{min-width:0;flex:1}
.ccard-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ccard-top h4{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccard-tick{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--txt-3);white-space:nowrap}
.ccard-stats{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:8px}
.ccard-mc{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:600}
.ccard-paid{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--claimed)}
.ccard-spark{width:60px;height:22px;flex:none}

/* ---------- LEDGER PANELS ---------- */
.ledger-band{background:var(--ink-2);max-width:none;border-block:1px solid var(--line)}
.ledger-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}
.panel-head h3{font-size:14.5px;font-weight:700}
.board li{
  display:grid;grid-template-columns:26px 34px 1fr auto;align-items:center;gap:11px;
  padding:11px 18px;border-bottom:1px solid var(--line-soft);
  transition:background .2s;
}
.board li:hover{background:var(--panel-2)}
.board .rank{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--txt-3)}
.board li:nth-child(-n+3) .rank{color:var(--brass)}
.board .av{width:30px;height:30px;border-radius:8px;overflow:hidden}
.board .av canvas{width:100%;height:100%;display:block}
.board .who{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board .who small{display:block;font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--txt-3);font-weight:400}
.board .amt{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:var(--claimed)}

.feed{padding:6px 0;max-height:380px;overflow:hidden}
.feed li{
  display:flex;align-items:center;gap:11px;padding:11px 18px;
  border-bottom:1px solid var(--line-soft);
  animation:feedIn .5s var(--ease);
}
@keyframes feedIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.feed .fav{width:26px;height:26px;border-radius:7px;overflow:hidden;flex:none}
.feed .fav canvas{width:100%;height:100%;display:block}
.feed .ftxt{font-size:12.5px;color:var(--txt-2);min-width:0}
.feed .ftxt b{color:var(--txt);font-weight:600}
.feed .ftxt .tk{font-family:'IBM Plex Mono',monospace;color:var(--brass)}
.feed .famt{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--claimed);white-space:nowrap}
.feed-fade{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--panel));pointer-events:none}

/* ---------- STEPS / CTA ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.steps li{border-top:2px solid var(--brass);padding-top:20px}
.step-n{font-size:1.5rem;color:var(--brass);font-weight:600}
.steps h3{font-size:1.25rem;font-weight:800;font-variation-settings:'wdth' 112;margin:6px 0 10px}
.steps p{font-size:13.5px;color:var(--txt-2);max-width:38ch}

.cta-slab{
  margin-top:52px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(115deg,rgba(233,180,76,.14),rgba(233,180,76,.03));
  border:1px solid rgba(233,180,76,.32);border-radius:18px;padding:30px 32px;
}
.cta-slab h3{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;font-variation-settings:'wdth' 116}
.cta-slab p{color:var(--txt-2);margin-top:6px;font-size:14px}

/* ---------- FAQ ---------- */
.acc{margin-top:32px;border-top:1px solid var(--line);max-width:900px}
.acc-row{border-bottom:1px solid var(--line)}
.acc-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  text-align:left;padding:21px 2px;font-size:clamp(1rem,1.7vw,1.16rem);font-weight:700;
  font-variation-settings:'wdth' 108;transition:color .2s;
}
.acc-q:hover{color:var(--brass)}
.acc-x{position:relative;width:14px;height:14px;flex:none}
.acc-x::before,.acc-x::after{content:"";position:absolute;inset:50% 0 auto 0;height:2px;margin-top:-1px;background:var(--brass);transition:transform .3s var(--ease)}
.acc-x::after{transform:rotate(90deg)}
.acc-row.open .acc-x::after{transform:rotate(0)}
.acc-a{max-height:0;overflow:hidden;transition:max-height .42s var(--ease)}
.acc-a p{padding:0 2px 22px;color:var(--txt-2);max-width:72ch;font-size:14px}

/* ---------- FOOTER ---------- */
.foot{border-top:1px solid var(--line);background:var(--ink-2);padding:44px 34px 38px}
.foot-top{max-width:1420px;margin:0 auto;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:center}
.foot-brand{display:flex;align-items:center;gap:12px}
.foot-brand b{display:block;font-size:16px;font-weight:800;font-variation-settings:'wdth' 112}
.foot-brand span{font-size:12px;color:var(--txt-3)}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}
.foot-links a{color:var(--txt-2);transition:color .2s}
.foot-links a:hover{color:var(--brass)}
.foot-legal{
  max-width:1420px;margin:26px auto 0;padding-top:20px;border-top:1px solid var(--line);
  font-size:11px;line-height:1.8;color:var(--txt-3);max-width:88ch;
}

/* ---------- REVEALS ---------- */
.reveal{opacity:0;transition:opacity .75s var(--ease),transform .85s var(--ease);will-change:transform,opacity}
.reveal[data-anim="up"]{transform:translateY(34px)}
.reveal[data-anim="scale"]{transform:scale(.95)}
.reveal.in{opacity:1;transform:none}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero-receipt{justify-items:start}
  .calc-grid{grid-template-columns:1fr;gap:38px}
  .split-cards{grid-template-columns:repeat(2,1fr)}
  .ledger-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .steps li{max-width:none}
}
@media (max-width:860px){
  :root{--rail:0px;--rail-min:0px}
  .rail{transform:translateX(-100%);width:238px;transition:transform .32s var(--ease)}
  body.rail-open .rail{transform:none;width:238px;box-shadow:0 0 0 100vmax rgba(0,0,0,.55)}
  body.rail-open .rail-word,body.rail-open .rail-item span,body.rail-open .rail-cta span{opacity:1;width:auto}
  .topbar{left:0}
  main{margin-left:0}
  .search kbd,.pill-live,.topbar .btn-ghost{display:none}
  .castrip{padding:0 10px 0 8px;gap:8px}
  .castrip-note{display:none}
  .ca-copy code{max-width:36vw;font-size:11px}
  .ca-act b{display:none}
  .ca-act{padding:5px 7px}
  .topbar{gap:10px;padding:0 14px}
  .topbar .btn-brass{padding:0 13px;font-size:12.5px}
  .band,.hero{padding-left:20px;padding-right:20px}
  .band{padding-top:76px;padding-bottom:76px}
  .foot{padding-left:20px;padding-right:20px}
  .split-cards{grid-template-columns:1fr}
  .hero-stats{gap:22px}
  .split-wrap canvas{height:320px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .reveal{opacity:1;transform:none}
}

/* ============================================================
   LAUNCH PAGE — create new coin
   ============================================================ */
.page-launch main{padding-bottom:0}
.back-link{
  display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--txt-2);
  padding:7px 12px;border-radius:9px;transition:color .2s,background .2s;
}
.back-link:hover{color:var(--brass);background:var(--panel)}
.back-link i{width:15px;height:15px}
.rail-cta-ghost{background:none;border:1px solid var(--line);color:var(--txt-2)}
.rail-cta-ghost:hover{border-color:var(--brass);color:var(--brass);box-shadow:none}

.launch-wrap{max-width:1420px;margin:0 auto;padding:64px 34px 96px}
.launch-head{margin-bottom:36px;max-width:66ch}
.launch-grid{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:34px;align-items:start}
.form-col{display:flex;flex-direction:column;gap:20px;min-width:0}

/* ---- fieldset blocks ---- */
.fs{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fs-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:17px 22px;border-bottom:1px solid var(--line);background:var(--panel-2);
}
.fs-head h2{font-size:15.5px;font-weight:800;font-variation-settings:'wdth' 112}
.fs-note{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--txt-3)}
.fs-body{padding:22px;display:flex;flex-direction:column;gap:20px}

.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* ---- fields ---- */
.fld{display:block;position:relative;min-width:0}
.fld-label{
  display:flex;align-items:baseline;gap:7px;font-family:'IBM Plex Mono',monospace;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px;
}
.fld-label em{font-style:normal;text-transform:none;letter-spacing:.04em}
.fld-label b.mono{font-size:14px;color:var(--brass);letter-spacing:0}
.req{color:var(--brass)}
.fld input[type=text],.fld textarea{
  width:100%;background:var(--ink-2);border:1px solid var(--line);border-radius:10px;
  padding:11px 13px;font-size:14px;color:var(--txt);transition:border-color .2s,background .2s;
}
.fld textarea{resize:vertical;min-height:84px;line-height:1.55;font-family:inherit}
.fld input::placeholder,.fld textarea::placeholder{color:var(--txt-3)}
.fld input:focus,.fld textarea:focus{border-color:var(--brass);background:var(--ink);outline:none}
.fld.bad input,.fld.bad .fld-prefix{border-color:var(--owed)}
.fld-prefix{
  display:flex;align-items:center;background:var(--ink-2);border:1px solid var(--line);
  border-radius:10px;padding-left:13px;transition:border-color .2s;
}
.fld-prefix:focus-within{border-color:var(--brass)}
.fld-prefix > span{font-family:'IBM Plex Mono',monospace;color:var(--brass);font-size:14px}
.fld-prefix input{
  border:none !important;background:none !important;padding-left:4px !important;
  font-family:'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;
}
.fld-hint{
  display:block;margin-top:7px;font-family:'IBM Plex Mono',monospace;
  font-size:10px;color:var(--txt-3);
}
.fld-hint.bad{color:var(--owed)}

/* ---- disclosure ---- */
.disclose{border-top:1px solid var(--line-soft);padding-top:16px}
.disclose-btn{
  display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--txt-2);
  transition:color .2s;
}
.disclose-btn em{font-style:normal;color:var(--txt-3);font-weight:400}
.disclose-btn:hover{color:var(--brass)}
.disclose-btn .chev{margin-left:2px;width:15px;height:15px;transition:transform .3s var(--ease)}
.disclose[data-open="true"] .chev{transform:rotate(180deg)}
.disclose-body{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.disclose[data-open="true"] .disclose-body{padding-top:16px}

/* ---- toggle rows ---- */
.opt{
  display:flex;align-items:center;gap:14px;padding:15px 16px;
  background:var(--ink-2);border:1px solid var(--line);border-radius:12px;
  transition:border-color .25s;
}
.opt:has(.sw[aria-checked="true"]){border-color:rgba(233,180,76,.4)}
.opt-ico{
  width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;
  border:1px solid var(--line);color:var(--txt-2);
}
.opt-ico[data-tone="brass"]{color:var(--brass);border-color:rgba(233,180,76,.3);background:rgba(233,180,76,.07)}
.opt-ico[data-tone="teal"]{color:var(--claimed);border-color:rgba(69,214,168,.3);background:rgba(69,214,168,.07)}
.opt-ico[data-tone="blue"]{color:#7FA6FF;border-color:rgba(127,166,255,.3);background:rgba(127,166,255,.07)}
.opt-txt{flex:1;min-width:0}
.opt-txt b{display:block;font-size:14px;font-weight:700}
.opt-txt span{display:block;font-size:12.5px;color:var(--txt-2);margin-top:2px}
.sw{
  width:46px;height:26px;flex:none;border-radius:99px;background:var(--line);
  position:relative;transition:background .25s var(--ease);
}
.sw i{
  position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:var(--txt-2);transition:transform .25s var(--ease),background .25s;
}
.sw[aria-checked="true"]{background:var(--brass)}
.sw[aria-checked="true"] i{transform:translateX(20px);background:#0B0D11}

.opt-extra{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.opt-extra.open{max-height:160px;padding:16px 16px 4px}

.fs-info{
  display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--txt-3);
  padding-top:4px;line-height:1.55;
}
.fs-info i{width:15px;height:15px;flex:none;margin-top:2px}
.fs-info a{color:var(--brass);border-bottom:1px solid rgba(233,180,76,.4)}

/* ---- dropzone ---- */
.drop{
  position:relative;border:1.5px dashed var(--line);border-radius:14px;
  min-height:250px;display:grid;place-items:center;padding:26px;
  background:var(--ink-2);transition:border-color .25s,background .25s;
}
.drop:hover,.drop:focus-visible{border-color:rgba(233,180,76,.55)}
.drop.over{border-color:var(--brass);background:rgba(233,180,76,.06)}
.drop-slim{min-height:132px}
.drop-inner{display:grid;justify-items:center;gap:7px;text-align:center}
.drop-ico{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  border:1px solid var(--line);color:var(--txt-3);margin-bottom:4px;
}
.drop-inner b{font-size:15px;font-weight:700}
.drop-sub{font-size:12.5px;color:var(--txt-3)}
.drop-btn{margin-top:10px;pointer-events:none}
.drop-preview{position:relative;display:grid;justify-items:center;gap:12px;width:100%}
.drop-preview img{max-height:250px;border-radius:11px;border:1px solid var(--line)}
.drop-clear{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;color:var(--owed);
  border:1px solid rgba(255,106,91,.4);border-radius:8px;padding:5px 12px;transition:.2s;
}
.drop-clear:hover{background:rgba(255,106,91,.12)}

.specs h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:9px}
.specs h4 i{width:15px;height:15px;color:var(--txt-3)}
.specs ul{display:flex;flex-direction:column;gap:5px}
.specs li{font-size:12px;color:var(--txt-2);padding-left:13px;position:relative}
.specs li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--txt-3)}
.specs code{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--brass)}

.lock-note{
  display:flex;gap:11px;align-items:flex-start;background:var(--panel);
  border:1px solid var(--line);border-radius:12px;padding:15px 18px;
  font-size:12.5px;color:var(--txt-2);line-height:1.6;
}
.lock-note i{width:16px;height:16px;flex:none;color:var(--brass);margin-top:2px}

.submit-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.submit-bar .btn{min-width:250px}
.submit-note{font-size:12.5px;color:var(--txt-3)}
.submit-note b{color:var(--brass)}

/* ---- PREVIEW COLUMN ---- */
.preview-col{min-width:0;align-self:stretch;height:100%}
.preview-sticky{position:sticky;top:calc(var(--strip) + var(--bar) + 22px);display:flex;flex-direction:column;gap:16px}
.preview-head{display:flex;align-items:center;justify-content:space-between}
.preview-head h2{font-size:15.5px;font-weight:800;font-variation-settings:'wdth' 112}

.pv-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pv-art{position:relative;aspect-ratio:1;max-height:330px;background:var(--ink-2)}
.pv-art canvas,.pv-art img{width:100%;height:100%;display:block;object-fit:cover}
.pv-badge{
  position:absolute;top:11px;left:11px;font-family:'IBM Plex Mono',monospace;font-size:9px;
  letter-spacing:.12em;background:rgba(11,13,17,.8);backdrop-filter:blur(6px);
  border:1px solid rgba(233,180,76,.4);color:var(--brass);border-radius:6px;padding:4px 8px;
}
.pv-body{padding:15px 16px 16px}
.pv-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pv-name h3{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-name span{font-size:11px;color:var(--txt-3);white-space:nowrap}
.pv-desc{
  font-size:12.5px;color:var(--txt-2);margin-top:7px;min-height:2.7em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.pv-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.pv-mc{font-size:13px;font-weight:600}
.pv-paid{font-size:10.5px;color:var(--claimed)}

.pv-flap-wrap{display:flex;flex-direction:column;gap:9px}
.pv-flap-label{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.2em;color:var(--txt-3)}
.flap-sm{font-size:1.5rem;gap:3px}
.flap-sm .cell{min-width:.78em;padding:.12em .05em;border-radius:5px}

.pv-split{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px 18px}
.pv-split-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.pv-split-head span{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.2em;color:var(--txt-3)}
.pv-split-head b{font-size:12px;color:var(--brass)}
.pv-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--line)}
.pv-bar i{display:block;height:100%;transition:width .45s var(--ease)}
.pv-bar .s-creator{background:var(--brass)}
.pv-bar .s-buyers{background:var(--claimed)}
.pv-bar .s-liq{background:#7FA6FF}
.pv-bar .s-proto{background:var(--owed)}
.pv-legend{margin-top:13px;display:flex;flex-direction:column;gap:7px}
.pv-legend li{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--txt-2)}
.pv-legend i{width:9px;height:9px;border-radius:3px;flex:none}
.pv-legend b{margin-left:auto;color:var(--txt);font-weight:600}
.pv-example{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  margin-top:15px;padding-top:13px;border-top:1px dashed var(--line);font-size:12px;color:var(--txt-2);
}
.pv-example b.mono{font-size:16px;color:var(--claimed)}

.pv-flags{display:flex;flex-wrap:wrap;gap:7px}
.pv-flags li{
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.1em;
  border:1px solid rgba(233,180,76,.32);color:var(--brass);border-radius:99px;padding:5px 11px;
  animation:feedIn .3s var(--ease);
}
.pv-flags li[data-tone="teal"]{border-color:rgba(69,214,168,.32);color:var(--claimed)}
.pv-flags li[data-tone="blue"]{border-color:rgba(127,166,255,.32);color:#7FA6FF}

/* ---- success sheet ---- */
.sheet[hidden]{display:none}
.drop-preview[hidden]{display:none}
.sheet{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px;
  background:rgba(5,7,10,.7);backdrop-filter:blur(6px);animation:feedIn .28s var(--ease)}
.sheet-card{
  width:min(430px,100%);background:var(--panel);border:1px solid var(--line);
  border-radius:18px;padding:28px;text-align:center;box-shadow:0 40px 90px rgba(0,0,0,.6);
}
.sheet-ico{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;
  background:rgba(233,180,76,.1);border:1px solid rgba(233,180,76,.3);color:var(--brass);
}
.sheet-card h3{font-size:1.25rem;font-weight:800;font-variation-settings:'wdth' 112}
.sheet-card p{font-size:13.5px;color:var(--txt-2);margin-top:9px;line-height:1.6}
.sheet-recap{
  text-align:left;background:var(--ink-2);border:1px solid var(--line);border-radius:11px;
  padding:13px 15px;margin:18px 0;font-size:11.5px;color:var(--txt-2);
}
.sheet-recap div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}
.sheet-recap b{color:var(--txt)}

/* ---- launch page responsive ---- */
@media (max-width:1180px){
  .launch-grid{grid-template-columns:1fr}
  .preview-sticky{position:static}
  .preview-col{order:-1}
  .pv-card{max-width:340px}
}
@media (max-width:860px){
  .launch-wrap{padding:44px 20px 72px}
  .row-2,.row-3{grid-template-columns:1fr}
  .back-link span,.back-link{font-size:12.5px}
  .submit-bar .btn{min-width:100%}
}