/* ══════════════════════════════════════════════════════════════
   MEMESTOCK — THE FLOOR
   The meme site. Its own thing; the terminal at /stock.html is a
   separate build, not a skin of this one.
   ══════════════════════════════════════════════════════════════ */

@font-face{font-family:Inter;src:url(/assets/fonts/inter500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Mono;src:url(/assets/fonts/mono400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Anton;src:url(/assets/fonts/anton.woff2) format("woff2");font-display:swap}

*,*::before,*::after{box-sizing:border-box}

:root{
  --bg:#08090C;
  --red:#DE1F24;
  --red-hot:#FD423D;
  --white:#F2F3F5;
  --green:#16E06A;
  --ink:#FFFFFF;
  --body:#B6BCC5;
  --dim:#8A919B;
  --line:#22262E;
  --panel:#0D0F14;
  --shell:1180px;
}

html{background:var(--bg);-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--body);
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:16.5px;line-height:1.6;overflow-x:hidden;
}
/* halftone floor + the glow behind the run */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px);
  background-size:5px 5px;opacity:.55;
}
body::after{
  content:"";position:fixed;left:50%;top:-14vh;width:120vw;height:70vh;
  transform:translateX(-50%);pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(222,31,36,.20),rgba(222,31,36,0) 62%);
}
body>*{position:relative;z-index:1}

img{max-width:100%;height:auto;display:block}
b,strong{font-weight:700;color:var(--white)}
a{color:inherit;text-decoration:none}

/* ══ DISCLAIMER ══ */
.disclaimer{
  display:flex;gap:12px;align-items:flex-start;
  padding:9px clamp(14px,4vw,34px);border-bottom:1px solid var(--line);background:#0A0B0F;
}
.disclaimer .dot{flex:0 0 auto;width:7px;height:7px;margin-top:7px;background:var(--red);border-radius:50%}
.disclaimer p{margin:0;font-family:Mono,monospace;font-size:11.5px;line-height:1.5;color:var(--dim);letter-spacing:.02em}
.disclaimer strong{color:var(--white)}

/* ══ TAPE ══ */
.tape{
  overflow:hidden;background:var(--red);
  transform:rotate(-1.05deg) scaleX(1.05);margin:14px 0 8px;
  box-shadow:0 8px 40px rgba(222,31,36,.35);
}
.tape-track{display:flex;width:max-content;animation:roll 26s linear infinite}
.tape-run{display:flex;flex:0 0 auto;white-space:nowrap}
@keyframes roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tape-item{
  display:inline-flex;gap:9px;align-items:baseline;padding:9px 26px;
  font-family:Anton,Inter,sans-serif;font-size:19px;letter-spacing:.05em;
  color:#fff;text-transform:uppercase;
}
.tape-item b{color:#111;font-weight:400}
.tape-item .u{color:#0B2B18;background:#7BFFB6;padding:0 6px}
.tape-item .d{color:#fff}

/* ══ HEADER ══ */
.head{
  max-width:var(--shell);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:20px clamp(14px,4vw,34px) 8px;
}
.wordmark{font-family:Inter,sans-serif;font-weight:900;font-size:clamp(26px,3.2vw,36px);letter-spacing:-.035em;line-height:1}
.wm-a{color:var(--white)}
.wm-b{color:var(--red-hot)}
.head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chip{
  font-family:Mono,monospace;font-size:10.5px;letter-spacing:.1em;color:#9AA1AC;
  background:#14161C;padding:5px 9px;white-space:nowrap;
}
.chip b{color:var(--white);font-weight:400}
.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;background:#17191f;border:1px solid #30343d;border-radius:999px;font:700 10px/1 Inter,sans-serif;letter-spacing:.1em}
.mode-option{padding:9px 12px;color:#777f8b;border-radius:999px;text-align:center;transition:.2s ease}
.mode-option.active{background:var(--red);color:#fff;box-shadow:0 3px 14px rgba(222,31,36,.38)}
.mode-switch:hover .mode-option:not(.active){color:#fff}

/* ══ HERO ══ */
.hero{max-width:var(--shell);margin:0 auto;padding:6px clamp(14px,4vw,34px) 34px;text-align:center}
.hero-art{display:flex;justify-content:center;margin-bottom:-6px}
.hero-art img{
  width:min(430px,74vw);
  filter:drop-shadow(0 10px 0 rgba(222,31,36,.28)) drop-shadow(0 22px 46px rgba(0,0,0,.9));
  animation:bob 6.5s ease-in-out infinite;
}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-h{
  margin:0 0 14px;font-family:Anton,sans-serif;font-weight:400;
  font-size:clamp(42px,8vw,104px);line-height:.92;letter-spacing:-.005em;
  text-transform:uppercase;color:var(--ink);
}
.hero-h em{font-style:normal;color:var(--red-hot);display:inline-block}
.h-sub{display:block;margin-top:14px;font-family:Inter,sans-serif;font-size:14px;color:var(--dim);text-transform:none;letter-spacing:.02em}
.hero-p{max-width:600px;margin:0 auto 26px;font-size:17px;color:var(--body)}

.band{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:860px;margin:0 auto}
.band-cell{flex:1 1 150px;padding:14px 18px;background:#12141A;border-radius:2px;display:flex;flex-direction:column;gap:4px;align-items:center}
.band-k{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--dim)}
.band-v{font-family:Anton,sans-serif;font-size:27px;color:var(--white);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.band-v.up{color:var(--green)}
.band-v.down{color:var(--red-hot)}
.band-note{text-align:center;font-family:Mono,monospace;font-size:10px;letter-spacing:.14em;color:#4A505A;margin:9px 0 0;text-transform:uppercase}

/* ══ PANELS ══ */
main{max-width:var(--shell);margin:0 auto;padding:0 clamp(14px,4vw,34px) 60px}
.panel{background:var(--panel);margin-bottom:22px;border-radius:2px}
.panel-h{
  margin:0;padding:20px 22px 4px;font-family:Anton,sans-serif;font-weight:400;
  font-size:clamp(20px,3vw,30px);letter-spacing:.01em;text-transform:uppercase;
  color:var(--ink);display:flex;align-items:center;gap:11px;
}
.panel-h::before{content:"";width:14px;height:14px;background:var(--red-hot);transform:rotate(45deg);flex:0 0 auto}
.panel-body{padding:12px 22px 26px}
.panel-body.two{display:grid;grid-template-columns:1.25fr .95fr;gap:30px}
.lead p{margin:0 0 13px;color:#C3C9D1}
.lead p:last-child{margin-bottom:0}
.lead .big{font-size:18px;color:var(--body)}

.flowbox{border:2px solid var(--red);background:#101219;padding:16px;align-self:start}
.flow-row{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;
  padding:11px 0;border-bottom:1px dashed #262a33;
  font-family:Anton,sans-serif;font-size:16px;letter-spacing:.03em;
}
.flow-last{border-bottom:none}
.flow-a{color:var(--dim);text-align:right}
.flow-b{color:var(--red-hot)}
.flow-arrow{color:var(--red-hot)}
.flow-foot{
  margin-top:13px;padding-top:12px;border-top:1px solid var(--line);
  font-family:Inter,sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;
  color:var(--green);text-align:center;
}

.spec{margin:0;align-self:start}
.spec>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:9px 0;border-bottom:1px dashed var(--line)}
.spec>div:last-child{border-bottom:none}
.spec dt{font-family:Inter,sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--dim)}
.spec dd{margin:0;font-family:Anton,sans-serif;font-size:15px;letter-spacing:.02em;color:var(--red-hot);text-align:right}

.fund{width:100%;border-collapse:collapse}
.fund th,.fund td{padding:11px 8px;border-bottom:1px dashed var(--line);text-align:left;vertical-align:baseline}
.fund tr:last-child th,.fund tr:last-child td{border-bottom:none}
.fund th{font-family:Anton,sans-serif;font-weight:400;font-size:17px;letter-spacing:.02em;color:var(--white);white-space:nowrap;width:1%}
.fund .fx{font-size:14px;color:#A7AEB8}
.fund .fv{text-align:right;font-family:Anton,sans-serif;font-size:18px;color:var(--red-hot);white-space:nowrap}
.fund .fv.up{color:var(--green)}
.fund-real th,.fund-real td{background:rgba(222,31,36,.07)}
.fine{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-weight:700;font-size:13px;color:var(--dim)}

.supply{text-align:center;padding:10px 0 22px;border-bottom:1px solid var(--line);margin-bottom:20px}
.supply-n{font-family:Anton,sans-serif;font-size:clamp(38px,9vw,96px);color:#fff;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}
.supply-l{margin-top:12px;font-weight:700;font-size:14px;color:var(--red-hot);max-width:620px;margin-inline:auto;line-height:1.7}

.ca{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #262a33;padding:11px 13px;background:#0A0C10}
.ca-k{font-family:Mono,monospace;font-size:10px;letter-spacing:.16em;color:var(--dim)}
.ca code{font-family:Mono,monospace;font-size:12.5px;color:var(--white);flex:1 1 300px;word-break:break-all}
.ca-btn{
  font-family:Mono,monospace;font-size:10.5px;letter-spacing:.12em;cursor:pointer;
  background:transparent;color:var(--white);border:1px solid var(--red);padding:6px 13px;
  transition:background .18s,color .18s;
}
.ca-btn:hover{background:var(--red);color:#fff}
.ca-btn.done{background:var(--green);border-color:var(--green);color:#04150B}

.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:Anton,sans-serif;font-size:17px;letter-spacing:.04em;text-transform:uppercase;
  border:2px solid #2A2F39;color:var(--white);padding:14px 26px;
  transition:border-color .2s,background .2s,transform .12s;
}
.btn:hover{border-color:var(--white)}
.btn:active{transform:translateY(1px)}
.btn-primary{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 8px 26px rgba(222,31,36,.4)}
.btn-primary:hover{background:var(--red-hot);border-color:var(--red-hot)}

.filings{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.filing{background:#12141A;border-left:3px solid var(--red);padding:15px 16px}
.filing h3{margin:0 0 9px;font-family:Anton,sans-serif;font-weight:400;font-size:17px;letter-spacing:.03em;color:#fff;text-transform:uppercase}
.filing p{margin:0;font-size:15px;color:var(--body)}
.risks b{color:var(--red-hot)}

/* ══ CROSSOVER — the door to the other site ══ */
.crossover{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:20px 22px;margin-top:4px;
  background:#0D0F14;border:1px solid var(--line);border-left:3px solid var(--red);
  transition:background .2s,border-color .2s;
}
.crossover:hover{background:#12141A;border-left-color:var(--red-hot)}
.cx-k{font-family:Mono,monospace;font-size:10px;letter-spacing:.04em;background:var(--red);color:#fff;padding:3px 6px}
.cx-t{font-family:Anton,sans-serif;font-size:clamp(17px,2.4vw,24px);letter-spacing:.02em;text-transform:uppercase;color:var(--white)}
.cx-s{margin-left:auto;font-family:Mono,monospace;font-size:11.5px;letter-spacing:.12em;color:var(--dim)}
.crossover:hover .cx-s{color:var(--white)}

/* ══ FOOTER ══ */
.foot{border-top:1px solid var(--line);padding:38px clamp(14px,4vw,34px) 56px;max-width:var(--shell);margin:0 auto;text-align:center}
.foot-mark{font-family:Inter,sans-serif;font-weight:900;font-size:26px;letter-spacing:-.035em}
.foot-tag{margin:10px 0 26px;font-family:Anton,sans-serif;font-size:20px;letter-spacing:.05em;color:var(--red-hot)}
.foot-legal{max-width:820px;margin:0 auto;font-family:Mono,monospace;font-size:11.5px;line-height:1.8;color:#6E757F}
.foot-legal b{color:#A7AEB8;font-weight:400}
.foot-c{margin:22px 0 0;font-family:Mono,monospace;font-size:10px;letter-spacing:.16em;color:#3E434C}

/* ══ RESPONSIVE ══ */
@media (max-width:860px){
  .panel-body.two{grid-template-columns:1fr;gap:22px}
  .filings{grid-template-columns:1fr}
  .band-cell{flex:1 1 45%}
}
@media (max-width:620px){
  .hero-art{margin-bottom:6px}
  .hero-art img{width:min(270px,60vw)}
  .cx-s{margin-left:0;width:100%}
}
@media (max-width:560px){
  .head{padding-top:14px}
  .band-ref{display:none}
  .ca code{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  .tape-track,.hero-art img{animation:none!important}
}