:root{--bone:#F4F4F4;--acid:#B6FF1A;--pink:#FF2E88;--rule:#2F3336;--mute:#71767B;--ink:#0A0C0D;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:134px}
html,body{margin:0;padding:0;background:#000;color:var(--bone);max-width:100%}
body{font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0}
img{max-width:100%}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}
.mono,.v,.num{font-variant-numeric:tabular-nums}
.hide{display:none !important}
.acid{color:var(--acid)}
.pink{color:var(--pink)}
.meta{color:var(--mute);font-size:12px}
.fine{color:var(--mute);font-size:12px;line-height:1.5;margin:10px 0 0}
.vi{width:14px;height:14px;fill:currentColor;flex:none}
.nowrap{white-space:nowrap}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
@media(min-width:960px){html{scroll-padding-top:152px}}

/* ---------- reveals ---------- */
html.rvon [data-rv]{opacity:0;transform:translateY(16px);transition:opacity .62s var(--ease),transform .62s var(--ease);will-change:opacity,transform}
html.rvon [data-rv].in{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- top bar ---------- */
.topbar{position:sticky;top:0;z-index:60;background:#000;border-bottom:1px solid var(--rule)}
.tb1{display:flex;align-items:center;gap:8px;padding:8px 10px}
.brand{display:flex;align-items:center;gap:8px;min-width:0}
.brand img{width:26px;height:26px;border-radius:7px;display:block;flex:none}
.brand b{font-family:"Big Shoulders Display",Geist,sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;text-transform:uppercase;line-height:1;white-space:nowrap}
.tick{display:none;font-size:11px;color:var(--mute);letter-spacing:.1em}
nav.links{display:none;gap:16px;margin-left:14px;font-size:14px;color:var(--mute)}
nav.links a{transition:color .18s ease}
nav.links a:hover{color:var(--bone)}
.spacer{flex:1}
.xlink{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--bone);border:1px solid var(--rule);flex:none;transition:background-color .18s ease,border-color .18s ease}
.xlink:hover{background:#111;border-color:#4a5055}
footer .xlink{display:inline-flex}
.btn{font:inherit;font-weight:600;border:0;border-radius:999px;padding:11px 18px;background:var(--bone);color:#000;cursor:pointer;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:40px;transition:transform .12s ease,background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}
.btn.sm{padding:9px 13px;font-size:12.5px;min-height:38px}
.btn.acid{background:var(--acid);color:#000}
.btn.ghost{background:transparent;color:var(--bone);border:1px solid var(--rule)}
.btn.wide{width:100%;padding:13px;min-height:46px}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn.acid:hover:not(:disabled){background:#C9FF52}
.btn.ghost:hover:not(:disabled){background:#101314;border-color:#565d62}
.btn:not(.acid):not(.ghost):hover:not(:disabled){background:#fff}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn:disabled{opacity:.42;cursor:not-allowed}
.btn.paused{border-color:var(--acid);color:var(--acid)}
@media(min-width:420px){.xlink{display:inline-flex}}
@media(min-width:560px){.tick{display:inline}.brand b{font-size:23px}}
@media(min-width:960px){nav.links{display:flex}}

.tb2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.counter{min-width:0;padding:7px 10px;border-right:1px solid var(--rule)}
.counter.nb{border-right:0}
.counter .k{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);line-height:1.25;min-height:2.2em}
.counter .v{display:flex;align-items:center;gap:6px;font-size:clamp(18px,4.4vw,26px);font-weight:500;line-height:1.15}
.counter .unit{font-size:10px;color:var(--mute);letter-spacing:.1em}
.counter .meta{font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.counter .meta a{color:var(--acid)}
.roll{animation:roll .45s ease}
@keyframes roll{from{transform:translateY(-9px);opacity:.25}to{transform:none;opacity:1}}
.strip{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);background:#0a0c0d;border-top:1px solid var(--rule);line-height:1.4}
.strip::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--mute);flex:none}
.strip.live{color:var(--acid)}
.strip.live::before{background:var(--acid);animation:blip 2.4s ease-in-out infinite}
.strip.stale{color:var(--pink)}
.strip.stale::before{background:var(--pink)}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.2}}
@media(min-width:700px){.counter{padding:8px 14px}.counter .k{font-size:9.5px;min-height:0}.strip{white-space:nowrap}}

/* ---------- hero ---------- */
.hero{padding:20px 10px 12px}
h1.display{font-family:"Big Shoulders Display",Geist,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(44px,12.8vw,164px);line-height:.82;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:normal;hyphens:none}
h1.display span{display:block;animation:rise .62s var(--ease) both}
h1.display span:nth-of-type(2){animation-delay:.09s}
h1.display em{font-style:normal}
.herorule{display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--rule);margin-top:16px;padding-top:9px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);animation:rise .6s .2s var(--ease) both}
.herorule .now{color:var(--acid);font-variant-numeric:tabular-nums}
@media(min-width:960px){.hero{padding:26px 24px 14px}.herorule{font-size:11px}.herorule .now{margin-left:auto}}

/* ---------- fold: photograph flush against the launch card ---------- */
.fold{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);align-items:stretch}
.foldshot{margin:0;position:relative;min-width:0;background:#000}
.foldshot img{display:block;width:100%;height:100%;min-height:clamp(210px,52vw,540px);object-fit:cover;object-position:50% 48%}
.foldshot figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 12px 12px;display:flex;flex-direction:column;gap:3px;background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 42%,rgba(0,0,0,0) 100%)}
.foldshot figcaption b{font-family:"Big Shoulders Display",Geist,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(26px,5.4vw,52px);line-height:.9}
.foldshot figcaption span{font-size:11.5px;color:#C8CDD0;max-width:42ch}
.foldform{padding:14px 10px 18px;min-width:0;border-top:1px solid var(--rule)}
.lede{margin:0 0 4px;color:#B9BEC2;font-size:14px;max-width:56ch}
@media(min-width:960px){
  .fold{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
  .foldform{border-top:0;border-left:1px solid var(--rule);padding:18px 24px 24px}
}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.feedcol{min-width:0}
.rail{min-width:0;border-top:1px solid var(--rule);padding:12px}
@media(min-width:960px){
  .shell{grid-template-columns:minmax(0,1fr) 352px}
  .feedcol{border-right:1px solid var(--rule)}
  .rail{border-top:0;position:sticky;top:150px;align-self:start;max-height:calc(100vh - 158px);overflow:auto}
}

.card{border:1px solid var(--rule);border-radius:14px;background:#000;padding:14px}
.chead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone)}
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;padding:16px 10px 8px;border-bottom:1px solid var(--rule)}
.shead h2{font-family:"Big Shoulders Display",Geist,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(24px,5vw,32px);line-height:1;letter-spacing:.01em}
.shead .meta{max-width:46ch}

/* ---------- forms ---------- */
.fl{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:10px 0 5px}
input{width:100%;max-width:100%;background:var(--ink);border:1px solid var(--rule);color:var(--bone);border-radius:10px;padding:12px;font:inherit;font-size:15px;transition:border-color .18s ease}
input::placeholder{color:#555b5f}
input:hover:not(:disabled){border-color:#4a5055}
input:focus{outline:2px solid var(--acid);outline-offset:-1px;border-color:var(--acid)}
.row2{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:520px){.row2{grid-template-columns:2fr 1fr}}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.preview{margin-top:12px;border:1px solid var(--rule);border-radius:14px;overflow:hidden;animation:rise .4s var(--ease) both}

/* ---------- post cards ---------- */
.post{display:flex;gap:11px;padding:14px 10px;border-bottom:1px solid var(--rule);transition:background-color .2s ease}
.post:hover{background:#06080a}
.av{width:38px;height:38px;border-radius:999px;background:#15181a;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-weight:600;color:#9aa0a4;flex:none}
.pbody{min-width:0;flex:1}
.ph{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.ph b{font-size:15px}
.ph .meta{font-size:12.5px}
.ptxt{margin:4px 0 0;font-size:14.5px;color:#D6DADC;overflow-wrap:anywhere}
.pstats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:9px;color:var(--mute);font-size:12.5px}
.pstats .big{color:var(--bone);font-size:clamp(20px,5vw,26px);font-weight:500;display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.pstats .big .vi{width:16px;height:16px}
.tiers{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.tierchip{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;padding:4px 9px;color:var(--mute);transition:border-color .18s ease,color .18s ease}
.tierchip.hit{border-color:var(--acid);color:#000;background:var(--acid);font-weight:600}
.tierchip.next{border-color:var(--bone);color:var(--bone)}
.plink{color:var(--mute);font-size:12.5px;overflow-wrap:anywhere;transition:color .18s ease}
.plink:hover{color:var(--acid)}
.buycard{border:1px solid var(--rule);border-radius:14px;padding:11px;margin-top:10px;background:#07090a}
.buycard .bc1{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.buycard img{width:26px;height:26px;border-radius:6px}
.buycard b{font-size:14px}
.buycard .q{margin-left:auto;font-size:12px;color:var(--mute);text-align:right}
.buycard .bq{display:flex;align-items:center;gap:8px;margin-top:9px}
.buycard .bq button{flex:none}
.buycard .bl{font-size:11.5px;color:var(--mute);margin-top:7px}
.burned{opacity:.6}
.burned .ph b,.burned .ptxt{text-decoration:line-through;text-decoration-color:var(--pink);text-decoration-thickness:2px}
.empty{padding:16px 10px;color:var(--mute);font-size:13px;max-width:60ch}
.empty.sm{padding:10px 0}

/* ---------- simulation ---------- */
.sim{border-bottom:1px solid var(--rule)}
.simbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--rule);background:#07090a}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;border-radius:999px;padding:4px 9px}
.badge.paid{background:var(--acid);color:#000;animation:pop .35s ease}
.badge.stall{background:var(--pink);color:#000;animation:pop .35s ease}
.badge.sim{border:1px solid var(--rule);color:var(--mute)}
@keyframes pop{from{transform:scale(.82);opacity:0}to{transform:none;opacity:1}}
.simnote{font-size:11.5px;color:var(--mute);margin-top:8px}

/* ---------- editorial bands ---------- */
.band{margin:0;position:relative;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.band img{display:block;width:100%;height:clamp(180px,34vw,360px);object-fit:cover;object-position:center}
.band.short img{height:clamp(150px,26vw,250px);object-position:50% 45%}
.band.thin img{height:clamp(120px,18vw,210px)}
.band figcaption{position:absolute;left:0;bottom:0;right:0;padding:52px 10px 10px;display:flex;flex-direction:column;gap:3px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 46%,rgba(0,0,0,0) 100%)}
.band figcaption b{font-family:"Big Shoulders Display",Geist,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(24px,5.6vw,48px);line-height:.9}
.band figcaption span{font-size:11.5px;color:#C8CDD0;max-width:46ch}

/* ---------- mock timeline ---------- */
.mocksec{padding-bottom:10px}
.mock{margin:12px 10px;border:1px solid var(--rule);border-radius:16px;overflow:hidden}
.mpost{display:flex;gap:11px;padding:13px;border-bottom:1px solid var(--rule)}
.mbody{min-width:0}
.mh{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.mpost p{margin:3px 0 0;font-size:14.5px;color:#D6DADC}
.mstats{display:flex;align-items:center;gap:7px;color:var(--mute);font-size:12.5px;margin-top:8px}
.mslot{padding:13px}

/* ---------- rail ---------- */
.rl{margin-bottom:12px}
.brow{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule);transition:background-color .18s ease}
.brow:hover{background:#07090a}
.brow:last-child{border-bottom:0}
.brank{font-size:11px;color:var(--mute);width:16px;flex:none}
.bthumb{width:30px;height:30px;border-radius:7px;background:#15181a;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-size:12px;color:#9aa0a4;flex:none}
.bmain{min-width:0;flex:1}
.bmain .n{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bmain .s{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bright{text-align:right;flex:none}
.bright .v{font-size:13px;font-variant-numeric:tabular-nums}
.bright .c{font-size:10.5px;color:var(--mute);font-variant-numeric:tabular-nums}
.plog{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--rule);font-size:12px;align-items:baseline;flex-wrap:wrap}
.plog:last-child{border-bottom:0}
.plog .d{color:var(--acid);font-variant-numeric:tabular-nums}
.plog a{color:var(--mute);transition:color .18s ease}
.plog a:hover{color:var(--bone)}
.railshot{margin:0}
.railshot img{width:100%;height:240px;object-fit:cover;object-position:50% 28%;border-radius:14px;display:block;border:1px solid var(--rule)}
.railshot figcaption{font-size:11.5px;color:var(--mute);margin-top:6px}

/* ---------- curve ---------- */
.curve{border-top:1px solid var(--rule);background-image:linear-gradient(rgba(0,0,0,.86),rgba(0,0,0,.95)),url("texture-moire.jpg");background-size:cover;background-position:center}
.curveinner{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 10px 28px}
@media(min-width:960px){.curveinner{grid-template-columns:minmax(0,1.1fr) 380px;padding:34px 24px 44px;gap:28px}}
.big{font-family:"Big Shoulders Display",Geist,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(36px,7.4vw,78px);line-height:.88}
.cleft .sub{color:#B9BEC2;font-size:14px;max-width:58ch}
.calabel{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:18px 0 6px}
.cabox{display:flex;align-items:center;gap:9px;border:1px solid var(--rule);border-radius:12px;padding:9px;background:#000;transition:border-color .18s ease}
.cabox:hover{border-color:#4a5055}
.camark{width:24px;height:24px;border-radius:6px;flex:none}
.cabox code{flex:1;min-width:0}
.canote{font-size:11.5px;color:var(--mute);margin:6px 0 2px;min-height:16px}
.kv{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);padding:9px 0;font-size:13.5px}
.kv span{color:var(--mute)}
.kv b{font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.prog{height:6px;background:#111417;border:1px solid var(--rule);border-radius:999px;margin:14px 0 4px;overflow:hidden}
.fill{height:100%;width:0;background:var(--acid);transition:width .4s ease}
.cright{align-self:start}
.tabs{display:flex;gap:6px;margin-bottom:6px}
.tab{flex:1;font:inherit;font-weight:600;font-size:13px;padding:9px;min-height:40px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--mute);cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.tab:hover{color:var(--bone);border-color:#565d62}
.tab.on{background:var(--bone);color:#000;border-color:var(--bone)}
.quote{font-size:12.5px;color:var(--mute);margin:8px 0 10px;min-height:17px}
.quote.ok{color:var(--acid)}
.wline{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--mute);margin-top:10px;flex-wrap:wrap}
.txmsg{font-size:12px;margin:8px 0 0;overflow-wrap:anywhere}
.txmsg a{color:var(--acid)}
.txmsg.err{color:var(--pink)}

/* ---------- oracle ---------- */
.oracle{border-top:1px solid var(--rule);padding-bottom:20px}
.ogrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 10px}
@media(min-width:680px){.ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.ogrid{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 24px}}
.ogrid .card{transition:border-color .2s ease}
.ogrid .card:hover{border-color:#4a5055}
.ogrid .k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.ogrid b{font-size:16px;font-weight:500}

/* ---------- how ---------- */
.how{border-top:1px solid var(--rule);padding:22px 10px}
@media(min-width:960px){.how{padding:28px 24px}}
.steps{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.steps .n{font-family:"Big Shoulders Display",Geist,sans-serif;font-size:38px;font-weight:800;color:var(--rule);line-height:1;display:block}
.steps h3{font-size:17px;margin:2px 0 4px}
.steps p{margin:0;color:#B9BEC2;font-size:14px}
.loop{margin:22px 0 0;font-family:"Big Shoulders Display",Geist,sans-serif;text-transform:uppercase;font-weight:700;font-size:clamp(20px,4vw,34px);line-height:1.02;letter-spacing:.01em}

footer{border-top:1px solid var(--rule);padding:18px 10px 34px}
.f1{display:flex;align-items:center;gap:12px;margin-bottom:8px}
footer .fine{max-width:70ch}

/* ---------- toast ---------- */
#toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,14px);background:var(--bone);color:#000;font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:11px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s var(--ease);z-index:90;max-width:calc(100% - 24px);text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.6)}
#toast.show{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  html.rvon [data-rv]{opacity:1 !important;transform:none !important}
}