/* ═══════════════════════════════════════
   $WAGENT — DEGEN PREMIUM CSS
   Mobile-first, iPhone + Android ready
═══════════════════════════════════════ */

/* ── FONTS + RESET ── */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Exo+2:ital,wght@0,200;0,300;0,400;0,600;1,300&display=swap');

:root {
  --bg:         #020508;
  --bg2:        #030c16;
  --bg3:        #061020;
  --blue:       #0052FF;
  --blue2:      rgba(0,82,255,0.12);
  --blue-glow:  rgba(0,82,255,0.5);
  --cyan:       #00E5FF;
  --cyan2:      rgba(0,229,255,0.1);
  --green:      #00FF88;
  --red:        #FF2D55;
  --gold:       #FFB800;
  --orange:     #FF6B35;
  --purple:     #9B51E0;
  --white:      #EDF4FF;
  --muted:      #1E3050;
  --muted2:     #3A5575;
  --border:     rgba(0,82,255,0.2);
  --border2:    rgba(0,229,255,0.22);
  --grid:       rgba(0,82,255,0.05);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--bg);
  color: var(--white);
  font-family: 'Exo 2', sans-serif;
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── GRID + GRAIN BACKGROUND ── */
body::before {
  content: '';
  position: fixed; inset: 0;
  background-image:
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none; z-index: 0;
}
/* Grain overlay */
body::after {
  content: '';
  position: fixed; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
  pointer-events: none; z-index: 1;
  opacity: 0.6;
}

/* ── CURSOR (desktop only) ── */
@media (pointer: fine) {
  body { cursor: none; }
  #cursor {
    position: fixed; width: 10px; height: 10px;
    background: var(--cyan); border-radius: 50%;
    pointer-events: none; z-index: 9999;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px var(--cyan), 0 0 20px rgba(0,229,255,0.3);
    mix-blend-mode: screen; transition: width .15s, height .15s;
  }
  #cursor-ring {
    position: fixed; width: 30px; height: 30px;
    border: 1px solid rgba(0,229,255,0.4); border-radius: 50%;
    pointer-events: none; z-index: 9998;
    transform: translate(-50%, -50%);
  }
}

/* ── NAV ── */
nav {
  position: fixed; top: 0; left: 0; right: 0;
  height: 60px;
  background: rgba(2,5,8,0.96);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  z-index: 500;
}

.nav-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none;
}
.nav-logo svg { width: 36px; height: 36px; }
.nav-logo-text {
  font-family: 'Orbitron', sans-serif;
  font-size: 18px; font-weight: 900;
  color: var(--cyan); letter-spacing: 4px;
  text-shadow: 0 0 16px rgba(0,229,255,0.5);
}
.nav-logo-text em { color: var(--blue); font-style: normal; }

.nav-links {
  display: none;
  gap: 28px; list-style: none;
}
.nav-links a {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px; letter-spacing: 3px;
  color: var(--muted2); text-decoration: none;
  text-transform: uppercase; transition: color .2s;
}
.nav-links a:hover { color: var(--cyan); }

.nav-right {
  display: flex; align-items: center; gap: 12px;
}

.nav-live {
  display: none;
  align-items: center; gap: 8px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 9px; letter-spacing: 2px; color: var(--muted2);
}
.live-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--green); box-shadow: 0 0 8px var(--green);
  animation: ldot 1.5s ease-in-out infinite;
}
@keyframes ldot { 0%,100%{opacity:1;} 50%{opacity:.3;} }

.nav-cta {
  background: var(--blue); color: var(--white);
  padding: 8px 18px;
  font-family: 'Orbitron', sans-serif;
  font-size: 9px; font-weight: 700; letter-spacing: 3px;
  text-decoration: none; white-space: nowrap;
  clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition: all .2s;
}
.nav-cta:active, .nav-cta:hover {
  background: var(--cyan); color: var(--bg);
  box-shadow: 0 0 24px rgba(0,229,255,0.4);
}

/* hamburger */
.nav-hamburger {
  display: flex; flex-direction: column;
  gap: 5px; cursor: pointer; padding: 4px; z-index: 600;
}
.nav-hamburger span {
  display: block; width: 22px; height: 2px;
  background: var(--cyan); transition: all .3s;
}
.nav-hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; }
.nav-hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* mobile menu */
.mobile-menu {
  display: none; position: fixed;
  top: 60px; left: 0; right: 0;
  background: rgba(2,5,8,0.98);
  border-bottom: 1px solid var(--border);
  padding: 24px 24px 32px;
  z-index: 499; flex-direction: column; gap: 20px;
}
.mobile-menu.open { display: flex; }
.mobile-menu a {
  font-family: 'Share Tech Mono', monospace;
  font-size: 14px; letter-spacing: 3px;
  color: var(--muted2); text-decoration: none;
  text-transform: uppercase; padding: 8px 0;
  border-bottom: 1px solid var(--border);
  transition: color .2s;
}
.mobile-menu a:hover { color: var(--cyan); }
.mobile-menu .mm-cta {
  background: var(--blue); color: var(--white) !important;
  text-align: center; padding: 16px;
  clip-path: polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
  border-bottom: none; margin-top: 8px;
}

/* ── SECTION UTILITIES ── */
.section-wrap { position: relative; z-index: 2; }
.inner { max-width: 1180px; margin: 0 auto; padding: 0 20px; }

.s-label {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px; letter-spacing: 5px;
  color: var(--cyan); text-transform: uppercase;
  margin-bottom: 12px; opacity: .85;
  display: block;
}
.s-label::before { content: '// '; }

.s-title {
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  font-size: clamp(28px, 7vw, 64px);
  line-height: .95; letter-spacing: 1px;
  margin-bottom: 20px;
}
.s-title .hl  { color: var(--cyan); }
.s-title .hlb { color: var(--blue); }
.s-title .hlr { color: var(--red); }

/* Reveal animations */
.reveal { opacity:0; transform:translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-d1 { transition-delay: .1s; }
.reveal-d2 { transition-delay: .2s; }
.reveal-d3 { transition-delay: .3s; }
.reveal-d4 { transition-delay: .4s; }

/* ── BUTTONS ── */
.btn-prime {
  display: inline-block;
  background: var(--blue); color: var(--white);
  padding: 16px 32px;
  font-family: 'Orbitron', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 3px;
  text-transform: uppercase; text-decoration: none;
  border: none; cursor: pointer;
  clip-path: polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
  transition: all .25s; position: relative; overflow: hidden;
  white-space: nowrap;
}
.btn-prime::after {
  content:''; position:absolute; inset:0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform: translateX(-100%); transition: transform .5s;
}
.btn-prime:hover::after { transform: translateX(100%); }
.btn-prime:hover, .btn-prime:active {
  box-shadow: 0 0 40px rgba(0,82,255,.6);
  transform: translateY(-2px);
}

.btn-ghost {
  display: inline-block;
  background: transparent; color: var(--cyan);
  padding: 16px 32px;
  font-family: 'Orbitron', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 3px;
  text-transform: uppercase; text-decoration: none;
  border: 1px solid rgba(0,229,255,.35); cursor: pointer;
  clip-path: polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
  transition: all .25s; white-space: nowrap;
}
.btn-ghost:hover, .btn-ghost:active {
  background: rgba(0,229,255,.07);
  box-shadow: 0 0 20px rgba(0,229,255,.15);
}

/* ── TICKER ── */
.ticker {
  position: relative; z-index: 2;
  background: rgba(0,82,255,.06);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 10px 0; overflow: hidden;
}
.ticker-track {
  display: flex; gap: 48px;
  animation: tickscroll 30s linear infinite;
  width: max-content;
}
.ti {
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px; letter-spacing: 3px;
  color: var(--muted2); white-space: nowrap;
}
.ti em { color: var(--cyan); font-style: normal; margin-right: 6px; }
@keyframes tickscroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

/* ── HERO ── */
#hero {
  position: relative; min-height: 100svh;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; padding-top: 60px;
}
#heroCanvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
}

.hero-content {
  position: relative; z-index: 10;
  text-align: center; padding: 40px 20px 60px;
  max-width: 860px; width: 100%;
}

.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px; letter-spacing: 3px; color: var(--cyan);
  border: 1px solid rgba(0,229,255,.25);
  padding: 7px 16px; margin-bottom: 28px;
  animation: fadeUp .8s ease both;
}
.hero-eyebrow .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--green); box-shadow: 0 0 8px var(--green);
  animation: ldot 1.5s infinite; flex-shrink: 0;
}

/* LOGO in hero */
.hero-logo-wrap {
  display: flex; align-items: center; justify-content: center;
  gap: 20px; margin-bottom: 16px;
  animation: fadeUp .8s ease .1s both;
}
.hero-logo-svg { width: clamp(70px, 14vw, 120px); height: auto; }
.hero-logo-svg.anim-float {
  animation: heroFloat 3.5s ease-in-out infinite;
  filter: drop-shadow(0 0 20px rgba(0,82,255,.5)) drop-shadow(0 0 40px rgba(0,229,255,.2));
}
@keyframes heroFloat {
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-10px) scale(1.02); }
}

.hero-h1 {
  font-family: 'Orbitron', sans-serif; font-weight: 900;
  font-size: clamp(58px, 15vw, 160px);
  line-height: .88; letter-spacing: 3px;
  animation: fadeUp .8s ease .15s both;
}
.hero-h1 .dollar {
  color: var(--blue);
  text-shadow: 0 0 50px rgba(0,82,255,.8), 0 0 100px rgba(0,82,255,.3);
}
.hero-h1 .word {
  display: block; color: var(--white);
}

/* Glitch layers */
.hero-h1 .word { position: relative; }
.hero-h1 .word::before {
  content: 'WAGENT';
  position: absolute; top:0; left:0; right:0;
  color: var(--cyan);
  clip-path: polygon(0 20%, 100% 20%, 100% 45%, 0 45%);
  transform: translateX(-3px); opacity: 0;
  animation: glitch1 6s infinite 2s;
}
.hero-h1 .word::after {
  content: 'WAGENT';
  position: absolute; top:0; left:0; right:0;
  color: var(--red);
  clip-path: polygon(0 60%, 100% 60%, 100% 80%, 0 80%);
  transform: translateX(3px); opacity: 0;
  animation: glitch2 6s infinite 2s;
}
@keyframes glitch1 {
  0%,88%,100%{opacity:0;transform:translateX(-3px);}
  90%{opacity:.8;transform:translateX(-5px);}
  92%{opacity:0;}
  95%{opacity:.6;transform:translateX(3px);}
  97%{opacity:0;}
}
@keyframes glitch2 {
  0%,89%,100%{opacity:0;}
  91%{opacity:.7;transform:translateX(5px);}
  93%{opacity:0;}
}

.hero-tagline {
  font-family: 'Exo 2', sans-serif; font-weight: 200;
  font-size: clamp(12px, 3.5vw, 20px);
  letter-spacing: 6px; color: rgba(237,244,255,.45);
  text-transform: uppercase; margin-top: 14px;
  animation: fadeUp .8s ease .3s both;
}
.hero-tagline em { color: var(--cyan); font-style: normal; }

.hero-quote {
  display: block; margin-top: 32px;
  font-family: 'Share Tech Mono', monospace;
  font-size: clamp(10px, 2.5vw, 13px); line-height: 2;
  color: rgba(237,244,255,.45);
  border-left: 2px solid var(--blue); padding-left: 16px;
  text-align: left; max-width: 520px; margin-left: auto; margin-right: auto;
  animation: fadeUp .8s ease .45s both;
}
.hero-quote strong { color: var(--cyan); font-weight: 400; }
.hero-quote cite {
  display: block; margin-top: 8px;
  color: var(--blue); font-style: normal;
  font-size: 9px; letter-spacing: 2px;
}

.hero-btns {
  display: flex; gap: 12px; justify-content: center;
  margin-top: 40px; flex-wrap: wrap;
  animation: fadeUp .8s ease .6s both;
}

/* Stats strip under hero CTA */
.hero-stats {
  display: flex; gap: 0; justify-content: center;
  flex-wrap: wrap; margin-top: 48px;
  border: 1px solid var(--border);
  background: rgba(0,0,0,.3);
  animation: fadeUp .8s ease .75s both;
}
.hstat {
  flex: 1; min-width: 100px;
  padding: 16px 12px; text-align: center;
  border-right: 1px solid var(--border);
  position: relative;
}
.hstat:last-child { border-right: none; }
.hstat-val {
  font-family: 'Orbitron', sans-serif; font-size: clamp(18px,4vw,28px);
  font-weight: 900; line-height: 1; display: block; margin-bottom: 4px;
}
.hstat-lbl {
  font-family: 'Share Tech Mono', monospace;
  font-size: 8px; letter-spacing: 2px; color: var(--muted2);
}
.hv-cyan { color: var(--cyan); }
.hv-blue { color: var(--blue); }
.hv-green { color: var(--green); }
.hv-red { color: var(--red); }

.hero-scroll {
  position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
  z-index: 10; display: flex; flex-direction: column; align-items: center; gap: 8px;
  font-family: 'Share Tech Mono', monospace; font-size: 8px;
  letter-spacing: 3px; color: var(--muted2);
  animation: fadeUp .8s ease .9s both;
}
.scroll-line {
  width: 1px; height: 36px;
  background: linear-gradient(to bottom, var(--blue), transparent);
  animation: scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine { 0%,100%{opacity:1;} 50%{opacity:.3;} }
@keyframes fadeUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }

/* ── WHAT IS ── */
#what { padding: 80px 0; }
.what-grid {
  display: grid; grid-template-columns: 1fr;
  gap: 48px; align-items: center; margin-top: 48px;
}
.what-text p {
  font-size: 15px; line-height: 2;
  color: rgba(237,244,255,.6); margin-bottom: 18px;
}
.what-text p strong { color: var(--cyan); font-weight: 400; }
.quote-block {
  background: rgba(0,82,255,.07);
  border: 1px solid var(--border);
  border-left: 3px solid var(--cyan);
  padding: 24px 22px; margin-top: 28px;
}
.qb-text {
  font-family: 'Share Tech Mono', monospace;
  font-size: 12px; line-height: 2; color: rgba(237,244,255,.65);
}
.qb-cite {
  margin-top: 10px; font-size: 9px; letter-spacing: 3px;
  color: var(--blue); font-family: 'Share Tech Mono', monospace;
}
.concept-canvas-wrap { height: 340px; border-radius: 0; }
#conceptCanvas { width: 100%; height: 100%; display: block; }

/* ── HOW IT WORKS ── */
#how {
  padding: 80px 0;
  background: linear-gradient(180deg, transparent, rgba(0,82,255,.04), transparent);
}
.how-steps { margin-top: 48px; display: flex; flex-direction: column; }
.step-row {
  display: grid; gap: 0;
  grid-template-columns: 52px 1fr;
  grid-template-rows: auto auto;
  border-bottom: 1px solid var(--border);
  padding: 28px 0; transition: background .3s;
}
.step-row:last-child { border-bottom: none; }
.step-row:hover { background: rgba(0,82,255,.03); }
.step-num {
  font-family: 'Orbitron', sans-serif; font-size: 32px; font-weight: 900;
  color: rgba(0,82,255,.22); line-height: 1; padding-top: 4px;
  transition: color .3s;
}
.step-row:hover .step-num { color: var(--cyan); }
.step-left { padding: 0 0 0 4px; }
.step-tag {
  display: inline-block; font-family: 'Share Tech Mono', monospace;
  font-size: 8px; letter-spacing: 2px;
  padding: 3px 10px; border: 1px solid; margin-bottom: 10px;
}
.tag-fc  { border-color:rgba(138,99,210,.5); color:rgba(138,99,210,.9); }
.tag-base{ border-color:rgba(0,82,255,.5);   color:rgba(0,82,255,.9); }
.tag-w   { border-color:rgba(0,229,255,.5);  color:rgba(0,229,255,.9); }
.tag-tx  { border-color:rgba(0,255,136,.5);  color:rgba(0,255,136,.9); }
.tag-log { border-color:rgba(255,184,0,.5);  color:rgba(255,184,0,.9); }
.step-title {
  font-family: 'Orbitron', sans-serif; font-size: clamp(14px,3.5vw,18px);
  font-weight: 700; letter-spacing: 1px; color: var(--white); margin-bottom: 8px;
}
.step-desc {
  font-size: clamp(12px,2.5vw,14px); line-height: 1.8;
  color: rgba(237,244,255,.5);
}
.step-desc strong { color: var(--cyan); font-weight: 400; }
.step-code-wrap {
  grid-column: 1/3; padding: 16px 0 0 0;
}
.step-code {
  background: #000; border: 1px solid var(--border);
  padding: 14px 16px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 11px; line-height: 1.9; color: var(--green);
  overflow-x: auto; width: 100%;
}
.step-code .kw  { color: var(--cyan); }
.step-code .str { color: var(--gold); }
.step-code .cmt { color: var(--muted2); }

/* ── AGENTS ── */
#agents { padding: 80px 0; }
.agents-grid {
  display: grid; grid-template-columns: 1fr;
  gap: 8px; margin-top: 48px;
}
.agent-block {
  background: rgba(3,12,22,.95);
  border: 1px solid var(--border);
  padding: 32px 28px; position: relative;
  overflow: hidden; cursor: pointer;
  transition: border-color .3s, transform .25s;
  -webkit-tap-highlight-color: transparent;
}
.agent-block:hover, .agent-block:active {
  border-color: var(--cyan); transform: translateY(-3px);
}
.agent-block::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--agc, var(--blue)); opacity: 0; transition: opacity .3s;
}
.agent-block:hover::before { opacity: 1; }
.ab-status {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 9px; letter-spacing: 3px; color: var(--muted2);
  margin-bottom: 20px;
}
.ab-dot {
  width: 7px; height: 7px; border-radius: 50%;
  box-shadow: 0 0 8px; animation: ldot 2s infinite;
}
.ab-icon { font-size: 32px; margin-bottom: 14px; display: block; }
.ab-name {
  font-family: 'Orbitron', sans-serif; font-size: clamp(18px,4vw,22px);
  font-weight: 900; letter-spacing: 2px; margin-bottom: 4px;
}
.ab-role {
  font-family: 'Share Tech Mono', monospace; font-size: 10px;
  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px;
}
.ab-desc {
  font-size: 13px; line-height: 1.8;
  color: rgba(237,244,255,.5); margin-bottom: 20px;
}
.ab-triggers { display: flex; flex-direction: column; gap: 8px; }
.ab-trigger {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 12px; color: rgba(237,244,255,.4);
  font-family: 'Share Tech Mono', monospace; line-height: 1.5;
}
.ab-trigger::before {
  content: '▶'; font-size: 7px; flex-shrink: 0;
  margin-top: 4px; color: var(--agc, var(--cyan));
}
.ab-txcount {
  margin-top: 16px;
  font-family: 'Orbitron', sans-serif; font-size: 28px;
  font-weight: 900; line-height: 1;
}
.ab-txlbl {
  font-size: 8px; letter-spacing: 3px; color: var(--muted2);
  font-family: 'Share Tech Mono', monospace; margin-top: 2px;
}

/* ── LIVE CC ── */
#live { padding: 80px 0; }
.live-header {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: 16px;
  flex-wrap: wrap; margin-bottom: 32px;
}
.live-badge {
  display: flex; align-items: center; gap: 8px;
  background: rgba(0,255,136,.05);
  border: 1px solid rgba(0,255,136,.2);
  padding: 8px 16px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px; letter-spacing: 3px; color: var(--green);
  flex-shrink: 0;
}

/* CC Layout */
.cc-wrap {
  display: flex; flex-direction: column; gap: 6px;
}

/* panel */
.cc-panel {
  background: rgba(3,12,22,.96);
  border: 1px solid var(--border); position: relative; overflow: hidden;
}
.cc-panel::before {
  content: ''; position: absolute; top:0; left:0; right:0; height:1px;
  background: linear-gradient(90deg,transparent,var(--blue),transparent);
  opacity: .5;
}
.cc-ph {
  padding: 9px 14px;
  border-bottom: 1px solid rgba(0,82,255,.12);
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(0,0,0,.25);
}
.cc-pt {
  font-family: 'Orbitron', sans-serif; font-size: 9px;
  font-weight: 700; letter-spacing: 3px; color: var(--blue);
}
.cc-badge {
  font-family: 'Share Tech Mono', monospace; font-size: 9px;
  letter-spacing: 2px; padding: 2px 8px; border: 1px solid;
}
.ccb-green { border-color:var(--green); color:var(--green); }
.ccb-cyan  { border-color:var(--cyan);  color:var(--cyan); }
.ccb-blue  { border-color:var(--blue);  color:var(--blue); }
.ccb-gold  { border-color:var(--gold);  color:var(--gold); }

/* flow canvas */
.cc-flow { height: 180px; }
.cc-flow canvas { width:100%;height:calc(100% - 38px);display:block; }

/* brain */
.cc-brain { }
.brain-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 4px; padding: 8px; height: 120px;
}
.bg-step {
  background: rgba(0,0,0,.3); border: 1px solid rgba(0,82,255,.1);
  padding: 8px; display: flex; flex-direction: column;
  justify-content: space-between; position: relative;
  transition: border-color .3s, background .3s;
}
.bg-step.sf { border-color:var(--cyan); background:rgba(0,229,255,.04); }
.bgs-n {
  font-family:'Orbitron',sans-serif; font-size:14px; font-weight:900;
  color:rgba(0,82,255,.2); line-height:1;
}
.bg-step.sf .bgs-n { color:var(--cyan); }
.bgs-l {
  font-family:'Share Tech Mono',monospace; font-size:7px;
  letter-spacing:2px; color:var(--muted2); text-transform:uppercase;
}
.bg-step.sf .bgs-l { color:var(--white); }
.bgs-v { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--cyan); min-height:11px; }
.bg-arr { position:absolute; right:-8px; top:50%; transform:translateY(-50%); color:var(--muted2); font-size:10px; z-index:2; }

/* tx feed */
.cc-feed { }
.feed-inner {
  max-height: 200px; overflow-y: auto; padding: 6px;
  display: flex; flex-direction: column; gap: 3px;
}
.feed-inner::-webkit-scrollbar { width:2px; }
.feed-inner::-webkit-scrollbar-thumb { background:var(--blue); }
.feed-item {
  display: grid;
  grid-template-columns: 52px 22px 1fr;
  gap: 6px; align-items: center;
  padding: 5px 7px;
  background: rgba(0,0,0,.2); border: 1px solid rgba(0,82,255,.08);
  font-family: 'Share Tech Mono', monospace; font-size: 10px;
  animation: feedIn .3s ease;
}
.feed-item-right {
  grid-column: 1/4;
  display: flex; justify-content: space-between;
  padding: 0 7px 5px;
}
@keyframes feedIn { from{opacity:0;transform:translateX(-6px);} to{opacity:1;transform:translateX(0);} }
.fi-t  { color:var(--muted2); }
.fi-ic { font-size:14px; }
.fi-ag { color:var(--blue); }
.fi-ds { color:rgba(237,244,255,.6); font-size:9px; }
.fi-hs { color:var(--muted2); font-size:8px; }
.fi-hs a { color:var(--cyan); text-decoration:none; }

/* stats */
.cc-stats-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1px; background: rgba(0,82,255,.1); margin: 8px;
}
.csg-i { background:var(--bg2); padding:10px; text-align:center; }
.csg-v {
  font-family:'Orbitron',sans-serif; font-size:18px; font-weight:700;
  color:var(--cyan); line-height:1; display:block; margin-bottom:3px;
}
.csg-l { font-family:'Share Tech Mono',monospace; font-size:8px; letter-spacing:2px; color:var(--muted2); }

/* triggers */
.trig-wrap { padding:6px; display:flex; flex-direction:column; gap:4px; }
.trig-item {
  display:flex; align-items:center; gap:8px;
  padding:7px 9px; background:rgba(0,0,0,.2);
  border:1px solid rgba(0,82,255,.1);
  transition:border-color .3s, background .3s;
}
.trig-item.tf { border-color:var(--green); background:rgba(0,255,136,.03); }
.td { width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0; }
.trig-item.tf .td { background:var(--green);box-shadow:0 0 8px var(--green); animation:ldot .5s infinite; }
.tt { font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--muted2);flex:1; }
.trig-item.tf .tt { color:var(--white); }
.tc2 { font-family:'Orbitron',monospace;font-size:10px;color:var(--cyan); }

/* dlog */
.dlog { padding:6px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:3px; }
.dlog::-webkit-scrollbar{width:2px;}
.dlog::-webkit-scrollbar-thumb{background:var(--blue);}
.dlog-i {
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:rgba(237,244,255,.5);border-left:2px solid;
  padding:3px 7px;line-height:1.5;animation:feedIn .3s ease;
}
.dl-t  {border-color:var(--cyan);}
.dl-tip{border-color:var(--green);}
.dl-b  {border-color:var(--red);}
.dl-d  {border-color:var(--orange);}

/* wallet */
.ww { padding:10px 14px; }
.ww-addr { font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--muted2);margin-bottom:10px; }
.ww-addr span { color:var(--blue); }
.wb-r { display:flex;align-items:center;justify-content:space-between; }
.wb-tok { font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--muted2);letter-spacing:2px; }
.wb-amt { font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;color:var(--cyan); }
.wb-track { height:2px;background:rgba(0,82,255,.1);margin-top:3px;overflow:hidden; }
.wb-fill { height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width 1s ease; }

/* ── TOKENOMICS ── */
#tokenomics { padding: 80px 0; }
.tknomics-wrap {
  display: grid; grid-template-columns: 1fr;
  gap: 48px; margin-top: 48px;
}
.tpie-wrap { height: 300px; }
#tokChart { width:100%;height:100%;display:block; }
.tpieces { display:flex;flex-direction:column;gap:14px; }
.tpiece { display:flex;align-items:flex-start;gap:14px;cursor:default; }
.tp-sw { width:14px;height:14px;border-radius:2px;flex-shrink:0;margin-top:4px; }
.tp-pct {
  font-family:'Orbitron',sans-serif;font-size:clamp(18px,4vw,24px);
  font-weight:900;line-height:1;min-width:52px;
}
.tp-name { font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--white);margin-bottom:2px; }
.tp-desc { font-size:12px;color:rgba(237,244,255,.4);line-height:1.5; }
.supply-strip {
  margin-top:24px;height:8px;display:flex;overflow:hidden;
  border:1px solid rgba(0,82,255,.2);
}
.ss-s { height:100%; }
.contract-strip {
  margin-top:28px;background:rgba(0,82,255,.06);
  border:1px solid var(--border2);padding:20px 22px;
  display:flex;flex-direction:column;gap:16px;
}
.cs-lbl { font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--muted2);margin-bottom:6px; }
.cs-addr-val { font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--cyan);word-break:break-all; }
.cs-badges { display:flex;flex-wrap:wrap;gap:16px; }
.cs-b-val { font-family:'Orbitron',sans-serif;font-size:clamp(14px,3vw,20px);font-weight:900;color:var(--white); }
.cs-b-lbl { font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--muted2); }

/* ── ROADMAP ── */
#roadmap { padding: 80px 0; }
.rmline { position:relative;margin-top:48px;padding-left:36px; }
.rmline::before {
  content:'';position:absolute;left:10px;top:6px;bottom:6px;
  width:1px;background:linear-gradient(to bottom,var(--blue),rgba(0,82,255,.1));
}
.rm-item { margin-bottom:40px;position:relative; }
.rm-node {
  position:absolute;left:-34px;top:4px;width:14px;height:14px;
  background:var(--bg);border:2px solid var(--muted);
  transform:rotate(45deg);transition:all .3s;
}
.rm-item.rm-active .rm-node { border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 12px var(--cyan); }
.rm-item.rm-next .rm-node { border-color:var(--blue); }
.rm-phase { font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:4px;color:var(--muted2);margin-bottom:8px; }
.rm-item.rm-active .rm-phase { color:var(--cyan); }
.rm-item.rm-next  .rm-phase { color:var(--blue); }
.rm-title { font-family:'Orbitron',sans-serif;font-size:clamp(16px,4vw,22px);font-weight:700;letter-spacing:2px;margin-bottom:14px; }
.rm-checks { display:flex;flex-direction:column;gap:8px; }
.rm-check {
  display:flex;align-items:flex-start;gap:10px;
  font-size:13px;color:rgba(237,244,255,.5);line-height:1.6;
}
.rm-check::before { content:'›';color:var(--muted);font-size:16px;flex-shrink:0;margin-top:0px; }
.rm-item.rm-active .rm-check::before { color:var(--cyan); }

/* ── MANIFESTO ── */
#manifesto {
  padding: 100px 0;
  background: linear-gradient(135deg, rgba(0,82,255,.07) 0%, transparent 50%, rgba(0,229,255,.03) 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.manifesto-inner { text-align:center;max-width:800px;margin:0 auto; }
.mf-text {
  font-family:'Orbitron',sans-serif;font-weight:900;
  font-size:clamp(22px,6vw,52px);letter-spacing:2px;
  line-height:1.2;margin-top:28px;
}
.mf-text .hl  { color:var(--cyan); }
.mf-text .hlb { color:var(--blue); }
.mf-sub {
  font-size:clamp(13px,2.5vw,15px);line-height:2;color:rgba(237,244,255,.45);
  max-width:580px;margin:24px auto 0;
}

/* ── BUY ── */
#buy { padding:80px 0;text-align:center; }
.buy-card {
  background:rgba(3,12,22,.95);
  border:1px solid var(--border2);
  padding:48px 24px;max-width:680px;margin:40px auto 0;
  position:relative;overflow:hidden;
}
.buy-card::before {
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,82,255,.07),transparent,rgba(0,229,255,.04));
}
.buy-steps { display:flex;flex-direction:column;gap:12px;margin-bottom:40px; }
.buy-step { display:flex;align-items:center;gap:12px;padding:10px 0; }
.buy-step-num {
  width:28px;height:28px;background:var(--blue);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Orbitron',sans-serif;font-size:10px;font-weight:700;
  clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);
}
.buy-step-text { font-size:13px;color:rgba(237,244,255,.6);text-align:left;line-height:1.4; }
.buy-btns { display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative; }
.buy-meta {
  margin-top:28px;font-family:'Share Tech Mono',monospace;
  font-size:9px;letter-spacing:2px;color:var(--muted2);
  position:relative;line-height:2;
}
.buy-meta span { color:var(--green); }

/* ── FOOTER ── */
footer {
  position:relative;z-index:2;
  border-top:1px solid var(--border);
  padding:32px 20px;
  display:flex;flex-direction:column;align-items:center;gap:20px;
  text-align:center;
}
.ft-logo {
  display:flex;align-items:center;gap:10px;
}
.ft-logo svg { width:36px;height:36px; }
.ft-logo-text {
  font-family:'Orbitron',sans-serif;font-size:18px;font-weight:900;
  color:var(--cyan);letter-spacing:5px;
}
.ft-logo-text em { color:var(--blue);font-style:normal; }
.ft-links { display:flex;flex-wrap:wrap;justify-content:center;gap:16px;list-style:none; }
.ft-links a {
  font-family:'Share Tech Mono',monospace;font-size:10px;
  letter-spacing:2px;color:var(--muted2);text-decoration:none;
  transition:color .2s;padding:4px;
}
.ft-links a:hover { color:var(--white); }
.ft-disc {
  font-family:'Share Tech Mono',monospace;font-size:9px;
  color:rgba(30,48,80,.7);line-height:1.8;border-top:1px solid rgba(30,48,80,.2);
  padding-top:16px;width:100%;
}

/* ── STATUS BAR ── */
.statusbar {
  position:fixed;bottom:0;left:0;right:0;height:26px;
  background:rgba(2,5,8,.98);border-top:1px solid var(--border);
  z-index:500;overflow:hidden;display:flex;align-items:center;
}
.sb-track {
  display:flex;gap:40px;
  animation:tickscroll 50s linear infinite;
  white-space:nowrap;width:max-content;
}
.sb-i { font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted2); }
.sb-i em { color:var(--green);font-style:normal; }

/* ── AGENT MODAL ── */
#agentModal {
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.9);z-index:800;
  align-items:center;justify-content:center;
  padding:16px;
  -webkit-overflow-scrolling:touch;
}
#agentModal.show { display:flex; }
.modal-box {
  background:var(--bg2);border:1px solid var(--cyan);
  width:100%;max-width:560px;max-height:90dvh;
  overflow-y:auto;padding:24px;position:relative;
  -webkit-overflow-scrolling:touch;
}
.modal-close {
  position:absolute;top:12px;right:14px;cursor:pointer;
  color:var(--muted2);font-family:'Orbitron',sans-serif;
  font-size:16px;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
}
.modal-close:hover { color:var(--cyan); }
.modal-code {
  background:#000;border:1px solid var(--border);
  padding:14px 16px;font-family:'Share Tech Mono',monospace;
  font-size:10px;line-height:2;color:var(--green);overflow-x:auto;
}
.modal-code .kw  { color:var(--cyan); }
.modal-code .str { color:var(--gold); }
.modal-code .cmt { color:var(--muted2); }
.modal-rule {
  font-size:12px;color:rgba(237,244,255,.55);
  padding-left:16px;position:relative;line-height:1.7;
}
.modal-rule::before { content:'▶';position:absolute;left:0;font-size:8px;top:3px; }

/* ── RESPONSIVE BREAKPOINTS ── */

/* Small tablets / large phones: 480px+ */
@media (min-width: 480px) {
  .hero-btns { flex-direction: row; }
  .buy-steps { flex-direction: row; flex-wrap: wrap; }
  .buy-step { flex: 1; min-width: 120px; flex-direction: column; align-items: center; text-align: center; }
  .agents-grid { grid-template-columns: 1fr 1fr; }
  .brain-grid { height:120px; }
}

/* Tablets: 768px+ */
@media (min-width: 768px) {
  nav { padding: 0 32px; }
  .nav-links { display: flex; }
  .nav-live  { display: flex; }
  .nav-hamburger { display: none; }
  .inner { padding: 0 32px; }
  #what { padding: 120px 0; }
  #how  { padding: 120px 0; }
  #agents { padding: 120px 0; }
  #live { padding: 120px 0; }
  #tokenomics { padding: 120px 0; }
  #roadmap { padding: 120px 0; }
  #manifesto { padding: 120px 0; }
  #buy { padding: 120px 0; }
  .what-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
  .tknomics-wrap { grid-template-columns: 1fr 1fr; gap: 56px; }
  .tpie-wrap { height: 360px; }
  .concept-canvas-wrap { height: 420px; }
  .step-row { grid-template-columns: 70px 1fr; }
  .step-code-wrap { grid-column:1/3; }
  .agents-grid { grid-template-columns: 1fr 1fr; }
  .cc-wrap { display:grid; grid-template-columns:240px 1fr 240px; grid-template-rows:auto auto auto; }
  .cc-sidebar { grid-column:1;grid-row:1/4;display:flex;flex-direction:column;gap:6px; }
  .cc-flow  { grid-column:2;grid-row:1;height:190px; }
  .cc-brain { grid-column:2;grid-row:2; }
  .cc-feed  { grid-column:2;grid-row:3; }
  .cc-right { grid-column:3;grid-row:1/4;display:flex;flex-direction:column;gap:6px; }
  .feed-inner { max-height:none; }
  .buy-card { padding: 64px 48px; }
  .buy-steps { flex-direction: row; gap: 0; flex-wrap: nowrap; }
  .buy-step { flex: 1; flex-direction: column; align-items: center; text-align: center; }
  .contract-strip { flex-direction: row; align-items: center; }
  footer { flex-direction: row; justify-content: space-between; padding: 36px 40px; text-align: left; }
  .ft-links { justify-content: flex-start; }
  .ft-disc { text-align: left; }
}

/* Desktop: 1100px+ */
@media (min-width: 1100px) {
  .cc-wrap { grid-template-columns:260px 1fr 260px; }
  .inner { padding: 0 40px; }
  .cc-brain { height:130px; }
}

/* Tall mobile with notch */
@supports (padding-top: env(safe-area-inset-top)) {
  nav { padding-top: max(0px, env(safe-area-inset-top)); height: calc(60px + env(safe-area-inset-top)); }
  .statusbar { padding-bottom: env(safe-area-inset-bottom); }
}

/* Touch device optimizations */
@media (hover: none) {
  .agent-block:active { border-color:var(--cyan); transform:none; }
  .btn-prime:active { box-shadow:0 0 24px rgba(0,82,255,.5); }
  .btn-ghost:active { background:rgba(0,229,255,.07); }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration:.01ms !important; }
}

/* ═══════════════════════════════════════
   DEGEN UPGRADES — PREMIUM EXTRA LAYER
═══════════════════════════════════════ */

/* ── NEON PRICE STRIP ── */
.price-strip {
  position: relative; z-index: 2;
  background: #000;
  border-bottom: 1px solid rgba(0,255,136,.15);
  padding: 0;
  display: flex; align-items: stretch;
  overflow: hidden;
}
.ps-item {
  flex: 1; padding: 12px 16px;
  border-right: 1px solid rgba(0,82,255,.15);
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 2px;
  min-width: 100px;
}
.ps-item:last-child { border-right: none; }
.ps-lbl {
  font-family: 'Share Tech Mono', monospace;
  font-size: 8px; letter-spacing: 3px; color: var(--muted2);
  text-transform: uppercase;
}
.ps-val {
  font-family: 'Orbitron', sans-serif; font-size: 15px; font-weight: 700;
  line-height: 1; transition: color .3s;
}
.ps-change {
  font-family: 'Share Tech Mono', monospace; font-size: 10px;
  letter-spacing: 1px;
}
.pv-cyan  { color: var(--cyan); }
.pv-green { color: var(--green); }
.pv-red   { color: var(--red); }
.pv-gold  { color: var(--gold); }

/* ── COUNTDOWN LAUNCH TIMER ── */
.countdown-wrap {
  position: relative; z-index: 2;
  background: linear-gradient(90deg, rgba(0,82,255,.08), rgba(0,229,255,.05), rgba(0,82,255,.08));
  border-bottom: 1px solid rgba(0,229,255,.12);
  padding: 20px;
  display: flex; align-items: center; justify-content: center;
  gap: 12px; flex-wrap: wrap;
  text-align: center;
}
.cd-label {
  font-family: 'Share Tech Mono', monospace; font-size: 10px;
  letter-spacing: 4px; color: var(--muted2);
  text-transform: uppercase; white-space: nowrap;
}
.cd-units {
  display: flex; gap: 8px; align-items: center;
}
.cd-unit {
  display: flex; flex-direction: column; align-items: center;
  background: rgba(0,0,0,.4); border: 1px solid var(--border);
  padding: 8px 12px; min-width: 56px;
}
.cd-num {
  font-family: 'Orbitron', sans-serif; font-size: 24px; font-weight: 900;
  color: var(--cyan); line-height: 1; display: block;
  text-shadow: 0 0 20px rgba(0,229,255,.4);
}
.cd-sep {
  font-family: 'Orbitron', sans-serif; font-size: 20px;
  color: rgba(0,229,255,.3); line-height: 1;
  margin-bottom: 14px;
}
.cd-sub {
  font-family: 'Share Tech Mono', monospace; font-size: 8px;
  letter-spacing: 2px; color: var(--muted2); margin-top: 2px;
}
.cd-badge {
  font-family: 'Share Tech Mono', monospace; font-size: 9px;
  letter-spacing: 3px; color: var(--gold);
  border: 1px solid rgba(255,184,0,.3);
  padding: 6px 14px; animation: cdpulse 2s ease-in-out infinite;
  white-space: nowrap;
}
@keyframes cdpulse {
  0%,100% { box-shadow: 0 0 0 rgba(255,184,0,0); }
  50% { box-shadow: 0 0 16px rgba(255,184,0,.2); }
}

/* ── WHY $WAGENT KILLS EVERY COMPETITOR ── */
#versus {
  padding: 80px 0;
  background: linear-gradient(180deg, transparent, rgba(255,45,85,.03), transparent);
}
.vs-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 2px; margin-top: 40px;
}
.vs-col-head {
  padding: 16px 24px;
  font-family: 'Orbitron', sans-serif; font-size: 12px;
  font-weight: 700; letter-spacing: 3px;
  text-align: center;
}
.vs-head-old {
  background: rgba(255,45,85,.06); color: var(--red);
  border: 1px solid rgba(255,45,85,.2);
}
.vs-head-new {
  background: rgba(0,229,255,.06); color: var(--cyan);
  border: 1px solid rgba(0,229,255,.2);
}
.vs-row {
  display: contents;
}
.vs-cell {
  padding: 14px 20px;
  font-size: 13px; line-height: 1.6;
  border: 1px solid rgba(0,82,255,.1);
  border-top: none;
}
.vs-cell-old {
  color: rgba(237,244,255,.35);
  background: rgba(0,0,0,.3);
  text-decoration: line-through;
  text-decoration-color: rgba(255,45,85,.4);
}
.vs-cell-new {
  color: rgba(237,244,255,.7);
  background: rgba(0,229,255,.03);
  font-family: 'Share Tech Mono', monospace; font-size: 12px;
}
.vs-cell-new::before { content: '✓ '; color: var(--green); }
.vs-cell-old::before { content: '✗ '; color: var(--red); text-decoration: none; }

/* ── SOCIAL PROOF STRIP ── */
.social-strip {
  position: relative; z-index: 2;
  background: rgba(0,82,255,.04);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 32px 20px;
}
.ss-inner {
  max-width: 1180px; margin: 0 auto;
  display: flex; gap: 0; flex-wrap: wrap;
  justify-content: center;
}
.ss-stat {
  flex: 1; min-width: 130px; max-width: 200px;
  text-align: center; padding: 20px 16px;
  border-right: 1px solid rgba(0,82,255,.15);
  position: relative;
}
.ss-stat:last-child { border-right: none; }
.ss-num {
  font-family: 'Orbitron', sans-serif; font-size: clamp(22px,4vw,36px);
  font-weight: 900; display: block; line-height: 1; margin-bottom: 6px;
}
.ss-lbl {
  font-family: 'Share Tech Mono', monospace; font-size: 9px;
  letter-spacing: 3px; color: var(--muted2);
}
.ss-note {
  font-family: 'Share Tech Mono', monospace; font-size: 8px;
  color: rgba(0,229,255,.4); letter-spacing: 2px; margin-top: 4px;
  display: block;
}

/* ── AGENT COMPARISON TABLE ── */
.stack-table {
  margin-top: 40px; width: 100%; overflow-x: auto;
}
.stack-table table {
  width: 100%; border-collapse: collapse; min-width: 480px;
}
.stack-table th {
  font-family: 'Orbitron', sans-serif; font-size: 9px;
  font-weight: 700; letter-spacing: 3px; color: var(--blue);
  border-bottom: 1px solid rgba(0,82,255,.3);
  padding: 12px 16px; text-align: left; background: rgba(0,0,0,.2);
  text-transform: uppercase;
}
.stack-table td {
  font-family: 'Share Tech Mono', monospace; font-size: 11px;
  color: rgba(237,244,255,.55); padding: 11px 16px;
  border-bottom: 1px solid rgba(0,82,255,.08);
  vertical-align: middle;
}
.stack-table tr:hover td { background: rgba(0,82,255,.04); }
.stack-table td:first-child { color: var(--white); font-weight: 400; }
.td-green { color: var(--green) !important; }
.td-cyan  { color: var(--cyan)  !important; }
.td-gold  { color: var(--gold)  !important; }

/* ── DEGEN FLICKER TEXT ── */
.flicker {
  animation: flicker 8s ease-in-out infinite;
}
@keyframes flicker {
  0%,94%,100% { opacity: 1; }
  95% { opacity: .6; }
  96% { opacity: 1; }
  97% { opacity: .3; }
  98% { opacity: 1; }
}

/* ── NEON BORDER GLOW ANIMATION ── */
.neon-border {
  animation: neonPulse 3s ease-in-out infinite;
}
@keyframes neonPulse {
  0%,100% { box-shadow: 0 0 0 rgba(0,229,255,0), inset 0 0 0 rgba(0,229,255,0); }
  50% { box-shadow: 0 0 20px rgba(0,229,255,.08), inset 0 0 20px rgba(0,229,255,.03); }
}

/* ── SCANLINE FLICKER OVERLAY (optional strong mode) ── */
.scanline-strong::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 3px,
    rgba(0,0,0,.06) 3px, rgba(0,0,0,.06) 4px
  );
}

/* ── MOBILE COUNTDOWN FIX ── */
@media (max-width: 480px) {
  .cd-num { font-size: 20px; }
  .cd-unit { min-width: 44px; padding: 6px 8px; }
  .cd-sep { font-size: 16px; margin-bottom: 12px; }
  .vs-grid { grid-template-columns: 1fr; gap: 8px; }
  .vs-col-head { }
  .vs-row { display: flex; flex-direction: column; }
  .vs-cell-old, .vs-cell-new { display: block; }
  .price-strip { flex-wrap: wrap; }
  .ps-item { min-width: 50%; border-bottom: 1px solid rgba(0,82,255,.1); }
  .ss-stat { min-width: 50%; }
}

@media (min-width: 768px) {
  .countdown-wrap { gap: 24px; }
  .social-strip .ss-inner { flex-wrap: nowrap; }
  #versus { padding: 120px 0; }
}