html{scroll-behavior:auto}
body{margin:0;background:#CCFF00;color:#0A0A0A;font-family:'Space Grotesk',sans-serif;overflow-x:hidden}
body.lock{overflow:hidden}
*{box-sizing:border-box;border-radius:0}
a{color:#0A0A0A}a:hover{color:#FF2D2D}
.mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.cav{font-family:'Caveat',cursive}
.sec{position:relative;border-bottom:1px solid #0A0A0A}
.ticker{position:fixed;top:0;left:0;right:0;height:38px;background:#0A0A0A;color:#CCFF00;z-index:70;overflow:hidden}
.tickin{white-space:pre;display:inline-block;font:800 19px/38px 'JetBrains Mono',monospace;will-change:transform}
.vig{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(255,45,45,.65) 100%)}
.grain{position:fixed;inset:-40px;pointer-events:none;z-index:60;opacity:.07;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>");animation:gr .35s steps(3) infinite}
@keyframes gr{0%{transform:translate(0,0)}33%{transform:translate(-15px,8px)}66%{transform:translate(10px,-12px)}100%{transform:translate(0,0)}}
.hero{min-height:100vh;padding-top:38px;overflow:hidden}
.feather{position:absolute;top:58px;left:4vw;width:46px;height:46px;border:1px solid #0A0A0A;background:url('assets/feather.png') center/cover no-repeat;z-index:6}
.fchip{position:absolute;top:58px;left:calc(4vw + 56px);font:700 13px/46px 'JetBrains Mono',monospace;letter-spacing:.08em}
.wmwrap{transform:translateX(3vw);margin-top:11vh}
.wordmark{font-weight:700;font-size:clamp(170px,36vw,660px);letter-spacing:-.06em;line-height:.76;-webkit-text-stroke:.012em #0A0A0A;white-space:nowrap}
.slaml{visibility:hidden}
.slaml.landed{visibility:visible}
.shk{animation:shk .07s steps(2)}
@keyframes shk{25%{transform:translate(2px,-2px)}75%{transform:translate(-2px,2px)}}
.strip{position:absolute;left:0;right:0;top:46%;background:#0A0A0A;overflow:hidden;z-index:3;height:34px}
.stripin{white-space:pre;display:inline-block;color:#CCFF00;font:700 15px/34px 'JetBrains Mono',monospace;animation:mq 22s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.subline{font:400 clamp(14px,1.4vw,19px)/1.5 'JetBrains Mono',monospace;margin:5vh 0 0 4vw;max-width:520px}
.heroctas{display:flex;align-items:center;gap:28px;margin:32px 0 0 4vw}
.btn{display:inline-block;background:#0A0A0A;color:#CCFF00;font:700 19px 'Space Grotesk',sans-serif;letter-spacing:.04em;padding:19px 36px;border:1px solid #0A0A0A;text-decoration:none;transition:none}
.btn:hover{background:#CCFF00;color:#0A0A0A}
.linkplain{font:400 16px 'JetBrains Mono',monospace;text-decoration:underline;color:#0A0A0A}
.avatar{position:absolute;right:4vw;bottom:-72px;width:min(300px,42vw);border:2px solid #0A0A0A;z-index:5;display:block}
.herofoot{position:absolute;left:4vw;bottom:18px;font:400 12px 'JetBrains Mono',monospace;opacity:.75}
.geo{display:none;position:fixed;inset:0;background:#0A0A0A;color:#F5F5F0;z-index:100;flex-direction:column;justify-content:center;padding:0 8vw;gap:34px}
.geo.on{display:flex}
.geo.off{display:none}
.geo.wipe{animation:wipe .55s steps(12) forwards}
@keyframes wipe{to{clip-path:inset(50% 0 50% 0);opacity:0}}
.geotxt{font:700 clamp(20px,3.4vw,44px) 'JetBrains Mono',monospace;max-width:900px}
.geobtn{align-self:flex-start;background:none;border:1px solid #F5F5F0;color:#F5F5F0;font:400 17px 'JetBrains Mono',monospace;padding:16px 28px;cursor:pointer}
.geobtn:hover{background:#F5F5F0;color:#0A0A0A}
.verstamp{display:none;color:#FF2D2D;border:3px solid #FF2D2D;font:800 34px 'JetBrains Mono',monospace;padding:8px 20px;transform:rotate(-6deg);align-self:flex-start}
.geo.ver .verstamp{display:block;animation:stampin .14s cubic-bezier(.85,0,.15,1)}
@keyframes stampin{from{transform:rotate(-14deg) scale(1.5);opacity:0}}
.thesis{background:#F5F5F0;padding:11vh 6vw 15vh;overflow:hidden}
.tkicker{font:800 13px 'JetBrains Mono',monospace;letter-spacing:.35em;margin-bottom:8px}
.thead{font:700 clamp(44px,6vw,96px)/0.95 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:0 0 7vh;max-width:900px}
.tgrid{position:relative;display:flex;flex-wrap:wrap;gap:56px 72px;align-items:flex-start}
.tblock{border:1px solid #0A0A0A;background:#FFFFFF;padding:26px 28px;max-width:440px;box-shadow:7px 7px 0 #0A0A0A;font:400 15px/1.65 'JetBrains Mono',monospace}
.tlab{font:800 12px 'JetBrains Mono',monospace;letter-spacing:.25em;border-bottom:1px solid #0A0A0A;padding-bottom:8px;margin-bottom:14px}
.rot1{transform:rotate(-1.4deg)}
.rot2{transform:rotate(1.1deg);margin-top:60px}
.rot3{transform:rotate(-.8deg);margin-top:24px}
.check{list-style:none;margin:0;padding:0;font:700 17px/2.1 'JetBrains Mono',monospace}
.ck{color:#0A0A0A;font-family:'Caveat',cursive;font-size:30px;margin-right:10px;display:inline-block;transform:rotate(-6deg)}
.pnlv{font:800 clamp(40px,4.6vw,68px) 'JetBrains Mono',monospace;letter-spacing:-.02em;margin:10px 0 4px}
.pnlinf{font:700 18px 'JetBrains Mono',monospace}
.scrib{position:absolute;font:700 30px 'Caveat',cursive;transform:rotate(-5deg);pointer-events:none}
.coffee{position:absolute;width:200px;height:160px;border:15px solid rgba(133,84,27,.22);border-radius:50%;filter:blur(1px);transform:rotate(-9deg);right:8vw;top:2vh;pointer-events:none}
.footnote{margin-top:9vh;font:400 8px 'JetBrains Mono',monospace;opacity:.65}
.stream{background:#CCFF00;min-height:155vh;padding:0 4vw 12vh}
.pfbar{position:sticky;top:38px;z-index:20;background:#0A0A0A;color:#CCFF00;border:1px solid #0A0A0A;display:flex;align-items:baseline;gap:26px;padding:14px 24px;flex-wrap:wrap}
.pflab{font:700 12px 'JetBrains Mono',monospace;letter-spacing:.3em;opacity:.7}
.pfval{font:800 clamp(30px,4.4vw,58px) 'JetBrains Mono',monospace;letter-spacing:-.02em}
.pfval.rf{animation:rf .09s steps(1)}
@keyframes rf{0%,99%{color:#FF2D2D}}
.pfdelta{font:700 17px 'JetBrains Mono',monospace;color:#FF2D2D}
.streamhead{font:700 clamp(36px,4.6vw,72px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:8vh 0 5vh;max-width:820px}
.streamgrid{display:grid;grid-template-columns:1.3fr .7fr;border:1px solid #0A0A0A;background:#0A0A0A;gap:1px}
.vidbox{position:relative;background:#0A0A0A;aspect-ratio:16/10;overflow:hidden}
.vidbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 14px;font:700 12px 'JetBrains Mono',monospace;color:#CCFF00;z-index:4;background:rgba(10,10,10,.85)}
.live{background:#FF2D2D;color:#0A0A0A;padding:2px 8px;font-weight:800;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:.35}}
.pip{position:absolute;right:12px;bottom:12px;width:22%;border:1px solid #CCFF00;display:block;z-index:3}
.scan{position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(204,255,0,.07) 0 1px,transparent 1px 3px)}
.vstatic{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>");animation:gr .2s steps(2) infinite}
.chartline{position:absolute;left:0;right:0;bottom:0;height:55%;z-index:2}
.unmute{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:6;background:#FF2D2D;color:#0A0A0A;border:2px solid #0A0A0A;font:800 clamp(13px,1.3vw,19px) 'JetBrains Mono',monospace;padding:20px 26px;cursor:pointer;animation:throb .7s steps(2) infinite}
@keyframes throb{50%{transform:translate(-50%,-50%) scale(1.07)}}
.chatwrap{display:flex;flex-direction:column;background:#0A0A0A;min-height:0}
.chathead{font:700 12px 'JetBrains Mono',monospace;color:#CCFF00;letter-spacing:.25em;padding:12px 14px;border-bottom:1px solid rgba(204,255,0,.25)}
.chat{flex:1;min-height:0;overflow-y:auto;padding:8px 0}
.cmsg{font:400 13px/1.5 'JetBrains Mono',monospace;color:#CCFF00;padding:3px 14px}
.cmsg b{color:rgba(204,255,0,.5);font-weight:400}
.cbig{color:#FF2D2D;font-size:27px;font-weight:800}
.guh{background:#FF2D2D;min-height:100vh;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4vw;padding:8vh 4vw;overflow:hidden}
.guhface{width:min(44vw,540px);border:3px solid #0A0A0A;transform:rotate(-2deg);display:block}
.guhword{font:700 clamp(130px,26vw,520px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.06em;-webkit-text-stroke:.012em #0A0A0A;margin:0}
.guhloss{font:800 clamp(34px,4.6vw,72px) 'JetBrains Mono',monospace;background:#0A0A0A;color:#FF2D2D;display:inline-block;padding:8px 22px;margin-top:26px}
.guhline{font:400 16px 'JetBrains Mono',monospace;margin-top:26px}
.tok{background:#CCFF00;padding:15vh 6vw}
.tokkick{font:800 13px 'JetBrains Mono',monospace;letter-spacing:.35em}
.tokhead{font:700 clamp(44px,6vw,96px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:14px 0 10px}
.toksub{font:400 17px 'JetBrains Mono',monospace;margin-bottom:8vh}
.tokrows{border:1px solid #0A0A0A;max-width:900px}
.trow{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid #0A0A0A;padding:22px 26px;gap:18px;align-items:baseline}
.trow:last-child{border-bottom:none}
.tkey{font:800 13px 'JetBrains Mono',monospace;letter-spacing:.25em}
.tval{font:400 17px 'JetBrains Mono',monospace;word-break:break-all}
.yolo{background:#0A0A0A;color:#CCFF00;border:1px solid #0A0A0A;font:800 15px 'JetBrains Mono',monospace;padding:12px 20px;cursor:pointer;margin-top:12px}
.yolo:hover{background:#CCFF00;color:#0A0A0A}
.vshake{animation:vshake .28s steps(4)}
@keyframes vshake{25%{transform:translate(-7px,2px) rotate(-2deg)}50%{transform:translate(6px,-3px) rotate(2deg)}75%{transform:translate(-5px,1px) rotate(-1deg)}}
.how{background:#0A0A0A;color:#CCFF00;padding:14vh 6vw}
.howhead{font:700 clamp(44px,6vw,96px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:0 0 9vh;color:#CCFF00}
.hrow{display:grid;grid-template-columns:minmax(110px,200px) 1fr;gap:4vw;border-top:1px solid rgba(204,255,0,.3);padding:5vh 0;align-items:start}
.hnum{font:800 clamp(80px,10vw,160px)/.8 'JetBrains Mono',monospace;color:#CCFF00}
.htit{font:700 clamp(22px,2.4vw,34px) 'Space Grotesk',sans-serif;margin:0 0 12px}
.hbody{font:400 15px/1.7 'JetBrains Mono',monospace;max-width:560px;color:rgba(204,255,0,.8);margin:0}
.gascall{border:1px solid #CCFF00;display:inline-block;padding:18px 26px;font:700 17px 'JetBrains Mono',monospace;margin-top:7vh}
.road{background:#CCFF00;padding:15vh 6vw 18vh}
.roadhead{font:700 clamp(44px,6vw,96px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:0 0 10vh}
.phases{display:flex;flex-direction:column;gap:6vh;max-width:980px}
.stamp{position:relative;border:2px solid #0A0A0A;padding:34px 38px;opacity:0;transform:scale(1.3) rotate(-3deg)}
.stamp.stamped{opacity:1;transform:scale(1) rotate(0deg);transition:transform .13s cubic-bezier(.85,0,.15,1),opacity .08s steps(1)}
.phk{font:800 12px 'JetBrains Mono',monospace;letter-spacing:.3em;opacity:.6}
.pht{font:700 clamp(26px,3.4vw,52px)/1 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin-top:10px}
.done{position:absolute;right:24px;top:-16px;color:#FF2D2D;border:3px solid #FF2D2D;background:#CCFF00;padding:4px 12px;transform:rotate(-7deg);font:800 20px 'JetBrains Mono',monospace}
.ph2{margin-left:8vw;transform:scale(1.3) rotate(2deg)}
.ph3{margin-left:2vw}
.ph4{margin-left:11vw;transform:scale(1.3) rotate(-2deg)}
.foot{background:#0A0A0A;color:#CCFF00;padding:56px 6vw;font:400 14px/2 'JetBrains Mono',monospace}
.foot a{color:#CCFF00;text-decoration:underline}
.foot a:hover{color:#FF2D2D}
.fdisc{opacity:.55;font-size:12px;margin-top:18px;max-width:640px}
@media(pointer:fine){
body{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26'><path d='M13 0v26M0 13h26' stroke='%230A0A0A' stroke-width='1.5'/><text x='15' y='11' font-size='10' font-family='monospace' font-weight='bold'>$</text></svg>") 13 13,crosshair}
body.sec5{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><text x='0' y='22' font-size='22'>☠</text></svg>") 14 14,auto}
.buycur,.buycur:hover{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><text x='0' y='23' font-size='21'>💎</text></svg>") 15 15,pointer}
}
@media(max-width:760px){
.wmwrap{margin-top:8vh}
.avatar{bottom:-40px;width:52vw}
.strip{top:38%}
.heroctas{flex-direction:column;align-items:flex-start;gap:18px}
.streamgrid{grid-template-columns:1fr}
.chat{height:320px;flex:none}
.guh{grid-template-columns:1fr;gap:5vh;padding-top:12vh}
.guhface{width:min(70vw,340px)}
.trow{grid-template-columns:1fr}
.hrow{grid-template-columns:1fr;gap:12px}
.ph2,.ph3,.ph4{margin-left:0}
.coffee{display:none}
}