/* ============================================================
   MEMESTOCK — $AMD  ·  liquid-glass fintech / chip-launch page
   Dark-first by deliberate brand commitment (glass + red-glow
   aesthetic is the identity, not a theme toggle) — colors are
   painted explicitly regardless of host theme.
   ============================================================ */

:root{
  --black:#050608;
  --graphite:#0b0d12;
  --graphite-2:#12141b;
  --graphite-3:#191c25;

  --glass-fill: rgba(255,255,255,0.045);
  --glass-fill-2: rgba(255,255,255,0.075);
  --glass-fill-strong: rgba(255,255,255,0.10);
  --glass-border: rgba(255,255,255,0.11);
  --glass-border-strong: rgba(255,255,255,0.22);
  --glass-hair: rgba(255,255,255,0.07);

  --ink: #F2F4F8;
  --ink-soft: #A9B0BE;
  --ink-mute: #656C7A;

  --red-500:#FF3B57;
  --red-600:#E31E42;
  --red-700:#A80F2D;
  --red-glow: rgba(255,59,87,.38);
  --red-glow-soft: rgba(255,59,87,.14);

  --green:#34D399;
  --green-glow: rgba(52,211,153,.30);

  --silver:#9AA0AC;

  --font-display:'Archivo',Helvetica,Arial,sans-serif;
  --font-body:'Inter',-apple-system,'SF Pro Text',Helvetica,Arial,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;

  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;

  --ease: cubic-bezier(.22,.9,.32,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{color-scheme:dark;-webkit-text-size-adjust:100%;}
body{
  background: var(--black);
  color: var(--ink);
  font-family: var(--font-body);
  line-height: 1.5;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
}
img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
ul{list-style:none;}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-0.02em;text-wrap:balance;}
::selection{background:var(--red-600);color:#fff;}

:focus-visible{outline:2px solid var(--red-500);outline-offset:3px;border-radius:6px;}

/* ---------- ambient page background ---------- */
.bg-atmosphere{
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(60% 46% at 78% 8%, var(--red-glow-soft), transparent 60%),
    radial-gradient(50% 40% at 12% 30%, rgba(154,160,172,.07), transparent 60%),
    radial-gradient(80% 60% at 50% 100%, rgba(255,59,87,.06), transparent 60%),
    linear-gradient(180deg, var(--black) 0%, var(--graphite) 40%, var(--graphite-2) 75%, var(--black) 100%);
}
.bg-grain{
  position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");
}

/* ---------- layout helpers ---------- */
.wrap{max-width:1280px;margin:0 auto;padding-inline:32px;}
section{position:relative;padding-block:120px;}
.section-head{max-width:680px;margin-bottom:56px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;
  color:var(--red-500);text-transform:uppercase;margin-bottom:18px;font-weight:600;
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red-500);box-shadow:0 0 12px var(--red-glow);}
.section-head h2{font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.05;}
.section-head p{color:var(--ink-soft);font-size:17px;margin-top:16px;max-width:560px;}
.demo-tag{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;font-weight:600;
  color:var(--ink-mute); background:rgba(255,255,255,.05); border:1px solid var(--glass-border);
  padding:3px 8px;border-radius:999px;text-transform:uppercase;white-space:nowrap;
}

/* ---------- glass primitive ---------- */
.glass{
  background: linear-gradient(155deg, var(--glass-fill-2), var(--glass-fill) 60%);
  border:1px solid var(--glass-border);
  border-radius: var(--radius-md);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 24px 60px -30px rgba(0,0,0,.7);
  position:relative;
}
.glass::before{ /* top specular hairline */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.10), transparent 40%);
  mix-blend-mode:screen;
}
.glass-strong{ background: linear-gradient(155deg, var(--glass-fill-strong), var(--glass-fill-2) 65%); border-color:var(--glass-border-strong);}

/* ---------- reveal-on-scroll ---------- */
.reveal{opacity:1;transform:none;transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.reveal-init{opacity:0;transform:translateY(26px);}
.reveal.in-view{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  .reveal.reveal-init{opacity:1;transform:none;}
  *{animation-duration:.001s !important; transition-duration:.001s !important;}
}

/* ============================================================
   NAVBAR
   ============================================================ */
.navbar{
  position:fixed; top:18px; left:50%; transform:translateX(-50%);
  z-index:100; width:min(920px, calc(100% - 32px));
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 10px 10px 20px; border-radius:999px;
  background:rgba(10,11,15,.55);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.65);
  transition: background .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.navbar.scrolled{ background:rgba(8,9,13,.78); border-color:var(--glass-border-strong); }
.nav-logo{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px;}
.nav-logo .dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#fff,var(--red-500));box-shadow:0 0 10px var(--red-glow);}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{
  font-size:13.5px;color:var(--ink-soft);padding:9px 16px;border-radius:999px;font-weight:500;
  transition:color .2s, background .2s;
}
.nav-links a:hover{color:var(--ink);background:rgba(255,255,255,.06);}
.nav-actions{display:flex;align-items:center;gap:8px;}
.icon-btn{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--ink-soft);
  transition:background .2s,color .2s,transform .2s;
}
.icon-btn:hover{background:rgba(255,255,255,.10);color:var(--ink);}
.btn-connect{
  font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;color:#fff;
  background:linear-gradient(135deg,var(--red-500),var(--red-700));
  box-shadow:0 8px 24px -8px var(--red-glow);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.btn-connect:hover{transform:translateY(-1px);box-shadow:0 12px 30px -8px var(--red-glow);}
.nav-toggle{display:none;}
@media (max-width:860px){
  .nav-links{display:none;}
  .nav-toggle{display:grid;}
}

/* mobile drawer */
.mobile-drawer{
  position:fixed; inset:80px 16px auto 16px; z-index:99; padding:14px;
  border-radius:20px; display:flex; flex-direction:column; gap:4px;
  transform-origin:top; transform:scaleY(0); opacity:0; pointer-events:none;
  transition:transform .28s var(--ease), opacity .2s;
}
.mobile-drawer.open{transform:scaleY(1);opacity:1;pointer-events:auto;}
.mobile-drawer a{padding:12px 14px;border-radius:12px;font-size:15px;color:var(--ink-soft);}
.mobile-drawer a:hover{background:rgba(255,255,255,.06);color:var(--ink);}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding-top:150px;padding-bottom:90px;overflow:visible;}
.hero-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);
  font-size:11.5px;letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase;
  padding:8px 14px;border-radius:999px;margin-bottom:28px;font-weight:500;
}
.hero-badge b{color:var(--red-500);font-weight:700;}
.hero h1{
  font-size:clamp(72px,11vw,148px);font-weight:900;line-height:.86;letter-spacing:-.035em;
  background:linear-gradient(180deg,#fff 24%,#c7ccd6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero h2.sub{
  font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--ink);margin-top:6px;letter-spacing:-.01em;
}
.hero h2.sub .redword{color:var(--red-500);}
.hero p.lede{
  font-size:18px;color:var(--ink-soft);max-width:440px;margin-top:22px;line-height:1.6;
}
.hero-ticker{
  display:flex;align-items:center;gap:14px;margin-top:30px;font-family:var(--font-mono);
}
.hero-ticker .tk{font-size:26px;font-weight:700;letter-spacing:-.01em;}

/* token info — ticker / symbol / contract address */
.token-info{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:14px;margin-top:18px;max-width:440px;}
.ti-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--glass-hair);}
.ti-row:last-of-type{border-bottom:none;padding-bottom:0;}
.ti-l{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;}
.ti-v{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--ink);}
.ti-addr-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mono-addr{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:.01em;word-break:break-all;}
.copy-btn{
  display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;
  padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--glass-border);color:var(--ink-soft);
  transition:background .2s,color .2s,border-color .2s;white-space:nowrap;
}
.copy-btn:hover{background:rgba(255,255,255,.1);color:var(--ink);}
.copy-btn.copied{color:var(--green);border-color:rgba(52,211,153,.4);background:var(--green-glow);}
.token-note{font-size:11px;color:var(--ink-mute);line-height:1.55;}

/* compact token meta row — used in the market terminal header */
.terminal-token-row{
  display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink-soft);
  margin:-10px 0 22px;padding-bottom:18px;border-bottom:1px solid var(--glass-hair);
}
.terminal-token-row > span{flex-shrink:0;}
.terminal-token-row b{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-right:7px;}
.terminal-token-row .addr-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;}

.hero-cta{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap;}
.btn{
  position:relative;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;
  padding:15px 26px;border-radius:999px;transition:transform .25s var(--ease);
}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--red-500),var(--red-700));box-shadow:0 14px 34px -10px var(--red-glow);}
.btn-ghost{color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--glass-border);}
.btn-ghost:hover{background:rgba(255,255,255,.10);}

/* hero market card */
.market-card{padding:22px 22px 18px;margin-top:44px;max-width:400px;}
.market-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;}
.market-card-head .name{font-weight:700;font-size:15px;}
.market-card-head .tk{font-family:var(--font-mono);color:var(--ink-mute);font-size:12.5px;}
.market-card-price{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;}
.market-card-price .p{font-family:var(--font-mono);font-size:34px;font-weight:700;letter-spacing:-.01em;}
.chg{font-family:var(--font-mono);font-size:14px;font-weight:600;padding:3px 9px;border-radius:8px;}
.chg.up{color:var(--green);background:var(--green-glow);}
.chg.down{color:var(--red-500);background:var(--red-glow-soft);}
.market-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;border-top:1px solid var(--glass-hair);padding-top:14px;}
.mstat .l{font-size:10.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.mstat .v{font-family:var(--font-mono);font-size:14.5px;font-weight:600;}

/* hero GPU stage */
.gpu-stage{
  position:relative;height:560px;display:grid;place-items:center;perspective:1400px;
}
.gpu-shadow{
  position:absolute;bottom:24px;width:62%;height:38px;border-radius:50%;
  background:radial-gradient(closest-side, rgba(0,0,0,.65), transparent);filter:blur(6px);
}
.gpu-float{
  width:100%;height:100%;display:grid;place-items:center;
  animation: floaty 7s ease-in-out infinite;
  transform-style:preserve-3d;
  will-change: transform;
}
.gpu-parallax{ width:100%;height:100%;display:grid;place-items:center; transition: transform .3s var(--ease); transform-style:preserve-3d; }
@keyframes floaty{
  0%,100%{ transform: translateY(0px) rotate(0deg); }
  50%{ transform: translateY(-16px) rotate(1.2deg); }
}
.gpu-glow{
  position:absolute;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side, var(--red-glow) 0%, transparent 72%);
  filter:blur(10px);opacity:.8;z-index:0;
}
.gpu-svg-wrap{position:relative;z-index:1;width:clamp(260px,30vw,420px);}

/* ============================================================
   PILLARS — WHY AMD
   ============================================================ */
.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.pillar-card{padding:28px 22px;transition:transform .35s var(--ease), border-color .35s;}
.pillar-card:hover{transform:translateY(-6px);border-color:var(--glass-border-strong);}
.pillar-icon{width:52px;height:52px;margin-bottom:22px;}
.pillar-card h3{font-size:16px;font-weight:800;letter-spacing:.01em;margin-bottom:10px;}
.pillar-card p{font-size:14px;color:var(--ink-soft);line-height:1.55;}
.pillar-card.challenge{border-color:rgba(255,59,87,.22);}

/* ============================================================
   GPU SHOWCASE
   ============================================================ */
.showcase{overflow:visible;}
.showcase-stage{
  position:relative;height:620px;display:grid;place-items:center;margin-top:20px;
}
.spec-chip{
  position:absolute;padding:14px 18px;min-width:168px;
}
.spec-chip .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--red-500);text-transform:uppercase;margin-bottom:5px;font-weight:700;}
.spec-chip .v{font-size:14px;font-weight:700;letter-spacing:-.01em;}
.spec-chip.c1{top:2%;left:2%;}
.spec-chip.c2{top:6%;right:0%;}
.spec-chip.c3{bottom:10%;left:0%;}
.spec-chip.c4{bottom:4%;right:4%;}

/* ============================================================
   MARKET TERMINAL
   ============================================================ */
.terminal{padding-block:70px 130px;}
.terminal-panel{padding:28px;}
.terminal-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:26px;}
.terminal-head h3{font-size:22px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.01em;}
.terminal-head .sub{color:var(--ink-mute);font-size:12.5px;margin-top:4px;}
.terminal-stats{
  display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:26px;
  border-top:1px solid var(--glass-hair);border-bottom:1px solid var(--glass-hair);padding-block:20px;
}
.tstat .l{font-size:10.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;}
.tstat .v{font-family:var(--font-mono);font-size:17px;font-weight:700;}
.range-switch{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap;}
.range-btn{
  padding:8px 15px;border-radius:999px;font-size:12.5px;font-weight:600;font-family:var(--font-mono);
  background:rgba(255,255,255,.04);border:1px solid var(--glass-border);color:var(--ink-soft);
  transition:background .2s,color .2s,border-color .2s;
}
.range-btn:hover{background:rgba(255,255,255,.08);color:var(--ink);}
.range-btn.active{background:linear-gradient(135deg,var(--red-500),var(--red-700));color:#fff;border-color:transparent;}
.chart-shell{position:relative;height:340px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.02);}
.chart-shell canvas{width:100%;height:100%;display:block;cursor:crosshair;}
.chart-tooltip{
  position:absolute;pointer-events:none;padding:9px 12px;border-radius:10px;font-family:var(--font-mono);
  font-size:12px;background:rgba(10,11,15,.92);border:1px solid var(--glass-border-strong);opacity:0;transform:translate(-50%,-115%);
  transition:opacity .12s;white-space:nowrap;z-index:5;box-shadow:0 12px 30px -8px rgba(0,0,0,.6);
}
.chart-tooltip .tt-p{font-weight:700;font-size:14px;}
.chart-tooltip .tt-d{color:var(--ink-mute);margin-top:2px;}
.chart-caption{display:flex;gap:22px;margin-top:14px;font-size:12px;color:var(--ink-mute);flex-wrap:wrap;}
.chart-caption span{display:inline-flex;align-items:center;gap:6px;}
.chart-caption .sw{width:14px;height:3px;border-radius:2px;display:inline-block;}

/* ============================================================
   SENTIMENT
   ============================================================ */
.sentiment-panel{padding:32px;}
.sentiment-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04);margin:26px 0 20px;border:1px solid var(--glass-hair);}
.sentiment-seg{height:100%;width:0%;transition:width 1.4s var(--ease);}
.sentiment-seg.bull{background:linear-gradient(90deg,#1a9e6e,var(--green));}
.sentiment-seg.neu{background:linear-gradient(90deg,#5b6270,var(--silver));}
.sentiment-seg.bear{background:linear-gradient(90deg,var(--red-700),var(--red-500));}
.sentiment-legend{display:flex;gap:28px;flex-wrap:wrap;}
.sleg{display:flex;align-items:center;gap:10px;}
.sleg .dot{width:10px;height:10px;border-radius:50%;}
.sleg .dot.bull{background:var(--green);box-shadow:0 0 10px var(--green-glow);}
.sleg .dot.neu{background:var(--silver);}
.sleg .dot.bear{background:var(--red-500);box-shadow:0 0 10px var(--red-glow);}
.sleg .lab{font-size:12.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;}
.sleg .pct{font-family:var(--font-mono);font-weight:700;font-size:17px;margin-left:4px;}

/* ============================================================
   THESIS
   ============================================================ */
.thesis{text-align:center;}
.thesis-stmt{font-size:clamp(30px,5.6vw,64px);font-weight:900;line-height:1.12;letter-spacing:-.02em;max-width:1000px;margin:0 auto;}
.thesis-stmt .fade-line{display:block;color:var(--ink-mute);}
.thesis-stmt .fade-line .w{display:inline-block;opacity:.15;transform:translateY(6px);transition:opacity .5s var(--ease), transform .5s var(--ease), color .5s var(--ease);}
.thesis-stmt .fade-line.in-view .w{opacity:1;transform:none;color:var(--ink);}
.thesis-stmt .fade-line.accent.in-view .w{color:var(--red-500);}
.equation{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:64px;flex-wrap:wrap;}
.eq-chip{
  font-family:var(--font-mono);font-weight:700;font-size:14px;padding:14px 20px;border-radius:14px;letter-spacing:.02em;
}
.eq-chip.result{background:linear-gradient(135deg,var(--red-500),var(--red-700));color:#fff;border:none;box-shadow:0 14px 34px -10px var(--red-glow);}
.eq-sym{color:var(--ink-mute);font-family:var(--font-mono);font-size:18px;}

/* ============================================================
   TIMELINE
   ============================================================ */
.timeline-track{
  display:flex;gap:0;overflow-x:auto;padding:50px 6px 30px;scrollbar-width:none;
}
.timeline-track::-webkit-scrollbar{display:none;}
.tl-node{
  flex:0 0 190px;position:relative;padding-right:0;
}
.tl-node:not(:last-child)::after{
  content:"";position:absolute;top:26px;left:52px;right:-6px;height:2px;
  background:linear-gradient(90deg, var(--glass-border-strong), rgba(255,255,255,.03));
}
.tl-dot{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:20px;
  font-family:var(--font-mono);font-weight:700;font-size:11px;position:relative;z-index:1;
}
.tl-node h4{font-size:15px;font-weight:800;margin-bottom:6px;letter-spacing:.01em;}
.tl-node p{font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;}

/* ============================================================
   AMD WATCH
   ============================================================ */
.watch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.watch-card{padding:22px;display:flex;flex-direction:column;gap:12px;}
.watch-top{display:flex;justify-content:space-between;align-items:center;}
.watch-cat{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--red-500);text-transform:uppercase;font-weight:700;}
.watch-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);}
.watch-card h4{font-size:15.5px;font-weight:700;letter-spacing:-.005em;}
.watch-card p{font-size:13px;color:var(--ink-soft);line-height:1.55;}
.watch-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;}
.sent-dot{width:8px;height:8px;border-radius:50%;}
.sent-dot.pos{background:var(--green);}
.sent-dot.neg{background:var(--red-500);}
.sent-dot.flat{background:var(--silver);}
.watch-bottom .sl{font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;}

/* ============================================================
   MEMEBOARD
   ============================================================ */
.meme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.meme-card{overflow:hidden;display:flex;flex-direction:column;}
.meme-visual{
  height:150px;display:grid;place-items:center;position:relative;overflow:hidden;
  border-bottom:1px solid var(--glass-hair);
}
.meme-visual .mg{position:absolute;inset:0;opacity:.5;}
.meme-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px;flex:1;}
.meme-body .cap{font-size:14.5px;font-weight:600;line-height:1.45;}
.meme-tags{display:flex;gap:8px;flex-wrap:wrap;}
.tag{font-family:var(--font-mono);font-size:10.5px;padding:4px 10px;border-radius:999px;font-weight:700;letter-spacing:.03em;}
.tag.tk{color:var(--red-500);background:var(--red-glow-soft);}
.tag.bull{color:var(--green);background:var(--green-glow);}
.tag.bear{color:var(--red-500);background:var(--red-glow-soft);}
.meme-actions{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:8px;border-top:1px solid var(--glass-hair);}
.meme-act{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-mute);transition:color .2s;}
.meme-act svg{width:16px;height:16px;transition:transform .2s;}
.meme-act.like{cursor:pointer;}
.meme-act.like:hover{color:var(--red-500);}
.meme-act.like.liked{color:var(--red-500);}
.meme-act.like.liked svg{transform:scale(1.15);}

/* ============================================================
   FOOTER
   ============================================================ */
footer{padding:80px 0 40px;border-top:1px solid var(--glass-hair);}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;}
.footer-brand .nav-logo{margin-bottom:14px;}
.footer-brand p{color:var(--ink-mute);font-size:13.5px;max-width:260px;line-height:1.6;}
.footer-col h5{font-size:12px;letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:16px;}
.footer-col a{display:block;font-size:14px;color:var(--ink-soft);margin-bottom:10px;}
.footer-col a:hover{color:var(--ink);}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;border-top:1px solid var(--glass-hair);padding-top:28px;}
.disclaimer{font-size:12px;color:var(--ink-mute);max-width:640px;line-height:1.6;}
.footer-legal{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);}

/* magnetic hover targets */
.magnetic{will-change:transform;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .pillars-grid{grid-template-columns:repeat(2,1fr);}
  .watch-grid,.meme-grid{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1.2fr 1fr 1fr;}
  .terminal-stats{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;}
  .gpu-stage{height:400px;order:-1;}
  .showcase-stage{height:auto;padding:30px 0;}
  .spec-chip{position:static;margin-bottom:12px;width:100%;}
  .showcase-stage{display:flex;flex-direction:column;gap:14px;align-items:stretch;}
  .showcase-gpu-wrap{order:-1;margin-bottom:10px;height:320px;display:grid;place-items:center;}
}
@media (max-width:720px){
  .wrap{padding-inline:20px;}
  section{padding-block:80px;}
  .pillars-grid,.watch-grid,.meme-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .terminal-stats{grid-template-columns:repeat(2,1fr);}
  .hero h1{font-size:clamp(56px,18vw,90px);}
  .equation{gap:8px;}
  .eq-chip{padding:11px 14px;font-size:12.5px;}
  .timeline-track{padding-inline:2px;}
}