:root{
  --void:#10101a;
  --void-2:#161724;
  --card:#1b1d2c;
  --mint:#57e6a0;
  --mint-dark:#2cae73;
  --cyan:#6fd9f4;
  --pink:#f36ba7;
  --yellow:#f2d66d;
  --red:#ff635f;
  --paper:#f4f2e9;
  --sub:#aaa9b4;
  --line:#353748;
  --black:var(--void);
  --white:var(--paper);
  --acid:var(--mint);
  --body:"Nunito",Arial,sans-serif;
  --mono:"DM Mono",Consolas,monospace;
  --face:"M PLUS Rounded 1c","Nunito",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--paper);font-family:var(--body);line-height:1.5;overflow-x:hidden;cursor:crosshair;-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.38) 100%)}
a{color:inherit;text-decoration:none}
::selection{background:var(--pink);color:var(--void)}
.wrap{width:min(1160px,calc(100% - 64px));margin:0 auto;position:relative}
.hidden{display:none!important}
.blink{font-style:normal;animation:blink 1.05s steps(1) infinite}

@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:.08}}
@keyframes slide-left{to{transform:translateX(-50%)}}
@keyframes slide-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes glitch{0%,88%,100%{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan);transform:translate(0)}90%{text-shadow:-5px 0 var(--pink),4px 0 var(--cyan);transform:translate(2px,-1px) skewX(-2deg)}92%{text-shadow:4px 0 var(--cyan),-3px 0 var(--pink);transform:translate(-2px,1px)}}
@keyframes wobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes fly{from{transform:translateX(0)}to{transform:translateX(calc(-100vw - 160%))}}

/* Top signal and navigation */
.signal-bar{position:relative;z-index:10;overflow:hidden;background:var(--yellow);color:var(--void);border-bottom:3px double var(--void);font:19px/1.25 var(--mono);white-space:nowrap}
.signal-track{display:flex;gap:52px;width:max-content;padding:6px 0;animation:slide-left 26s linear infinite}
.site-nav{position:relative;z-index:10;background:rgba(9,9,16,.7);border-bottom:1px dashed var(--line);backdrop-filter:blur(12px)}
.nav-inner{min-height:74px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;letter-spacing:.04em}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--mint);border:2px solid var(--void);box-shadow:4px 4px 0 var(--pink);transform:rotate(-4deg);overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand:hover .brand-mark{animation:wobble .4s ease infinite}
.nav-links{display:flex;gap:22px;margin-left:auto;font:18px var(--mono);color:var(--sub)}
.nav-links a:hover{color:var(--mint);text-decoration:underline wavy var(--pink)}
.token-button{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;background:var(--mint);color:var(--void);border:2px solid var(--void);box-shadow:4px 4px 0 var(--pink);font-weight:900;font-size:13px;transform:rotate(-1deg);transition:transform .12s,box-shadow .12s;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.token-button span{font-family:var(--face)}
.token-button:hover{transform:rotate(1deg) translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink)}

/* Hero */
.hero{position:relative;padding:72px 0 62px;text-align:center;overflow:hidden;min-height:690px}
.hero-inner{z-index:2}
.face-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0}
.face-field span{position:absolute;color:var(--mint);opacity:.14;font:800 22px var(--face);white-space:nowrap}
.face-field .cyan{color:var(--cyan)}.face-field .pink{color:var(--pink)}.face-field .yellow{color:var(--yellow)}
.terminal-label{display:inline-block;background:var(--cyan);color:var(--void);padding:5px 15px;box-shadow:4px 4px 0 var(--pink);transform:rotate(-1deg);font:18px var(--mono);white-space:nowrap}
h1{font-size:clamp(70px,8.5vw,125px);font-weight:900;letter-spacing:-.055em;line-height:.87;text-transform:uppercase;margin:37px auto 0;max-width:1050px}
.hero-line-one{display:inline-block;animation:glitch 5.5s steps(1) infinite}
.hero-line-two{display:inline-block;background:var(--mint);color:var(--void);padding:0 18px;box-shadow:7px 7px 0 var(--pink);transform:rotate(1deg)}
.hero-line-three{display:inline-block;color:var(--pink);font-family:var(--mono);font-weight:500;letter-spacing:-.08em;text-transform:none}
.hero-face{margin:19px 0 0;color:var(--mint);font:800 clamp(30px,4vw,52px) var(--face)}
.hero-lede{max-width:680px;margin:20px auto 0;color:var(--sub);font-size:19px;font-weight:700;text-wrap:pretty}
.hero-lede strong{color:var(--mint)}
.hero-lede mark{display:inline-block;background:var(--pink);color:var(--void);padding:0 7px;font-weight:900;transform:rotate(-1deg)}
.hero-actions{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border:2px solid var(--void);font-size:15px;font-weight:900;cursor:pointer;transition:transform .12s,box-shadow .12s}
.button-primary{background:var(--mint);color:var(--void);box-shadow:5px 5px 0 var(--pink);transform:rotate(-1deg)}
.button-primary:hover{transform:rotate(1deg) translate(-2px,-2px);box-shadow:8px 8px 0 var(--pink)}
.button-primary span{font-family:var(--face)}
.finale-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.social-x-button{width:54px;height:48px;padding:0;justify-content:center;font-size:25px;transform:rotate(1deg)}
.social-x-button:hover{transform:rotate(-1deg) translate(-2px,-2px)}
.social-x-button span{font-family:Arial,sans-serif;font-weight:900;line-height:1}
.button-ghost{border:2px dashed var(--line);color:var(--paper);transform:rotate(.5deg)}
.button-ghost:hover{border-color:var(--cyan);color:var(--cyan);transform:rotate(-.5deg)}
.microcopy{margin-top:19px;color:var(--sub);font:17px var(--mono)}
.microcopy span{color:var(--mint);font-family:var(--face)}
.floating-note{position:absolute;z-index:3;padding:7px 12px;color:var(--void);font-weight:900;pointer-events:none;box-shadow:4px 4px 0 var(--cyan)}
.note-one{top:145px;left:1%;background:var(--pink);transform:rotate(-8deg);font:800 14px var(--face)}
.note-two{top:390px;right:1%;background:var(--cyan);box-shadow:4px 4px 0 var(--pink);transform:rotate(7deg);font-size:13px}
.note-three{top:85px;right:7%;background:var(--yellow);box-shadow:4px 4px 0 var(--mint);transform:rotate(-4deg);font:17px var(--mono)}

/* Dual marquee */
.face-marquee{position:relative;z-index:2;overflow:hidden;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.face-marquee+ .face-marquee{border-top:0}
.face-marquee>div{display:flex;gap:44px;width:max-content;padding:9px 0;color:var(--mint);font:800 20px var(--face)}
.face-marquee span:nth-child(3n){color:var(--cyan)}.face-marquee span:nth-child(3n+1){color:var(--pink)}.face-marquee span:nth-child(7n){color:var(--yellow)}
.marquee-left>div{animation:slide-left 45s linear infinite}
.marquee-right>div{animation:slide-right 55s linear infinite;font:16px var(--mono);opacity:.75}

/* Ledger window */
.ledger-section{padding:68px 0 98px;position:relative}
.ledger-window{border:2px solid var(--mint);background:var(--void-2);box-shadow:10px 10px 0 var(--pink),10px 10px 0 2px var(--mint);transform:rotate(-.35deg);overflow:hidden}
.window-bar,.console-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--mint);color:var(--void);border-bottom:2px solid var(--void)}
.window-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--void)}
.window-dot.red{background:var(--red)}.window-dot.yellow{background:var(--yellow)}.window-dot.green{background:var(--cyan)}
.window-title{flex:1;text-align:center;font:18px var(--mono)}
.window-face{font:800 14px var(--face)}
.counter-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.counter-grid article{min-height:270px;padding:26px 25px;display:flex;flex-direction:column;position:relative;border-right:1px dashed var(--line);transition:background .15s}
.counter-grid article:last-child{border-right:0}
.counter-grid article:hover{background:var(--card)}
.counter-index{position:absolute;right:13px;top:12px;background:var(--yellow);color:var(--void);border:2px solid var(--void);padding:1px 9px;transform:rotate(6deg);font:22px var(--mono)}
.counter-face{align-self:flex-start;background:var(--mint);color:var(--void);padding:6px 11px;box-shadow:3px 3px 0 var(--pink);font:800 17px var(--face);transform:rotate(-2deg)}
.counter-grid article:nth-child(2) .counter-face{background:var(--pink);box-shadow:3px 3px 0 var(--cyan);transform:rotate(2deg)}
.counter-grid article:nth-child(3) .counter-face{background:var(--cyan);box-shadow:3px 3px 0 var(--yellow)}
.counter-label{margin-top:auto;color:var(--sub);font:17px var(--mono)}
.counter-grid strong{display:block;color:var(--paper);font-size:clamp(38px,4.6vw,70px);font-weight:900;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.counter-grid article:nth-child(2) strong{color:var(--pink)}.counter-grid article:nth-child(3) strong{color:var(--mint)}
.counter-grid small{margin-top:10px;color:var(--sub);font:13px var(--mono)}

/* Shared headings */
.wall-section,.mechanism{position:relative;padding:100px 0 118px}
.wall-section>.wrap{width:min(1320px,calc(100% - 48px))}
.wall-faces{z-index:0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:38px;position:relative;z-index:2}
.section-kicker{display:inline-block;background:var(--cyan);color:var(--void);padding:4px 12px;box-shadow:3px 3px 0 var(--pink);transform:rotate(-1deg);font:17px var(--mono)}
.section-heading h2{margin:25px 0 0;font-size:clamp(54px,6.4vw,88px);font-weight:900;line-height:.92;letter-spacing:-.045em;text-transform:uppercase}
.section-heading h2 span{display:inline-block;background:var(--pink);color:var(--void);padding:0 10px;box-shadow:5px 5px 0 var(--cyan);transform:rotate(-1deg)}
.section-heading h2 i{color:var(--mint);font:800 .58em var(--face);white-space:nowrap;text-transform:none;letter-spacing:0}
.section-heading p{max-width:610px;margin:18px 0 0;color:var(--sub);font-size:17px;font-weight:700;text-wrap:pretty}
.legend{display:flex;gap:18px;color:var(--sub);font:14px var(--mono);white-space:nowrap}
.legend i{display:inline-block;width:11px;height:11px;margin-right:6px}.legend .red{background:var(--red)}.legend .green{background:var(--mint)}

/* Live wall */
.preview-banner{display:inline-block;margin:0 0 14px;padding:6px 11px;background:var(--yellow);color:var(--void);border:2px solid var(--void);box-shadow:3px 3px 0 var(--pink);transform:rotate(-.5deg);font:14px var(--mono)}
.wall-console{position:relative;z-index:2;border:3px solid var(--mint);background:var(--void-2);box-shadow:14px 14px 0 var(--pink),14px 14px 0 2px var(--mint);transform:rotate(.12deg);overflow:hidden}
.console-bar{justify-content:space-between;font:16px var(--mono)}
.console-state{font-size:13px;font-weight:500}.console-state i{color:var(--red)}
.status-line{padding:11px 15px;border-bottom:1px dashed var(--line);color:var(--sub);font:14px var(--mono);text-transform:uppercase}
.barrage-frame{height:720px;position:relative;overflow:hidden;background:#0b0c13;color:var(--paper)}
.scanline{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 7px,var(--paper) 8px)}
.barrage{position:absolute;inset:0}
.bullet{position:absolute;left:100%;display:flex;align-items:center;gap:13px;white-space:nowrap;padding:9px 17px 9px 9px;background:var(--card);border:1px solid var(--line);color:var(--paper);box-shadow:5px 5px 0 var(--pink);will-change:transform;contain:layout paint}
.bullet.accent-1{box-shadow:4px 4px 0 var(--mint)}.bullet.accent-2{box-shadow:4px 4px 0 var(--cyan)}
.bullet img,.avatar-fallback{width:44px;height:44px;object-fit:cover;display:grid;place-items:center;background:var(--mint);color:var(--void);border:1px solid var(--void);font:800 20px var(--face)}
.bullet .who{color:var(--sub);font:13px var(--mono)}
.bullet .text{font-size:19px;font-weight:800}
.word-red{color:var(--red);font-weight:900;text-decoration:underline wavy 2px}.word-green{color:var(--mint);font-weight:900;text-decoration:line-through 2px}
.empty-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:22px;font-weight:900}.empty-state img{width:105px;height:105px;margin:0 auto 14px;border:2px solid var(--mint);box-shadow:6px 6px 0 var(--pink)}.empty-state span{color:var(--mint);font-family:var(--face)}
.console-foot{display:flex;justify-content:space-between;gap:20px;padding:10px 15px;border-top:1px dashed var(--line);color:var(--sub);font:12px var(--mono)}

/* Proof band */
.proof-band{position:relative;overflow:hidden;background:var(--mint);color:var(--void);border-top:4px double var(--void);border-bottom:4px double var(--void)}
.proof-band .face-field span{color:var(--void);opacity:.12}
.proof-inner{padding:76px 0;text-align:center;z-index:2}
.proof-face{font:800 42px var(--face)}
.proof-inner h2{margin:10px 0 0;font-size:clamp(42px,6vw,78px);line-height:1;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.proof-inner p{max-width:700px;margin:17px auto 0;font-size:17px;font-weight:800;text-wrap:pretty}
.proof-command{display:inline-flex;align-items:center;gap:11px;margin-top:27px;padding:9px 20px;background:var(--void);color:var(--mint);box-shadow:5px 5px 0 var(--pink);transform:rotate(-1deg);font:18px var(--mono)}

/* Mechanism cards */
.mechanism{padding-bottom:128px}
.section-heading.compact{display:block;text-align:center}.section-heading.compact p{margin-left:auto;margin-right:auto}.section-heading.compact h2 i{font-size:.45em}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;position:relative;z-index:2}
.steps article{min-height:330px;padding:25px 22px;display:flex;flex-direction:column;gap:12px;background:var(--void-2);border:2px solid var(--line);position:relative;transition:transform .14s,border-color .14s,box-shadow .14s}
.steps article:nth-child(odd){transform:rotate(-.8deg)}.steps article:nth-child(even){transform:rotate(.8deg)}
.steps article:hover{z-index:3;transform:rotate(0) translateY(-5px);border-color:var(--mint);box-shadow:8px 8px 0 var(--mint)}
.steps article:nth-child(2):hover{border-color:var(--cyan);box-shadow:8px 8px 0 var(--cyan)}.steps article:nth-child(3):hover{border-color:var(--pink);box-shadow:8px 8px 0 var(--pink)}.steps article:nth-child(4):hover{border-color:var(--yellow);box-shadow:8px 8px 0 var(--yellow)}
.step-number{position:absolute;top:-15px;right:-10px;padding:0 9px;background:var(--yellow);color:var(--void);border:2px solid var(--void);transform:rotate(6deg);font:24px var(--mono)}
.step-face{align-self:flex-start;background:var(--mint);color:var(--void);padding:7px 11px;box-shadow:3px 3px 0 var(--pink);transform:rotate(-2deg);font:800 18px var(--face)}
.steps article:nth-child(2) .step-face{background:var(--cyan);box-shadow:3px 3px 0 var(--yellow);transform:rotate(2deg)}.steps article:nth-child(3) .step-face{background:var(--pink);box-shadow:3px 3px 0 var(--cyan)}.steps article:nth-child(4) .step-face{background:var(--yellow);box-shadow:3px 3px 0 var(--mint);transform:rotate(1deg)}
.steps h3{margin:auto 0 0;font-size:37px;font-weight:900;letter-spacing:-.04em}.steps p{margin:0;color:var(--sub);font-size:14px;font-weight:700}.steps strong{color:var(--mint)}
.step-tag{align-self:flex-start;margin-top:5px;padding:1px 8px;border:1px dashed var(--mint-dark);color:var(--mint);font:15px var(--mono)}

/* Finale and footer */
.finale{position:relative;overflow:hidden;padding:110px 0 80px;text-align:center;border-top:1px dashed var(--line)}
.finale-inner{z-index:2}.finale-inner>img{width:118px;height:118px;object-fit:cover;border:2px solid var(--mint);box-shadow:7px 7px 0 var(--pink);transform:rotate(-3deg)}
.finale h2{max-width:850px;margin:30px auto 0;font-size:clamp(48px,6.3vw,84px);line-height:.97;font-weight:900;letter-spacing:-.05em;text-transform:uppercase}.finale h2 span{display:block;color:var(--mint);font:800 .55em var(--face);letter-spacing:0}
.finale p{margin:17px auto 30px;color:var(--sub);font-size:18px;font-weight:700}
.badge-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:45px}.badge-row span{width:98px;height:33px;display:grid;place-items:center;border:1px solid var(--line);background:var(--void-2);color:var(--sub);font:12px var(--mono)}.badge-row .pink{background:var(--pink);color:var(--void)}.badge-row .cyan{background:var(--cyan);color:var(--void)}.badge-row .yellow{background:var(--yellow);color:var(--void)}
footer{border-top:1px dashed var(--line);background:rgba(0,0,0,.22)}
.footer-inner{min-height:80px;display:flex;align-items:center;gap:24px;color:var(--sub);font:16px var(--mono)}.footer-inner b{color:var(--paper)}.footer-inner i{color:var(--mint);font-family:var(--face);font-style:normal}.footer-inner>a{margin-left:auto}.footer-inner a:hover{color:var(--mint);text-decoration:underline wavy var(--pink)}

/* Admin page compatibility */
.nav{height:76px;display:flex;align-items:center;padding:0 3vw;border-bottom:1px dashed var(--line);background:var(--void)}
.brand-logo{width:44px;height:44px;object-fit:cover;border:2px solid var(--mint)}

@media(max-width:960px){
  .floating-note{display:none}
  .counter-grid{grid-template-columns:1fr}
  .counter-grid article{min-height:215px;border-right:0;border-bottom:1px dashed var(--line)}.counter-grid article:last-child{border-bottom:0}
  .steps{grid-template-columns:1fr 1fr}
  .section-heading{align-items:flex-start;flex-direction:column}.legend{align-self:flex-start}
}

@media(max-width:680px){
  .wrap{width:min(100% - 34px,1160px)}
  .signal-bar{font-size:14px}
  .nav-inner{min-height:66px;gap:12px}.brand{font-size:19px}.brand-mark{width:38px;height:38px}.nav-links{display:none}.token-button{margin-left:auto;max-width:145px;padding:8px 10px;font-size:11px}.token-button span{display:none}
  .hero{min-height:auto;padding:55px 0 46px}.terminal-label{max-width:100%;font-size:12px;white-space:normal}.hero h1{font-size:clamp(56px,17vw,84px);margin-top:31px}.hero-line-two{padding:0 8px;box-shadow:5px 5px 0 var(--pink)}.hero-face{font-size:28px}.hero-lede{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;width:min(100%,320px);margin-left:auto;margin-right:auto}.button{justify-content:center;padding:12px 16px;font-size:13px}.finale-actions{gap:14px}.social-x-button{width:49px;height:45px;padding:0;font-size:23px}.microcopy{font-size:13px}
  .face-field span{font-size:15px!important}.face-marquee>div{font-size:16px}
  .ledger-section{padding:48px 0 72px}.ledger-window,.wall-console{box-shadow:6px 6px 0 var(--pink),6px 6px 0 1px var(--mint)}.window-title{font-size:12px}.window-face{display:none}.counter-grid article{padding:22px;min-height:205px}.counter-grid strong{font-size:48px}
  .wall-section,.mechanism{padding:76px 0 90px}.wall-section>.wrap{width:calc(100% - 24px)}.section-kicker{font-size:12px}.section-heading h2{font-size:48px}.section-heading h2 i{display:block;margin-top:10px}.section-heading p{font-size:15px}.legend{font-size:12px}
  .wall-console{border-width:2px;box-shadow:7px 7px 0 var(--pink),7px 7px 0 1px var(--mint)}.console-bar{font-size:11px}.console-state{display:none}.status-line{font-size:11px}.barrage-frame{height:590px}.bullet{gap:8px;padding:7px 11px 7px 7px}.bullet img,.avatar-fallback{width:38px;height:38px}.bullet .who{display:none}.bullet .text{font-size:15px}.console-foot{font-size:9px;flex-wrap:wrap}
  .proof-inner{padding:62px 0}.proof-face{font-size:30px}.proof-inner p{font-size:15px}.proof-command{font-size:12px;padding:8px 11px}
  .steps{grid-template-columns:1fr;gap:25px}.steps article{min-height:260px}.section-heading.compact h2 i{font-size:.38em}
  .finale{padding:82px 0 65px}.finale h2{font-size:48px}.finale p{font-size:15px}.badge-row span{width:88px}
  .footer-inner{align-items:flex-start;flex-direction:column;padding:24px 0;font-size:13px}.footer-inner>a{margin-left:0}
}

@media(prefers-reduced-motion:reduce){.signal-track,.marquee-left>div,.marquee-right>div,.hero-line-one,.blink,.bullet{animation:none!important}}