:root{
  --ink:#0a0a0a;
  --paper:#eee9db;
  --acid:#d8ff43;
  --violet:#6b46ff;
  --orange:#ff6b29;
  --muted:#8b877b;
  --line:rgba(10,10,10,.16);
  --shadow:10px 10px 0 #0a0a0a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Arial Narrow","Roboto Condensed",Impact,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
code{font-family:"Courier New",monospace}
::selection{background:var(--violet);color:#fff}

.scanlines{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;background:repeating-linear-gradient(to bottom,transparent 0 3px,#000 3px 4px);mix-blend-mode:multiply}
.noise{position:fixed;inset:-60px;z-index:98;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.45'/%3E%3C/svg%3E");animation:noiseShift .2s steps(2) infinite}
@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-1%)}}

.topbar{height:78px;position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 4vw;border-bottom:2px solid var(--ink);background:rgba(238,233,219,.88);backdrop-filter:blur(12px)}
.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{font-weight:1000;font-size:30px;letter-spacing:-2px}.brand-sub{font:700 11px/1 "Courier New",monospace;text-transform:uppercase;letter-spacing:.12em;border-left:1px solid;padding-left:12px}
.nav{display:flex;gap:28px;font:700 12px/1 "Courier New",monospace;text-transform:uppercase}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--ink);transition:.2s}.nav a:hover:after{right:0}
.topbar>.pill{justify-self:end}

.pill{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);padding:15px 20px;background:var(--acid);font:900 12px/1 "Courier New",monospace;letter-spacing:.05em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .14s,box-shadow .14s,background .14s}.pill:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink);background:#fff}.pill-small{padding:11px 14px;font-size:10px}.pill-ghost{background:transparent}.pill-light{background:#fff}
.section-pad{padding:110px 6vw}.section-grid{display:grid;grid-template-columns:.6fr 1.15fr .75fr;gap:50px}.section-kicker{font:700 11px/1.2 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-head.compact{margin-bottom:42px}.section-head h2,.lore h2,.links h2{margin:10px 0 0;font-size:clamp(48px,7vw,112px);line-height:.83;letter-spacing:-.055em;text-transform:uppercase}.section-head p{max-width:430px;margin:0;font:14px/1.6 "Courier New",monospace}

.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4vw;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--paper) 0 62%,#d5cfbe 62% 100%)}
.hero:before{content:"";position:absolute;left:-10vw;bottom:8%;width:45vw;height:45vw;border:1px solid rgba(10,10,10,.1);border-radius:50%}
.eyebrow{font:700 10px/1 "Courier New",monospace;letter-spacing:.11em;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,107,41,.15)}
.hero h1{font-size:clamp(90px,11vw,190px);line-height:.69;letter-spacing:-.09em;margin:35px 0 28px;text-transform:uppercase}.hero h1 span{-webkit-text-stroke:2px var(--ink);color:transparent}.lead{max-width:620px;font:15px/1.55 "Courier New",monospace}.hero-actions{display:flex;gap:13px;margin:32px 0 22px;flex-wrap:wrap}.ca-row{display:flex;gap:10px;align-items:center;max-width:620px;border-top:1px solid var(--line);padding-top:14px;font:10px/1.3 "Courier New",monospace;overflow:hidden}.ca-row>span:first-child{background:var(--ink);color:#fff;padding:4px 6px}.ca-row code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-status{margin-left:auto;color:var(--muted)}

.hero-stage{min-height:660px;position:relative;isolation:isolate;display:grid;place-items:center;perspective:900px}.grid-floor{position:absolute;width:110%;height:48%;left:-5%;bottom:-6%;background-image:linear-gradient(rgba(10,10,10,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.13) 1px,transparent 1px);background-size:42px 42px;transform:rotateX(65deg);transform-origin:bottom;mask-image:linear-gradient(to top,#000,transparent)}
.halo{position:absolute;border:2px solid var(--ink);border-radius:50%;z-index:-1}.halo-a{width:460px;height:460px}.halo-b{width:360px;height:360px;border-style:dashed;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.cat-card{margin:0;border:2px solid var(--ink);background:#fff;padding:10px;box-shadow:var(--shadow);overflow:hidden}.cat-card img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12) saturate(.8)}.cat-card figcaption{padding:8px 2px 0;font:700 9px/1 "Courier New",monospace;text-transform:uppercase}.cat-main{width:min(38vw,430px);height:560px;transform:rotate(-3deg);z-index:4}.cat-main img{object-fit:cover;object-position:center}.cat-float{position:absolute;width:170px;height:170px;z-index:7;animation:float 4s ease-in-out infinite}.cat-float-a{left:0;top:6%;transform:rotate(7deg)}.cat-float-b{right:0;bottom:7%;animation-delay:-1.4s;transform:rotate(-7deg)}@keyframes float{50%{translate:0 -13px}}
.stamp{position:absolute;right:5%;top:7%;z-index:8;border:3px solid var(--violet);color:var(--violet);font:1000 18px/.9 "Courier New",monospace;padding:10px;transform:rotate(8deg);background:rgba(238,233,219,.75)}

.marquee{overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--acid);padding:14px 0}.marquee-track{width:max-content;display:flex;gap:23px;align-items:center;animation:marquee 22s linear infinite;font:1000 18px/1 "Courier New",monospace;letter-spacing:-.04em}.marquee i{font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}

.lore{background:var(--ink);color:#f2efe7;position:relative}.lore-copy p{font:16px/1.65 "Courier New",monospace;color:#c9c5bb;max-width:720px}.manifesto{margin-top:50px;border:1px solid #514f49;padding:22px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:start}.manifesto span{font:10px/1 "Courier New",monospace;color:var(--acid)}.manifesto strong{font-size:38px;line-height:.86;letter-spacing:-.04em}.lore-image{position:relative;align-self:stretch;min-height:570px;border:1px solid #514f49;background:#161616;overflow:hidden}.lore-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.45);mix-blend-mode:screen}.lore-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(216,255,67,.18));mix-blend-mode:screen}.measure{position:absolute;z-index:2;font:10px/1 "Courier New",monospace;background:var(--acid);color:var(--ink);padding:6px}.m1{left:12px;top:12px}.m2{right:12px;bottom:12px}

.specimens{background:#d7d1c2}.specimen-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.specimen{background:#eee9db;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:14px;display:grid;grid-template-rows:1fr auto;min-height:430px;transform:rotate(var(--r,0deg));transition:.18s}.specimen:hover{transform:rotate(0) translateY(-7px)}.specimen img{width:100%;height:310px;object-fit:cover;filter:contrast(1.12)}.specimen span{font:700 10px/1 "Courier New",monospace}.specimen h3{font-size:28px;margin:8px 0 5px;letter-spacing:-.04em}.specimen p{font:11px/1.45 "Courier New",monospace;margin:0}.s1{grid-column:span 3;--r:-1.5deg}.s2{grid-column:span 3;--r:1deg}.s3{grid-column:span 3;--r:-.5deg}.s4{grid-column:span 3;--r:1.5deg}

.roadmap{position:relative;background:var(--paper);overflow:hidden}.roadmap:before{content:"CTS";position:absolute;right:-2vw;top:100px;font-size:32vw;font-weight:1000;line-height:.7;color:rgba(10,10,10,.025);letter-spacing:-.1em}.roadmap-line{height:2px;background:var(--ink);position:absolute;left:6vw;right:6vw;margin-top:74px}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.phase{padding-top:42px;position:relative}.phase-no{font:700 9px/1 "Courier New",monospace;margin-bottom:20px}.phase-orb{width:62px;height:62px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;background:var(--paper);font:800 13px/1 "Courier New",monospace;position:relative;margin-bottom:30px}.phase.active .phase-orb{background:var(--acid);box-shadow:4px 4px 0 var(--ink)}.phase h3{font-size:42px;letter-spacing:-.05em;margin:0 0 12px}.phase p{font:12px/1.55 "Courier New",monospace;max-width:280px}.phase-state{display:inline-block;margin-top:14px;border:1px solid var(--ink);padding:5px 7px;font:700 9px/1 "Courier New",monospace;text-transform:uppercase}.phase.active .phase-state{background:var(--ink);color:var(--acid)}

.chart{background:#7e68ff;color:#0a0a0a}.terminal{border:2px solid var(--ink);background:#0a0a0a;box-shadow:12px 12px 0 rgba(0,0,0,.3)}.terminal-bar{height:45px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 15px;color:#9bff4d;border-bottom:1px solid #333;font:10px/1 "Courier New",monospace}.terminal-dots{display:flex;gap:6px}.terminal-dots i{width:8px;height:8px;border-radius:50%;background:#9bff4d;display:block}.terminal-dots i:nth-child(2){opacity:.55}.terminal-dots i:nth-child(3){opacity:.25}.chart-wrap{height:620px;position:relative;overflow:hidden}.chart-wrap iframe{width:100%;height:100%;border:0;background:#0a0a0a}.chart-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:28px;background:#0a0a0a;color:#fff}.chart-placeholder img{width:190px;height:190px;object-fit:cover;filter:grayscale(1) contrast(1.4)}.chart-placeholder strong{display:block;font-size:30px;letter-spacing:-.04em}.chart-placeholder span{display:block;font:11px/1.5 "Courier New",monospace;color:#aaa;margin-top:8px}.chart-placeholder.hidden{display:none}

.links{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;background:#f0ede4}.links-copy p{font:13px/1.6 "Courier New",monospace;max-width:450px}.link-stack{border-top:2px solid var(--ink)}.mega-link{min-height:120px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding:0 20px;transition:.15s}.mega-link:hover{background:var(--acid);padding-left:32px}.mega-link span{font-size:clamp(27px,3.3vw,56px);font-weight:1000;letter-spacing:-.055em}.mega-link b{font:700 10px/1.3 "Courier New",monospace}.mega-link i{font-style:normal;font-size:36px}

.finale{height:78vh;min-height:620px;position:relative;display:grid;place-items:center;text-align:center;background:#090909;color:#fff;overflow:hidden}.finale-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.3) saturate(.8);transform:scale(1.04)}.finale-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.15),#0a0a0a 78%)}.finale-copy{position:relative;z-index:3}.finale-copy span{font:700 10px/1 "Courier New",monospace;color:var(--acid)}.finale h2{font-size:clamp(72px,12vw,190px);line-height:.73;letter-spacing:-.08em;margin:28px 0 35px}.finale .pill{color:var(--ink)}

footer{background:var(--acid);border-top:2px solid var(--ink);min-height:180px;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:28px;padding:30px 6vw}.footer-cat{width:90px;height:90px;border:2px solid var(--ink);background:#fff;overflow:hidden}.footer-cat img{width:100%;height:100%;object-fit:cover}.footer-cat+div{display:flex;flex-direction:column}.footer-cat+div strong{font-size:48px;line-height:.8;letter-spacing:-.06em}.footer-cat+div span,footer p{font:9px/1.5 "Courier New",monospace;text-transform:uppercase}footer p{max-width:480px;justify-self:end}

@media (max-width:1100px){
  .topbar{grid-template-columns:1fr auto}.nav{display:none}.topbar>.pill{grid-column:2}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:85px}.hero-stage{min-height:650px}.hero-copy{position:relative;z-index:8}.cat-main{width:430px}
  .section-grid{grid-template-columns:1fr 1fr}.section-grid>.section-kicker{grid-column:1/-1}.lore-image{min-height:500px}
  .specimen-grid{grid-template-columns:repeat(2,1fr)}.specimen{grid-column:span 1}
  .roadmap-grid{grid-template-columns:repeat(2,1fr);gap:60px 35px}.roadmap-line{display:none}
  .links{grid-template-columns:1fr}.links-copy{margin-bottom:30px}
}
@media (max-width:700px){
  .topbar{height:64px;padding:0 18px}.brand-sub{display:none}.topbar>.pill{font-size:8px;padding:9px 10px;box-shadow:3px 3px 0 var(--ink)}
  .section-pad{padding:78px 20px}.hero{padding-top:64px;background:var(--paper)}.hero h1{font-size:25vw}.lead{font-size:12px}.ca-row{font-size:8px}.hero-stage{min-height:500px}.cat-main{width:70vw;height:410px}.cat-float{width:120px;height:120px}.cat-float-a{left:-10px}.cat-float-b{right:-10px}.stamp{right:0}
  .section-head{align-items:start;flex-direction:column}.section-head h2,.lore h2,.links h2{font-size:16vw}.section-grid{grid-template-columns:1fr}.manifesto{grid-template-columns:1fr}.lore-image{min-height:470px}
  .specimen-grid{grid-template-columns:1fr}.specimen img{height:350px}
  .roadmap-grid{grid-template-columns:1fr}.phase{border-top:1px solid var(--ink);padding-top:24px}.phase-orb{margin-bottom:20px}
  .chart-wrap{height:520px}.chart-placeholder{flex-direction:column;text-align:center;padding:30px}.chart-placeholder img{width:160px;height:160px}.chart-placeholder strong{font-size:22px}
  .mega-link{grid-template-columns:1fr auto;min-height:96px;padding:0 5px}.mega-link b{display:none}.mega-link span{font-size:9vw}
  .finale{min-height:520px;height:70vh}.finale h2{font-size:20vw}
  footer{grid-template-columns:auto 1fr;padding:24px 20px}footer p{grid-column:1/-1;justify-self:start}.footer-cat+div strong{font-size:38px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.noise,.marquee-track,.halo-b,.cat-float{animation:none!important}}
