:root{--bg:#07060d;--bg2:#0d0b18;--panel:rgba(20,17,36,.72);--line:rgba(153,69,255,.22);--txt:#ece9f7;--mut:#9a94b4;
--p:#9945FF;--g:#14F195;--grad:linear-gradient(90deg,#9945FF 0%,#7a6bff 45%,#14F195 100%);--r:22px}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--txt);font:16px/1.6 "Space Grotesk",system-ui,sans-serif;background:radial-gradient(1200px 700px at 85% -10%,rgba(153,69,255,.22),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(20,241,149,.10),transparent 60%),var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:var(--mut)}.tiny{font-size:12px}
#chain-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}
.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,.nav,.foot,.ticker{position:relative;z-index:2}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 0 rgba(20,241,149,.7);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(20,241,149,.65)}70%{box-shadow:0 0 0 10px rgba(20,241,149,0)}100%{box-shadow:0 0 0 0 rgba(20,241,149,0)}}

/* nav */
.nav{position:sticky;top:0;display:flex;align-items:center;gap:24px;padding:14px clamp(16px,4vw,48px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(7,6,13,.6);border-bottom:1px solid rgba(255,255,255,.05);z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.02em}.brand b{color:var(--g);font-weight:700}
.sol{width:26px;height:22px}
.links{display:flex;gap:22px;margin-left:12px;color:var(--mut);font-size:15px}.links a:hover{color:var(--txt)}
.chips{margin-left:auto;display:flex;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(153,69,255,.08);font-size:13px;color:var(--mut);white-space:nowrap}
.chip b{color:var(--txt);font-weight:600}.chip em{font-style:normal;font-size:12px}.up{color:var(--g)}.down{color:#ff6b8b}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;max-width:1240px;margin:0 auto;padding:clamp(48px,9vh,110px) clamp(18px,4vw,48px) 60px;min-height:min(88vh,860px)}
.eyebrow{color:var(--g);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
h1{font-size:clamp(46px,7.4vw,96px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px;font-weight:700}
.lede{font-size:clamp(17px,1.5vw,20px);color:#c9c3e0;max-width:560px;margin:0 0 30px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;border:0;font-size:15px}
.btn.primary{background:var(--grad);color:#07060d;box-shadow:0 10px 30px -8px rgba(153,69,255,.6),0 0 0 1px rgba(255,255,255,.08) inset}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(20,241,149,.55)}
.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.03)}.btn.ghost:hover{border-color:var(--g);transform:translateY(-2px)}
.btn.sm{padding:10px 16px;font-size:14px}
.hero-stats{display:flex;gap:clamp(18px,4vw,44px);margin:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
.hero-stats dt{font:500 12px "JetBrains Mono",monospace;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}
.hero-stats dd{margin:4px 0 0;font-size:34px;font-weight:700;letter-spacing:-.03em}.hero-stats small{font-size:18px;color:var(--mut)}
.live-tag{display:inline-flex;align-items:center;gap:5px;color:var(--g);font-size:10px}.live-tag .dot{width:6px;height:6px}

/* orbit */
.orbit-wrap{position:relative;aspect-ratio:1;width:100%;max-width:560px;justify-self:center}
.ring{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px dashed rgba(153,69,255,.28)}
.r1{width:46%;height:46%;border-style:solid;border-color:rgba(20,241,149,.18)}.r2{width:76%;height:76%;animation:spin 60s linear infinite}.r3{width:100%;height:100%;border-color:rgba(153,69,255,.14)}
@keyframes spin{to{transform:rotate(360deg)}}
.core{position:absolute;inset:0;margin:auto;width:30%;height:30%;display:grid;place-items:center;perspective:600px}
.core::before{content:"";position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle,rgba(153,69,255,.45),rgba(20,241,149,.12) 45%,transparent 70%);filter:blur(10px);animation:breathe 5s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.12);opacity:.8}}
.cube{position:relative;width:62%;height:62%;transform-style:preserve-3d;animation:cube 14s linear infinite}
.cube span{position:absolute;inset:0;border:1.5px solid rgba(20,241,149,.7);background:linear-gradient(135deg,rgba(153,69,255,.28),rgba(20,241,149,.12));box-shadow:0 0 24px rgba(153,69,255,.35) inset}
.cube span:nth-child(1){transform:translateZ(calc(var(--s,50px)))}.cube span:nth-child(2){transform:rotateY(180deg) translateZ(var(--s,50px))}
.cube span:nth-child(3){transform:rotateY(90deg) translateZ(var(--s,50px))}.cube span:nth-child(4){transform:rotateY(-90deg) translateZ(var(--s,50px))}
.cube span:nth-child(5){transform:rotateX(90deg) translateZ(var(--s,50px))}.cube span:nth-child(6){transform:rotateX(-90deg) translateZ(var(--s,50px))}
@keyframes cube{from{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}
.core-logo{position:absolute;width:34%;filter:drop-shadow(0 0 12px rgba(20,241,149,.6))}
.orbit{position:absolute;inset:0;animation:spin 80s linear infinite}
.orb{position:absolute;width:21%;aspect-ratio:1;left:50%;top:50%;margin:-10.5% 0 0 -10.5%;transform:rotate(var(--a)) translateX(calc(var(--rad))) rotate(calc(-1 * var(--a)))}
.orb a{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;animation:spin 80s linear infinite reverse;box-shadow:0 0 0 2px rgba(255,255,255,.06),0 0 30px -4px var(--c),0 18px 40px -16px #000;transition:transform .25s}
.orb a:hover{transform:scale(1.12)}
.orb img{width:100%;height:100%;object-fit:cover;transform:scale(1.18)}
.orb .lab{position:absolute;left:50%;top:104%;transform:translateX(-50%);font:600 11px "JetBrains Mono",monospace;color:var(--mut);white-space:nowrap;animation:spin 80s linear infinite reverse}

/* ticker */
.ticker{border-block:1px solid rgba(255,255,255,.06);background:rgba(13,11,24,.75);overflow:hidden;padding:12px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;gap:44px;width:max-content;animation:marquee 38s linear infinite;font:500 13px "JetBrains Mono",monospace;color:var(--mut)}
.ticker-track span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.ticker-track b{color:var(--txt)}.ticker-track i.sq{width:7px;height:7px;background:var(--grad);display:inline-block;transform:rotate(45deg)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* sections */
.section{max-width:1240px;margin:0 auto;padding:110px clamp(18px,4vw,48px) 40px}
.section-head{max-width:720px;margin-bottom:52px}
h2{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px}
.sub{color:var(--mut);font-size:17px;margin:0}

/* chain of blocks */
.chain{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 30px;position:relative}
.block{position:relative;border-radius:var(--r);padding:1px;background:linear-gradient(160deg,rgba(153,69,255,.55),rgba(255,255,255,.05) 35%,rgba(20,241,149,.45));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.block:hover{transform:translateY(-6px)}
.block::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--grad);opacity:0;filter:blur(26px);z-index:-1;transition:opacity .35s}
.block:hover::after{opacity:.35}
.block-in{position:relative;height:100%;border-radius:calc(var(--r) - 1px);background:linear-gradient(180deg,rgba(22,18,40,.94),rgba(11,9,22,.96));padding:22px;display:flex;flex-direction:column;gap:18px;overflow:hidden}
.block-in::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(153,69,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(153,69,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 60%);pointer-events:none}
.bh{display:flex;justify-content:space-between;align-items:center;font:500 12px "JetBrains Mono",monospace;color:var(--mut);gap:10px}
.bh .num{color:var(--g)}.bh .hash{opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bh .feat{color:#07060d;background:var(--grad);padding:2px 8px;border-radius:6px;font-weight:600}
.top{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.char{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 20px 50px -20px var(--c)}
.char img{width:100%;height:100%;object-fit:cover;animation:bob 5s ease-in-out infinite;animation-delay:var(--d)}
.char::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -40px 50px -30px rgba(153,69,255,.5)}
@keyframes bob{50%{transform:translateY(-5px) scale(1.02)}}
.meta h3{margin:0;font-size:25px;letter-spacing:-.02em;line-height:1.15}
.meta .by{margin:4px 0 10px;color:var(--mut);font-size:14px}
.role{display:inline-block;font:500 12px "JetBrains Mono",monospace;padding:4px 10px;border-radius:8px;color:var(--c2,#ddd);background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.desc{margin:0;color:#c9c3e0;font-size:15.5px;line-height:1.6}
.preview{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);cursor:zoom-in;background:#111}
.preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;transition:transform .5s}
.preview:hover img{transform:scale(1.03)}
.preview .tag{position:absolute;right:10px;bottom:10px;font:600 11px "JetBrains Mono",monospace;background:rgba(7,6,13,.8);color:var(--g);padding:4px 8px;border-radius:7px;backdrop-filter:blur(6px)}
.bf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(255,255,255,.09)}
.count{font:500 13px "JetBrains Mono",monospace;color:var(--mut);display:flex;align-items:center;gap:8px}
.count b{color:var(--txt);font-size:20px;font-family:"Space Grotesk";letter-spacing:-.02em}
.count .livepill{color:var(--g);display:inline-flex;gap:6px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.link-chain{position:absolute;width:30px;height:12px;right:-31px;top:50%;display:flex;align-items:center;justify-content:center}
.link-chain::before{content:"";width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--g) 0 6px,transparent 6px 10px);opacity:.6;animation:flow 1s linear infinite;background-size:20px 2px}
@keyframes flow{to{background-position:20px 0}}

/* ledger */
.ledger{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.ledger>div{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);backdrop-filter:blur(8px);padding:30px}
.lt-label{color:var(--g);font-size:12px;text-transform:uppercase;letter-spacing:.08em;display:flex;gap:8px;align-items:center}
.lt-num{font-size:clamp(84px,12vw,148px);font-weight:700;letter-spacing:-.06em;line-height:1;margin:14px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lt-num small{font-size:.4em}.lt-sub{color:var(--mut);font-size:13px;margin-bottom:24px}
.lt-num.bump{animation:bump .8s}@keyframes bump{30%{transform:scale(1.06);filter:brightness(1.5)}}
.lb-head{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.lb-rows{display:flex;flex-direction:column;gap:10px;padding-top:14px}
.lb-row{display:grid;grid-template-columns:110px 1fr 36px;gap:14px;align-items:center;font:500 13px "JetBrains Mono",monospace}
.lb-row .d{color:var(--mut)}.lb-row .n{text-align:right;color:var(--txt)}
.cells{display:flex;gap:5px;flex-wrap:wrap}
.cells i{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,var(--p),var(--g));box-shadow:0 0 12px -2px rgba(20,241,149,.5);animation:drop .5s backwards}
@keyframes drop{from{transform:translateY(-12px);opacity:0}}
.lb-empty{color:var(--mut);font-size:13px}

/* footer */
.foot{max-width:1240px;margin:80px auto 0;padding:40px clamp(18px,4vw,48px) 50px;border-top:1px solid rgba(255,255,255,.07)}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:24px}
.foot-grid p{max-width:420px}
.foot-links{display:flex;flex-direction:column;gap:10px}.foot-links a{color:#c9c3e0}.foot-links a:hover{color:var(--g)}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:50;background:rgba(4,3,9,.86);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}
.lightbox img{max-width:min(1100px,96vw);border-radius:16px;box-shadow:0 30px 80px -20px rgba(153,69,255,.6)}
.lightbox button{position:absolute;top:18px;right:22px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:40px}.orbit-wrap{max-width:440px;order:-1}.chain{grid-template-columns:1fr}.link-chain{display:none}.ledger{grid-template-columns:1fr}.links{display:none}}
@media (max-width:560px){.chips #chip-slot{display:none!important}.top{grid-template-columns:100px 1fr;gap:14px}.meta h3{font-size:20px}.hero-stats dd{font-size:26px}.block-in{padding:16px}.bf{flex-direction:column;align-items:stretch}.bf .btn{width:100%}.lb-row{grid-template-columns:86px 1fr 28px}.cells i{width:16px;height:16px}.orb .lab{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
