@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--accent:#ff4c2f;--accent2:#70ff3d;--ink:#24115a;--paper:#f8efd8}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Mono',monospace;background-image:radial-gradient(#0002 1px,transparent 1px);background-size:8px 8px}
.ticker{position:sticky;top:0;z-index:4;display:flex;gap:3rem;overflow:hidden;white-space:nowrap;padding:.7rem 1rem;background:var(--ink);color:var(--accent2);font-weight:700;border-bottom:4px solid var(--accent)}
main{max-width:1240px;margin:auto;padding:0 24px} .hero{min-height:84vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4vw;padding:64px 0 40px}
.eyebrow,.kicker{font-weight:700;letter-spacing:.12em} h1{font-family:'Archivo Black',sans-serif;font-size:clamp(4rem,10vw,9rem);line-height:.82;margin:.2em 0;text-transform:uppercase;letter-spacing:-.07em;text-shadow:7px 7px 0 var(--accent2)}
.tagline{font-size:clamp(1.3rem,2.4vw,2.1rem);max-width:25ch;font-weight:700} figure{margin:0;transform:rotate(2deg);filter:drop-shadow(14px 14px 0 var(--ink))} figure img{display:block;width:100%;border:5px solid var(--ink)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem} button,.actions a{appearance:none;border:3px solid var(--ink);background:var(--accent);color:var(--ink);padding:15px 18px;font:700 1rem 'Space Mono';text-decoration:none;box-shadow:5px 5px 0 var(--ink);cursor:pointer} .actions a{background:var(--accent2)} button:active,.actions a:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}
.tape{margin:20px -100vw;padding:18px 100vw;display:flex;justify-content:center;gap:8vw;background:var(--accent);border-block:4px solid var(--ink);font-family:'Archivo Black';font-size:clamp(1.1rem,3vw,2.5rem);white-space:nowrap;transform:rotate(-1deg)}
.story{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:100px 0} .story h2{font:clamp(2rem,4vw,4.5rem)/.95 'Archivo Black';margin:.3em 0} .story>p{font-size:1.25rem;line-height:1.7}
.contract,.origin{border:4px solid var(--ink);padding:30px;margin-bottom:32px;box-shadow:8px 8px 0 var(--accent)} .contract{background:var(--ink);color:var(--paper)} code{display:block;overflow-wrap:anywhere;font-size:clamp(1rem,2vw,1.5rem);color:var(--accent2);margin:16px 0} small{display:block;max-width:80ch;opacity:.75;line-height:1.5}
.origin{background:var(--accent2)} .origin a{color:var(--ink);font:clamp(1.4rem,3vw,2.6rem)/1.1 'Archivo Black'} .origin p:last-child{max-width:75ch}
footer{display:flex;justify-content:space-between;gap:20px;padding:32px max(24px,calc((100vw - 1240px)/2));background:var(--ink);color:var(--paper);border-top:5px solid var(--accent)}
@media(max-width:800px){.hero,.story{grid-template-columns:1fr}.hero{padding-top:50px} h1{font-size:16vw} figure{max-width:520px} .tape{justify-content:flex-start;overflow:hidden} footer{flex-direction:column}}