:root { --ink:#0c0c0c; --paper:#f2f0e8; --acid:#d8ff34; --line:#1b1b1b; --display:"Anton", Impact, sans-serif; --sans:"Space Grotesk", Arial, sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.page-noise { position:fixed; inset:0; z-index:10; pointer-events:none; opacity:.13; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.top-ticker { background:var(--ink); color:var(--paper); height:34px; overflow:hidden; display:flex; align-items:center; font:500 .69rem/1 var(--mono); letter-spacing:.11em; white-space:nowrap; }
.ticker-track { display:flex; align-items:center; gap:20px; min-width:max-content; animation:ticker 24s linear infinite; }
.ticker-track b { color:var(--acid); font-size:.8rem; }
@keyframes ticker { to { transform:translateX(-50%); } }
.site-header { height:76px; padding:0 clamp(1.25rem,4vw,4.6rem); display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid var(--line); position:relative; z-index:8; background:var(--paper); }
.brand { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:.2rem; font-family:var(--display); font-size:2rem; line-height:.7; letter-spacing:.02em; }
.brand span { color:var(--paper); -webkit-text-stroke:1.4px var(--ink); }
.brand small { grid-column:1 / -1; font:500 .55rem var(--mono); letter-spacing:.11em; }
nav { display:flex; align-items:center; gap:clamp(1rem,2vw,2.25rem); font:500 .7rem var(--mono); letter-spacing:.04em; }
nav a { position:relative; }
nav a:not(.nav-x):not(.nav-pump)::after { content:""; position:absolute; left:0; bottom:-5px; width:0; height:2px; background:var(--ink); transition:width .2s ease; }
nav a:hover::after { width:100%; }
.nav-x,.nav-pump { border:1.5px solid var(--ink); padding:.72rem .85rem; transition:.2s; }.nav-x:hover,.nav-pump:hover { background:var(--ink);color:var(--paper); }
.menu-toggle { display:none; border:0; background:transparent; padding:.5rem; }.menu-toggle span { display:block; width:24px; height:2px; background:var(--ink); margin:5px; }
.hero { min-height:calc(100vh - 110px); display:grid; grid-template-columns:1.05fr .95fr; position:relative; border-bottom:2px solid var(--line); }
.hero-copy { padding:clamp(3.5rem,10vw,9.5rem) clamp(1.5rem,6vw,7rem) 5rem; display:flex; align-items:flex-start; flex-direction:column; position:relative; }
.file-label,.eyebrow { font:500 .69rem var(--mono); letter-spacing:.1em; margin:0; }.dot { width:8px; height:8px; background:var(--acid); display:inline-block; border-radius:50%; margin-right:.42rem; animation:pulse 1.3s infinite alternate; } @keyframes pulse { to { transform:scale(.55); opacity:.4; } }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-weight:400; }
h1 { font:clamp(6.5rem,14.5vw,14.5rem)/.75 var(--display); letter-spacing:-.035em; margin:clamp(2rem,5vw,4rem) 0 2.1rem; position:relative; z-index:1; }
h1 i { color:var(--paper); font-style:normal; -webkit-text-stroke:clamp(2px,.35vw,5px) var(--ink); margin-left:clamp(1.5rem,7vw,8rem); position:relative; } h1 i::after { content:""; width:30%; height:15%; background:var(--acid); position:absolute; right:-10%; bottom:4%; z-index:-1; transform:rotate(-2deg); }
.hero-deck { max-width:370px; font-size:clamp(1rem,1.4vw,1.25rem); line-height:1.4; font-weight:500; }
.hero-actions { display:flex; align-items:center; gap:1.3rem; flex-wrap:wrap; margin-top:2.1rem; }.button { min-height:48px; display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; padding:.8rem 1rem  .8rem 1.15rem; font:500 .72rem var(--mono); letter-spacing:.06em; border:2px solid var(--ink); transition:transform .2s, box-shadow .2s; }.button:hover { transform:translate(-3px,-3px); box-shadow:5px 5px 0 var(--ink); }.button b { font-size:1.1rem; }.button-ink { background:var(--ink); color:var(--paper); }.text-link { font:500 .65rem/1.5 var(--mono); text-decoration:underline; text-underline-offset:4px; }.text-link b { font-size:1rem; }
.ca-card { width:min(100%, 440px); margin-top:1.15rem; padding:.9rem 1rem; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.8rem; color:var(--ink); background:transparent; border:1.5px solid var(--ink); border-radius:0; cursor:pointer; text-align:left; font:500 .66rem var(--mono); letter-spacing:.055em; transition:background .2s,color .2s,transform .2s; position:relative; overflow:hidden; }.ca-card::before { content:""; position:absolute; inset:0; background:var(--acid); transform:translateX(-101%); transition:transform .25s cubic-bezier(.16,1,.3,1); z-index:0; }.ca-card > span { position:relative; z-index:1; }.ca-card:hover::before,.ca-card:focus-visible::before,.ca-card.is-copied::before { transform:translateX(0); }.ca-card:hover,.ca-card:focus-visible { transform:translateX(3px); outline:0; }.ca-prefix { padding-right:.75rem; border-right:1px solid currentColor; }.ca-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ca-copy { font-size:.56rem; }.ca-feedback { position:absolute!important; right:1rem; opacity:0; transform:translateY(12px); transition:opacity .18s,transform .18s; font-size:.56rem; }.ca-card.is-copied .ca-copy { opacity:0; }.ca-card.is-copied .ca-feedback { opacity:1; transform:translateY(0); }
.hero-portrait { border-left:2px solid var(--line); background:var(--acid); position:relative; min-height:620px; overflow:hidden; display:flex; align-items:flex-end; justify-content:center; isolation:isolate; }.hero-portrait::before { content:""; position:absolute; inset:0; opacity:.23; background:repeating-linear-gradient(90deg,transparent 0 24px,var(--ink) 25px 26px); }.portrait-frame { width:min(80%,550px); margin-bottom:-1px; position:relative; z-index:1; border:2px solid var(--ink); background:var(--paper); transform:rotate(2.5deg); animation:portrait-bob 4.5s ease-in-out infinite; box-shadow:14px 15px 0 var(--ink); }.portrait-frame img { display:block; width:100%; aspect-ratio:1 / 1.18; object-fit:cover; object-position:50% 13%; filter:contrast(1.25) grayscale(1); mix-blend-mode:multiply; }.scanline { position:absolute; z-index:2; inset:0; pointer-events:none; opacity:.3; background:repeating-linear-gradient(0deg,transparent 0 5px,#fff 6px 7px); }.portrait-id { position:absolute; left:clamp(1.3rem,4vw,4rem); bottom:1.8rem; z-index:3; font:500 .58rem/1.6 var(--mono); letter-spacing:.07em; }.portrait-id span { color:#575e0d; }.portrait-stamp { position:absolute; z-index:3; width:96px; height:96px; border:3px solid var(--ink); border-radius:50%; display:grid; place-items:center; text-align:center; font:1.25rem/.9 var(--display); letter-spacing:.04em; transform:rotate(-16deg); animation:stamp-jiggle 5s steps(2,end) infinite; }.stamp-top { top:8%; right:8%; }.stamp-bottom { bottom:12%; right:8%; transform:rotate(16deg); animation-delay:-2s; } @keyframes portrait-bob { 50% { transform:rotate(1deg) translateY(-9px); } } @keyframes stamp-jiggle { 50% { transform:rotate(-12deg) scale(1.04); } }
.scroll-clue { position:absolute; z-index:4; bottom:1.8rem; left:calc(50% - 56px); font:500 .58rem var(--mono); letter-spacing:.07em; }.scroll-clue span { display:block; text-align:center; font-size:1.3rem; margin-top:.35rem; animation:scroll-bounce 1.5s infinite; } @keyframes scroll-bounce { 50% { transform:translateY(6px); } }
.section { display:grid; grid-template-columns:clamp(90px,14vw,190px) 1fr; border-bottom:2px solid var(--line); }.section-aside { border-right:2px solid var(--line); padding:1.8rem; position:relative; }.vertical-label { writing-mode:vertical-rl; transform:rotate(180deg); font:500 .59rem var(--mono); letter-spacing:.1em; }.index-number { position:absolute; bottom:1.2rem; right:1.4rem; font:4.8rem/.8 var(--display); color:var(--paper); -webkit-text-stroke:1px var(--ink); }
.file-content,.token-content { padding:clamp(4rem,9vw,9rem) clamp(1.5rem,7vw,9rem); }.section-heading h2,.evidence h2,.manifesto h2 { font:clamp(3.4rem,7.2vw,8rem)/.84 var(--display); letter-spacing:-.025em; margin:1rem 0 0; }.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,9rem); margin-top:clamp(3rem,8vw,7rem); }.story-lead { font-size:clamp(1.2rem,2vw,1.8rem); line-height:1.23; font-weight:600; }.story-body { font-size:1rem; line-height:1.6; }.story-body p + p { margin-top:1.3rem; }.quote-strip { margin-top:clamp(3rem,7vw,7rem); padding:1.3rem 0; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); font:clamp(1rem,1.7vw,1.65rem)/1.15 var(--display); letter-spacing:.02em; }.quote-strip span { color:var(--acid); -webkit-text-stroke:1px var(--ink); font-size:1.8em; vertical-align:middle; }
.evidence { padding:clamp(4rem,8vw,9rem) clamp(1.5rem,6vw,7rem); display:block; background:var(--ink); color:var(--paper); overflow:hidden; }.evidence-head { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; }.evidence h2 { text-align:right; }.evidence-list { display:grid; grid-template-columns:repeat(3,1fr); margin-top:5rem; border-top:1px solid #777; }.evidence-card { min-height:330px; padding:1.5rem; border-right:1px solid #777; position:relative; display:flex; flex-direction:column; transition:background .25s,color .25s; }.evidence-card:first-child { border-left:1px solid #777; }.evidence-card:hover { background:var(--acid); color:var(--ink); }.card-number { font:500 .65rem var(--mono); }.evidence-card h3 { font:clamp(2rem,3.2vw,3.6rem)/.88 var(--display); margin:auto 0 1rem; }.evidence-card p { max-width:230px; font-size:.9rem; line-height:1.4; margin:0; }.evidence-card.inverted { background:var(--paper); color:var(--ink); }.evidence-card.inverted:hover { background:#aaa; }
.tokenomics { background:#c6c4ba; }.token-board { display:grid; grid-template-columns:1.2fr repeat(3,1fr); border:2px solid var(--ink); margin-top:clamp(3rem,7vw,6rem); }.token-total,.token-stat { padding:1.2rem; min-height:180px; display:flex; flex-direction:column; border-right:2px solid var(--ink); }.token-stat:last-child { border:0; }.token-total span,.token-stat span,.token-stat p { font:500 .6rem var(--mono); letter-spacing:.07em; margin:0; }.token-total strong { font:clamp(1.5rem,2.7vw,3rem)/1 var(--display); margin:.55rem 0 auto; }.token-stat p { margin-top:auto; }.token-stat strong { font:clamp(2rem,4vw,4rem)/1 var(--display); margin-top:.25rem; }.token-stat small { font:.47em var(--mono); letter-spacing:.04em; }.fine-print { max-width:560px; font:400 .7rem/1.5 var(--mono); margin:1.35rem 0 0; }
.manifesto { min-height:680px; grid-template-columns:1.1fr .9fr; background:var(--acid); overflow:hidden; }.manifesto-copy { padding:clamp(4rem,10vw,10rem) clamp(1.5rem,6vw,7rem); display:flex; flex-direction:column; justify-content:center; }.manifesto h2 { font-size:clamp(3.5rem,6.9vw,8rem); }.manifesto h2 em { color:var(--acid); -webkit-text-stroke:2px var(--ink); font-style:normal; }.manifesto-seal { border-left:2px solid var(--ink); position:relative; display:grid; place-content:center; border-radius:50%; width:110%; aspect-ratio:1; margin-left:-5%; align-self:center; font:clamp(2.2rem,4.5vw,5rem) var(--display); letter-spacing:.05em; text-align:center; animation:turn 20s linear infinite; }.manifesto-seal::before,.manifesto-seal::after { content:""; position:absolute; border:2px solid var(--ink); border-radius:50%; inset:8%; }.manifesto-seal::after { inset:17%; border-style:dashed; }.manifesto-seal span,.manifesto-seal b { position:absolute; }.manifesto-seal span:nth-of-type(1){ top:5%; left:40%; }.manifesto-seal b:nth-of-type(1){ top:25%; right:7%; }.manifesto-seal span:nth-of-type(2){ top:45%; right:2%; }.manifesto-seal b:nth-of-type(2){ bottom:21%; right:15%; }.manifesto-seal span:nth-of-type(3){ bottom:5%; left:36%; }.manifesto-seal b:nth-of-type(3){ bottom:26%; left:8%; }.manifesto-seal span:nth-of-type(4){ top:42%; left:1%; }.manifesto-seal b:nth-of-type(4){ top:20%; left:19%; } @keyframes turn { to { transform:rotate(360deg); } }
footer { background:var(--ink); color:var(--paper); padding:clamp(2rem,5vw,5rem) clamp(1.5rem,6vw,7rem) 1.7rem; display:grid; grid-template-columns:1fr 1.5fr; gap:3rem; }.footer-mark { font:clamp(4rem,9vw,10rem)/.72 var(--display); margin:0; }.footer-mark span { color:var(--ink); -webkit-text-stroke:1px var(--paper); }.footer-action { align-self:end; }.footer-action > p { font:clamp(1.4rem,2.5vw,2.5rem)/1.05 var(--display); margin:0 0 1.5rem; }.footer-action div { display:flex; flex-wrap:wrap; gap:.7rem; }.button-paper { border-color:var(--paper); color:var(--paper); }.button-paper:hover { box-shadow:5px 5px 0 var(--acid); background:var(--paper); color:var(--ink); }.footer-legal { grid-column:1/-1; margin:4rem 0 0; font:500 .58rem/1.55 var(--mono); letter-spacing:.07em; color:#999; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1); }.reveal.visible { opacity:1; transform:translateY(0); }
@media (max-width:760px) { .site-header { height:65px; }.menu-toggle { display:block; position:relative; z-index:4; } nav { position:absolute; z-index:3; top:64px; left:0; right:0; background:var(--paper); border-bottom:2px solid var(--ink); padding:1.4rem; display:grid; grid-template-columns:1fr 1fr; transform:translateY(-140%); transition:transform .25s; } nav.open { transform:translateY(0); } nav a { padding:.5rem 0; }.nav-x,.nav-pump { padding:.7rem; text-align:center; }.hero { grid-template-columns:1fr; }.hero-copy { min-height:570px; padding-top:4rem; }.hero-portrait { border:0; border-top:2px solid var(--ink); min-height:520px; }.scroll-clue { display:none; }.section { grid-template-columns:72px 1fr; }.section-aside { padding:1rem; }.index-number { font-size:3rem; right:.6rem; }.file-content,.token-content { padding:4rem 1.4rem; }.story-grid { grid-template-columns:1fr; gap:.7rem; }.evidence { padding:4rem 1.4rem; }.evidence-head { display:block; }.evidence h2 { text-align:left; margin-top:1rem; }.evidence-list { grid-template-columns:1fr; margin-top:3rem; }.evidence-card { min-height:230px; border-left:1px solid #777; border-bottom:1px solid #777; }.token-board { grid-template-columns:1fr 1fr; }.token-total { grid-column:1/-1; min-height:130px; border-bottom:2px solid var(--ink); }.token-stat:nth-child(3) { border-right:0; }.token-stat:nth-child(4) { border-top:2px solid var(--ink); }.manifesto { min-height:0; grid-template-columns:1fr; }.manifesto-seal { width:120%; margin:-10% 0 -16% -10%; border-left:0; border-top:2px solid var(--ink); }.footer-mark { grid-column:1/-1; }.footer-action { grid-column:1/-1; } }
@media (max-width:400px) { h1 { font-size:5.5rem; }.hero-copy { min-height:520px; }.hero-actions { align-items:stretch; }.button { width:100%; }.text-link { padding:.5rem 0; }.ca-card { grid-template-columns:auto 1fr; }.ca-copy { display:none; }.token-board { display:block; }.token-total,.token-stat { min-height:115px; border-right:0; border-bottom:2px solid var(--ink); }.token-stat:last-child { border-bottom:0; }.top-ticker { height:30px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }