:root{color-scheme:dark;--ink:#030312;--blue:#263cff;--cyan:#90f7ff;--muted:#a9b1d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}header{height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6b83ff45;position:absolute;inset:0 0 auto;z-index:3;background:linear-gradient(#030312b0,transparent)}.wordmark{font-size:38px;font-weight:900;font-style:italic;letter-spacing:-3px;white-space:nowrap}.header-name{font-family:monospace;font-size:13px;color:#b6bff0}nav{display:flex;gap:36px;font-family:monospace;font-size:13px}nav a{padding:15px 0}nav a:hover{color:var(--cyan)}.hero{min-height:850px;height:100svh;max-height:1120px;position:relative;isolation:isolate;overflow:hidden;background:#02020b}.art{position:absolute;right:-2%;top:0;width:78%;height:100%;z-index:-2}.art img{width:100%;height:100%;object-fit:cover;object-position:center}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02020b,transparent 28%),linear-gradient(0deg,#030312,transparent 16%)}.hero-copy{padding:190px 0 125px 5.5%;position:relative;width:63%}.eyebrow{font-family:monospace;font-size:13px;letter-spacing:2px;margin:0 0 32px;color:var(--cyan)}h1{font-size:clamp(135px,20vw,300px);font-style:italic;font-weight:900;letter-spacing:-.09em;line-height:.85;margin:0 0 40px -12px;white-space:nowrap;text-shadow:3px 4px 0 #18218f,5px 6px 0 #55bcff,0 0 45px #333bff75}.tagline{font-size:clamp(33px,4.1vw,61px);line-height:1;letter-spacing:-2px;font-weight:900;margin:0;text-shadow:0 3px 20px #000}.tagline em{font-style:italic;color:var(--cyan)}.hero-note{font-family:monospace;color:#c3c8df;font-size:15px;margin:25px 0 28px}.button{min-width:220px;background:#fff;color:#080b25;padding:20px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;font-weight:900;font-style:italic;font-size:20px;box-shadow:6px 6px 0 var(--blue);transition:box-shadow .18s,transform .18s}.button span{color:var(--blue);font-size:26px}.button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--blue);background:var(--cyan)}.problem{position:absolute;top:17%;right:7%;margin:0;transform:rotate(9deg);font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(38px,4.5vw,70px);font-weight:900;font-style:italic;letter-spacing:-2px;-webkit-text-stroke:1px #030312;text-shadow:3px 4px 0 #030312,0 0 18px #006bff}.hero-bottom{position:absolute;bottom:30px;left:5.5%;right:4.5%;display:flex;justify-content:space-between;gap:25px;font-family:monospace;font-size:12px;letter-spacing:1px;color:#a7b8ff}.ticker{overflow:hidden;background:var(--cyan);color:#020321;border-top:2px solid white;border-bottom:2px solid white;padding:18px 0;transform:rotate(-2deg);position:relative;margin:-5px -0px 0;z-index:2;box-shadow:0 0 50px #253eff45}.ticker>div{display:flex;white-space:nowrap;font-size:30px;letter-spacing:-1px;font-weight:900;font-style:italic;width:max-content;animation:marquee 28s linear infinite}.ticker span{flex-shrink:0}.ticker b{padding:0 30px;color:#283fff}@keyframes marquee{to{transform:translateX(-50%)}}.manifesto{padding:130px 6% 120px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;max-width:1650px;margin:auto;background:radial-gradient(ellipse at 5% 55%,#11237840,transparent 55%)}.meme{position:relative;aspect-ratio:4/4.8;transform:rotate(-4deg);border:2px solid #b4bfff;box-shadow:12px 12px 0 #253bff,0 0 70px #193cff40;overflow:hidden;background:#010107}.meme-art{position:absolute;inset:0;overflow:hidden}.meme-art img{position:absolute;width:260%;height:260%;max-width:none;left:-153%;top:-27%;object-fit:cover}.meme:after{content:"";position:absolute;inset:0;background:linear-gradient(#000b,transparent 29%,transparent 70%,#000)}.meme>p{position:relative;z-index:1;text-align:center;font-family:Impact,'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(22px,2.6vw,40px);line-height:1.15;letter-spacing:-1px;margin:24px 12px;text-shadow:2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000}.meme>p strong{font-weight:900}.meme-foot{position:absolute;z-index:1;bottom:25px;left:0;width:100%;text-align:center;font-size:23px;font-weight:900;font-style:italic;letter-spacing:-1px}.manifesto-copy .eyebrow{font-size:11px;letter-spacing:1px}h2{font-size:clamp(43px,5vw,76px);letter-spacing:-.06em;line-height:1.04;margin:0 0 30px;font-weight:900}h2 em{color:var(--cyan)}.greentext{border-left:2px solid #334be0;padding-left:22px;margin:30px 0}.greentext p{font-family:monospace;color:#98ed80;font-size:clamp(14px,1.4vw,19px);line-height:1.7;margin:0}.manifesto-end{font-size:17px;color:#aab5d4;line-height:1.6}.manifesto-end strong{color:#fff}.outro{padding:85px 6% 55px;background:radial-gradient(ellipse at 100% 10%,#6670ff,transparent 60%),#2539f1;position:relative;overflow:hidden}.outro>p{font-family:monospace;font-size:12px;letter-spacing:2px;margin:0 0 30px}.outro h2{font-size:clamp(52px,9vw,135px);letter-spacing:-.065em;max-width:1250px}.outro h2 em{color:white}.contract{margin-top:55px;padding:25px 0 0;border-top:1px solid #ffffff60;max-width:1250px}.contract>span{font-family:monospace;font-size:12px;letter-spacing:1px}.contract>div{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}code{font-size:clamp(16px,2vw,25px);overflow-wrap:anywhere;color:white}button{border:1px solid white;background:transparent;color:white;padding:14px 20px;font:900 16px Arial;font-style:italic;cursor:pointer;white-space:nowrap}button:hover{background:white;color:var(--blue)}[hidden]{display:none!important}#copy-status{margin:8px 0 0;min-height:18px;font-size:14px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-family:monospace;font-size:12px;color:var(--muted)}@media(min-width:1700px){.art{width:72%;}.hero-copy{padding-top:220px}}@media(max-width:900px) and (min-width:601px){.hero-copy{padding-top:210px}.hero{min-height:850px}.art{right:-20%;width:100%}.problem{right:5%;top:16%}.manifesto{gap:7%}.meme{aspect-ratio:4/6}.meme-art img{top:-10%}.header-name{display:none}}@media(max-width:600px){header{height:76px;padding:0 6%}.wordmark{font-size:31px}.header-name{display:none}nav{gap:24px;font-size:12px}.hero{height:auto;min-height:1030px}.hero-copy{width:100%;padding:115px 6% 0}.eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:30vw;margin:0 0 25px -5px}.tagline{font-size:38px;letter-spacing:-1.7px}.hero-note{font-size:13px;margin:18px 0 23px}.button{font-size:18px;min-width:200px;padding:17px 22px}.art{top:455px;right:-10%;width:120%;height:550px}.art img{object-fit:contain}.art:after{background:linear-gradient(#02020b,transparent 17%,transparent 81%,#030312)}.problem{top:508px;right:6%;font-size:40px;transform:rotate(8deg)}.hero-bottom{bottom:22px;font-size:10px;left:6%;right:6%}.hero-bottom span:first-child{max-width:160px}.hero-bottom span:last-child{max-width:115px;text-align:right}.ticker{padding:15px 0}.ticker>div{font-size:24px}.ticker b{padding:0 20px}.manifesto{padding:75px 8% 60px;grid-template-columns:1fr;gap:65px}.meme{margin:0 5px;aspect-ratio:4/4.5;box-shadow:8px 8px 0 #253bff}.meme>p{font-size:27px}.meme-foot{font-size:22px}.manifesto-copy .eyebrow{font-size:10px}h2{font-size:clamp(43px,12vw,68px)}.greentext p{font-size:15px}.manifesto-end{font-size:17px}.outro{padding:55px 6% 25px}.outro>p{font-size:10px;letter-spacing:1px}.outro h2{font-size:clamp(44px,12.5vw,70px)}.contract{margin-top:35px}.contract>span{font-size:10px}.contract>div{align-items:flex-start;flex-direction:column;gap:18px}footer{padding:30px 6%;flex-wrap:wrap}footer>span{font-size:11px}footer>span:last-child{width:100%;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*{transition:none!important}}
/* Keep the electric composition within the page and the face below navigation. */
body{overflow-x:clip}
@media(min-width:901px){.art{top:75px;height:calc(100% - 75px)}.problem{top:auto;bottom:17%;right:7%;transform:rotate(-7deg)}}
.ticker{transform:none}
.meme-art img{top:-12%}

/* Preserve the full character instead of cropping the square artwork. */
.hero .art img{object-fit:contain;object-position:center center}
@media(min-width:601px){.hero .art{top:100px;height:calc(100% - 100px);right:0}}