:root {
  --rh-black: #050706;
  --rh-ink: #0a0f0b;
  --rh-panel: #0d140f;
  --rh-panel-2: #111a13;
  --rh-green: #00c805;
  --rh-green-soft: #7dff72;
  --doge-gold: #f1b94e;
  --doge-cream: #fff2cc;
  --ink: #f3f7ef;
  --muted: #a7b8aa;
  --dim: #7f9283;
  --line: rgba(203, 235, 207, .14);
  --line-strong: rgba(0, 200, 5, .34);
  --shadow: 0 28px 80px rgba(0, 0, 0, .42);
}

html { background: var(--rh-black); scroll-padding-top: 112px; }
body {
  color: var(--ink);
  background:
    radial-gradient(58rem 42rem at 86% -13%, rgba(0, 200, 5, .16), transparent 64%),
    radial-gradient(48rem 38rem at -8% 46%, rgba(241, 185, 78, .12), transparent 68%),
    linear-gradient(145deg, #050706 0%, #09110b 47%, #080a08 100%);
  font-family: Inter, system-ui, sans-serif;
}
body:before {
  opacity: .23;
  background-image:
    linear-gradient(rgba(0, 200, 5, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 200, 5, .055) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
body:after {
  opacity: .75;
  background: radial-gradient(circle at 50% -18%, rgba(255,255,255,.08), transparent 37%);
}

h1, h2, h3, .brand-text strong, .card-top strong, .agent-console-top strong,
.agent-brief-top strong, .meme-stage-top strong, .forum-side-head strong {
  font-family: 'Space Grotesk', Inter, sans-serif;
}
code, .overline, .k, .nav-pack-status, .section-readout, .delta,
.chip, .workflow-strip, .pack-marquee, .hero-brand-marquee,
.meme-pool-badge, .agent-badge, .agent-approval-note {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
}

.shell, .nav-wrap { width: min(1240px, calc(100% - 48px)); }
.nav-wrap { top: 18px; margin-top: 18px; }
.glass {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(18, 28, 20, .94), rgba(9, 14, 10, .9));
  box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.045);
  backdrop-filter: blur(18px);
}
.nav {
  min-height: 68px;
  padding: 10px 12px 10px 16px;
  border-color: rgba(193, 235, 194, .16);
  border-radius: 18px;
  background: rgba(8, 14, 9, .88);
  box-shadow: 0 20px 58px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.06);
}
.brand { min-width: 202px; }
.brand-mark { width: 38px; height: 38px; border-color: rgba(0, 200, 5, .72); background: #0a130b; box-shadow: 0 0 24px rgba(0, 200, 5, .18); }
.brand-text strong { color: var(--ink); letter-spacing: .08em; }
.brand-text em { color: var(--rh-green-soft); letter-spacing: .08em; }
.nav-links { gap: 18px; }
.nav-links a { color: #9cac9e; font-size: 11px; white-space: nowrap; }
.nav-links a:before { width: 3px; height: 3px; background: var(--rh-green); }
.nav-links a:hover { color: var(--rh-green-soft); }
.nav-actions { gap: 7px; }
.nav-actions .pill-price, .nav-pack-status { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.035); }
.nav-pack-status { width: 58px; min-width: 58px; padding: 6px 7px; gap: 5px; border-radius: 10px; font-size: 8px; }
.nav-pack-status .dot-live { width: 5px; height: 5px; }
.nav-pack-status b { font-size: 8px; }
.nav-pack-status em { margin-top: 2px; font-size: 7px; }
.pill-price { color: var(--muted); }
.x-link { width: 38px; padding: 10px; }
.x-link svg { fill: var(--ink); }
.btn { border-color: var(--line); }
.btn-primary, .chip-lime, .post-btn { color: #031004; background: var(--rh-green); border-color: var(--rh-green); box-shadow: 0 10px 30px rgba(0, 200, 5, .18); }
.btn-primary:hover, .post-btn:hover { background: var(--rh-green-soft); border-color: var(--rh-green-soft); }
.btn-glass, .btn-ghost { background: rgba(255,255,255,.045); color: var(--ink); }
.btn-glass:hover, .btn-ghost:hover { background: rgba(0, 200, 5, .08); }
.menu { color: var(--rh-green-soft); }
.mobile-panel { background: rgba(8, 14, 9, .98); border-color: var(--line-strong); }

.bankr-banner {
  margin-top: 22px;
  padding: 15px 17px;
  border: 1px solid rgba(0, 200, 5, .26);
  border-radius: 17px;
  background: linear-gradient(100deg, rgba(0, 200, 5, .075), rgba(255,255,255,.025));
  box-shadow: 0 18px 50px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05);
}
.bankr-logo { background: #e9e4dc; }
.bankr-brand strong, .bankr-copy strong { color: var(--ink); font-family: 'Space Grotesk', Inter, sans-serif; }
.bankr-brand small, .bankr-copy em { color: var(--rh-green-soft); }
.bankr-copy p { color: var(--muted); }
.bankr-note { color: var(--dim) !important; }
.workflow-strip { margin-top: 13px; gap: 9px; color: var(--dim); }
.workflow-strip span { padding: 7px 10px; border-color: var(--line); background: rgba(255,255,255,.025); }
.workflow-strip span:first-child { color: var(--rh-green-soft); border-color: var(--line-strong); }
.workflow-strip span:last-child { color: var(--doge-gold); border-color: rgba(241,185,78,.32); }
.workflow-strip i { color: var(--rh-green); }
.pack-marquee { margin-top: 14px; border-block: 1px solid rgba(0,200,5,.18); background: #062e1d; color: #e8ffe9; }
.pack-marquee-track span { padding-block: 11px; }
.pack-marquee-track span:after { color: var(--rh-green-soft); }

.hero {
  min-height: 0;
  grid-template-columns: .9fr 1.1fr;
  gap: 34px;
  align-items: start;
  padding: 66px 0 52px;
}
.hero-copy { align-self: start; padding-top: 5px; }
.hero-brand-marquee { display: none !important; }
.hero-brand-track span:after { color: var(--doge-gold); }
.eyebrow { margin-bottom: 22px; }
.chip { color: var(--muted); background: rgba(255,255,255,.035); border-color: var(--line); }
.chip-lime { color: #031004; }
.hero h1 { max-width: 650px; color: var(--ink); font-size: clamp(58px, 7.2vw, 102px); line-height: .92; letter-spacing: -.09em; text-shadow: 0 6px 30px rgba(0,0,0,.24); }
.grad { color: var(--rh-green); text-shadow: 0 0 34px rgba(0,200,5,.22); }
.grad-gold { color: var(--doge-gold); text-shadow: 0 0 34px rgba(241,185,78,.18); }
.lede { max-width: 550px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.lede strong { color: var(--ink); }
.hero-cta { margin-top: 28px; }
.hero-meta { gap: 18px; margin-top: 28px; flex-wrap: wrap; }
.k { color: var(--dim); }
.hero-meta span:not(.k), .hero-meta code { color: var(--ink); font-size: 11px; }
.copy { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.035); }
.copy:hover { color: var(--rh-green-soft); border-color: var(--line-strong); }
.buy-link { color: var(--rh-green-soft); }
.hero-visual { min-height: 530px; align-self: start; padding-top: 8px; isolation: isolate; }
.hero-visual:before { width: 86%; background: radial-gradient(circle, rgba(0,200,5,.22), rgba(0,200,5,.04) 50%, transparent 72%); filter: blur(30px); }
.hero-visual:after { content: ''; position: absolute; z-index: -1; inset: 7% 1% 4% 8%; border: 1px solid rgba(0,200,5,.2); border-radius: 32px; transform: rotate(2deg); background: linear-gradient(145deg, rgba(0,200,5,.07), transparent 60%); }
.hero-ape { width: min(100%, 610px); height: auto; max-height: 558px; aspect-ratio: 960 / 877; border: 1px solid rgba(241,185,78,.34); border-radius: 28px; object-fit: cover; box-shadow: 0 34px 65px rgba(0,0,0,.48), 0 0 0 6px rgba(0,0,0,.12), 0 0 32px rgba(0,200,5,.1); filter: saturate(1.06) contrast(1.04); }
.hero-card.hero-card-compact { display: grid !important; right: -2px; bottom: 10px; width: 142px; padding: 10px; background: rgba(9,17,11,.94); border-color: rgba(241,185,78,.34); box-shadow: 0 18px 46px rgba(0,0,0,.46); }
.hero-card-compact .hero-card-head { font-size: 8px; }
.hero-card-compact .hero-card-value { margin-top: 8px; }
.hero-card-compact .hero-card-value strong { color: var(--rh-green-soft); font-size: 20px; }
.hero-card-compact .hero-card-sub { font-size: 8px; }
.hero-card-compact .hero-card-foot { margin-top: 10px; font-size: 8px; }
.hero-card-compact .hero-card-sub, .hero-card-compact .hero-card-head { color: var(--muted); }
.hero-card-compact .hero-card-foot strong { color: var(--doge-gold); }

.stat-strip { gap: 10px; }
.stat { min-height: 106px; padding: 17px 16px; border-color: var(--line); background: linear-gradient(145deg, rgba(17,27,19,.95), rgba(9,14,10,.92)); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.stat:hover { transform: translateY(-4px); border-color: var(--line-strong); box-shadow: 0 22px 46px rgba(0,0,0,.34); }
.stat small { color: var(--dim); }
.stat strong { color: var(--ink); font-family: 'Space Grotesk', Inter, sans-serif; }
.stat p { color: var(--muted); }
.up { color: var(--rh-green-soft) !important; }
.section, .agent-section { padding-top: 104px; }
.section-head, .agent-section-head { position: relative; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.section-head:after, .agent-section-head:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 74px; height: 2px; background: var(--rh-green); box-shadow: 0 0 14px rgba(0,200,5,.6); }
.overline { color: var(--rh-green-soft); }
.section h2, .agent-section-head h2 { color: var(--ink); font-family: 'Space Grotesk', Inter, sans-serif; }
.section h2 span, .agent-section-head h2 span { color: var(--rh-green); }
.section-head p, .agent-section-head p { color: var(--muted); }
.section-readout { color: var(--dim); }
.section-readout b { color: var(--rh-green-soft); }
.step, .news-card { position: relative; overflow: hidden; border-color: var(--line); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.step:before, .news-card:before { content: ''; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--rh-green), transparent 70%); opacity: .7; }
.step:hover, .news-card:hover { transform: translateY(-4px); border-color: var(--line-strong); box-shadow: var(--shadow); }
.step-num, .news-card small { color: var(--rh-green-soft); }
.step h3, .news-card h3 { font-family: 'Space Grotesk', Inter, sans-serif; }
.news-card h3 { color: var(--ink) !important; }
.news-card a { color: var(--doge-gold) !important; }
.news-card a:hover { color: var(--rh-green-soft) !important; }
.step p, .news-card p { color: var(--muted); }

.market { margin-top: 34px; }
.chart-card, .quote-card, .forum-side, .forum-compose, .post, .meme-stage, .meme-form-card, .agent-console, .agent-brief { border-color: var(--line); box-shadow: var(--shadow); }
.chart-card, .quote-card { min-height: 354px; }
.card-top strong, .agent-console-top strong, .agent-brief-top strong, .meme-stage-top strong { color: var(--ink); }
.card-top small, .quote span, .agent-console-top small, .agent-brief-top small { color: var(--muted); }
.chart-tabs button { color: var(--dim); }
.chart-tabs button.active, .chart-tabs button:hover { color: var(--rh-green-soft); border-color: var(--line-strong); background: rgba(0,200,5,.07); }
.chart path.line { stroke: var(--rh-green); }
.quote-grid { border-color: var(--line); }
.quote { border-color: var(--line); }
.quote small { color: var(--dim); }
.quote strong { color: var(--ink); }
.gecko-chart-shell { border-color: var(--line); background: var(--rh-panel); }
.gecko-chart-placeholder { background: radial-gradient(circle at 50% 35%, rgba(0,200,5,.13), transparent 45%), var(--rh-panel); }
.gecko-chart-placeholder strong { color: var(--ink); }
.gecko-chart-placeholder span { color: var(--muted); }
.gecko-chart-placeholder code { color: var(--rh-green-soft); }
.pair-note { border-color: rgba(0,200,5,.23); background: linear-gradient(105deg, rgba(0,200,5,.08), rgba(255,255,255,.02)); }
.pair-note-mark { color: var(--rh-green-soft); background: rgba(0,200,5,.1); border-color: var(--line-strong); }
.pair-note strong { color: var(--ink); }
.pair-note p { color: var(--muted); }
.pair-note-badge { color: var(--rh-green-soft); }

.meme-pool-head { padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.meme-pool-head h2 { color: var(--ink); }
.meme-pool-badge { color: var(--rh-green-soft); }
.meme-stage, .meme-form-card { border-radius: 20px; }
.meme-feature { background: linear-gradient(135deg, #101c12, #1a1910); border-color: var(--line); }
.meme-feature-copy { background: rgba(5,7,6,.84); border-color: rgba(241,185,78,.25); }
.meme-feature-copy strong { color: var(--doge-cream); }
.meme-feature-copy span, .meme-form-card>p, .meme-pool-note { color: var(--muted); }
.meme-form input[type=file], .meme-form input[type=text] { color: var(--ink); border-color: var(--line); background: rgba(255,255,255,.045); }
.meme-form input::file-selector-button { color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: var(--rh-panel-2); }
.meme-card { border-color: var(--line); background: var(--rh-panel); }
.meme-pool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.meme-pool-grid .meme-card { overflow: hidden; padding: 0; border-radius: 16px; }
.meme-pool-grid .meme-card > img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.meme-card-body { display: grid; gap: 7px; padding: 12px; }
.meme-card-body strong { color: var(--ink); font-size: 12px; line-height: 1.35; }
.meme-card-badge { color: var(--rh-green-soft); font: 9px 'IBM Plex Mono', ui-monospace, monospace; font-weight: 700; letter-spacing: .1em; }
.meme-card-meta { color: var(--muted); font-size: 10px; }
.meme-card-actions { display: flex; align-items: center; gap: 8px; }
.meme-share { display: inline-flex; align-items: center; justify-content: center; padding: 7px 9px; color: var(--ink); border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.045); font: 9px 'IBM Plex Mono', ui-monospace, monospace; font-weight: 700; letter-spacing: .04em; text-decoration: none; }
.meme-share:hover { color: #031004; border-color: var(--rh-green); background: var(--rh-green); }
.meme-card-spotlight { border-color: rgba(0, 200, 5, .45); box-shadow: 0 0 0 1px rgba(0, 200, 5, .08), var(--shadow); }
.legacy-meme-counter { display: none !important; }
.meme-pool-empty { grid-column: 1 / -1; padding: 30px 18px; color: var(--muted); border: 1px dashed var(--line); border-radius: 14px; text-align: center; font-size: 12px; }
@media (max-width: 700px) { .meme-pool-grid { grid-template-columns: 1fr; } }

.agent-badge { border-color: var(--line); background: rgba(255,255,255,.035); color: var(--ink); }
.agent-console, .agent-brief { border-radius: 20px; }
.agent-console-top>span { color: var(--rh-green-soft); }
.agent-response { background: linear-gradient(135deg, rgba(0,200,5,.08), rgba(241,185,78,.06)); border-color: rgba(0,200,5,.2); color: var(--ink); }
.agent-prompts button, .agent-actions button { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.035); }
.agent-prompts button:hover, .agent-actions button:hover { color: var(--rh-green-soft); border-color: var(--line-strong); background: rgba(0,200,5,.08); }
.agent-empty, .agent-update-card { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.035); }
.agent-update-card strong { color: var(--ink); }
.agent-approval-note { color: var(--doge-gold); border-color: rgba(241,185,78,.25); background: rgba(241,185,78,.06); }

.holder-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 12px; margin-top: 34px; }
.holder-summary, .holder-notes { min-height: 315px; padding: 23px; border-radius: 20px; }
.holder-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.holder-card-top strong { display: block; color: var(--ink); font-family: 'Space Grotesk', Inter, sans-serif; font-size: 16px; }
.holder-card-top small { display: block; margin-top: 6px; color: var(--dim); font: 10px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .08em; }
.holder-state, .holder-mark { color: var(--doge-gold); font: 9px 'IBM Plex Mono', ui-monospace, monospace; font-weight: 600; letter-spacing: .1em; white-space: nowrap; }
.holder-total { display: grid; gap: 8px; margin-top: 42px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.holder-total span, .holder-metrics small { color: var(--dim); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .1em; }
.holder-total strong { color: var(--rh-green-soft); font: 700 56px 'Space Grotesk', Inter, sans-serif; line-height: .9; }
.holder-total p { margin: 0; color: var(--muted); font-size: 11px; }
.holder-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; margin-top: 22px; }
.holder-metrics div { display: grid; gap: 6px; }
.holder-metrics strong { color: var(--ink); font: 600 16px 'Space Grotesk', Inter, sans-serif; }
.holder-metrics span { color: var(--muted); font-size: 10px; }
.holder-note-list { display: grid; gap: 18px; margin-top: 34px; }
.holder-note-list > div { display: grid; grid-template-columns: 28px 1fr; gap: 11px; align-items: start; }
.holder-note-list i { color: var(--rh-green-soft); font: 10px 'IBM Plex Mono', ui-monospace, monospace; font-style: normal; }
.holder-note-list strong { display: block; color: var(--ink); font-size: 12px; }
.holder-note-list em { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; font-style: normal; line-height: 1.45; }
.holder-brief-link { width: fit-content; margin-top: 28px; color: var(--rh-green-soft); }

.forum-side { position: sticky; top: 110px; }
.forum-side-mark { background: #0a130b; border-color: var(--line-strong); }
.forum-side-head strong { color: var(--ink); }
.sub, .forum-rules li, .post-time, .post-body, .post-action, .post-hint { color: var(--muted); }
.forum-rules li:before { background: var(--rh-green); box-shadow: 0 0 8px rgba(0,200,5,.6); }
.forum-warn { color: var(--doge-gold); border-color: rgba(241,185,78,.3); background: rgba(241,185,78,.07); }
.compose { color: var(--ink); }
.compose::placeholder { color: var(--dim); }
.compose-foot { border-color: var(--line); }
.post-author strong { color: var(--ink); }
.avatar { color: #031004; background: var(--rh-green); }
.post-action:hover { color: var(--rh-green-soft); }

.footer { margin-top: 110px; padding-bottom: 34px; border-color: var(--line); color: var(--dim); }
.footer strong { color: var(--ink); }
.footer-links a { color: var(--muted); }
.footer-links a:hover { color: var(--rh-green-soft); }
.ai-fab { right: 26px; bottom: 26px; color: #ffffff !important; background: #061a0d !important; border: 1px solid var(--doge-gold) !important; box-shadow: 0 16px 42px rgba(0,0,0,.5), 0 0 28px rgba(241,185,78,.18); font-weight: 900; text-shadow: none; }
.ai-fab span { color: inherit !important; }
.ai-fab .ai-spark { color: var(--doge-gold) !important; }
.ai-fab:hover { color: #ffffff !important; background: #0a2b17 !important; border-color: var(--rh-green-soft) !important; }
.ai-panel { border-color: var(--line-strong); }
.ai-message { border-color: var(--line); color: var(--ink); background: rgba(255,255,255,.035); }
.ai-message.assistant { color: var(--ink) !important; background: rgba(255,255,255,.045) !important; border-color: var(--line) !important; }
.ai-message.assistant .ai-label { color: var(--doge-gold) !important; }
.ai-message.user { color: #031004; background: var(--rh-green); border-color: var(--rh-green); }
.ai-close { color: var(--ink) !important; background: rgba(255,255,255,.06) !important; border-color: var(--line) !important; }
.ai-close:hover { color: var(--doge-gold) !important; border-color: var(--doge-gold) !important; }
.ai-form textarea { color: var(--ink); background: rgba(255,255,255,.045); border-color: var(--line); }
.ai-suggestions button, .ai-foot { color: var(--muted); }

@media (max-width: 1080px) {
  .shell, .nav-wrap { width: min(100% - 32px, 980px); }
  .nav-links { gap: 10px; }
  .nav-links a { font-size: 10px; }
  .brand { min-width: 176px; }
  .hero { grid-template-columns: 1fr 1fr; gap: 22px; }
  .hero h1 { font-size: clamp(55px, 7vw, 82px); }
  .hero-visual { min-height: 450px; }
  .hero-ape { max-height: 480px; }
}

@media (max-width: 700px) {
  .shell, .nav-wrap { width: calc(100% - 28px); }
  .nav-wrap { top: 10px; margin-top: 10px; }
  .nav { min-height: 60px; padding-left: 10px; border-radius: 16px; }
  .brand { min-width: 0; }
  .brand-mark { width: 35px; height: 35px; }
  .brand-text strong { font-size: 11px; }
  .nav-links, .nav-actions .pill-price, .nav-actions .x-link, .nav-actions .btn-primary, .nav-pack-status { display: none; }
  .menu { display: block; margin-left: auto; }
  .mobile-panel { top: 68px; }
  .bankr-banner { grid-template-columns: auto 1fr; margin-top: 17px; padding: 13px; border-radius: 15px; }
  .bankr-install { grid-column: 1 / -1; width: 100%; }
  .workflow-strip { width: calc(100% - 28px); justify-content: flex-start; overflow-x: auto; white-space: nowrap; }
  .workflow-strip span { flex: none; }
  .pack-marquee-track span { padding-inline: 13px; }
  .hero { display: flex; flex-direction: column; gap: 22px; padding: 50px 0 34px; }
  .hero-copy { padding: 0; }
  .hero h1 { font-size: clamp(51px, 15vw, 76px); }
  .lede { font-size: 14px; }
  .hero-meta { gap: 13px; }
  .hero-visual { order: 2; min-height: 0; width: 100%; padding-top: 0; }
  .hero-ape { width: 100%; max-height: none; border-radius: 21px; }
  .hero-card.hero-card-compact { right: 5px; bottom: 8px; width: 154px; padding: 11px; }
  .stat-strip { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .stat { min-height: 91px; padding: 14px 12px; }
  .stat strong { font-size: 17px; }
  .section, .agent-section { padding-top: 78px; }
  .section-head, .agent-section-head { display: block; padding-bottom: 19px; }
  .section h2, .agent-section-head h2 { font-size: 41px; }
  .section-readout { margin-top: 18px; text-align: left; }
  .steps, .news-grid { grid-template-columns: 1fr; gap: 10px; }
  .step { min-height: 175px; }
  .market, .meme-layout, .agent-grid { grid-template-columns: 1fr; gap: 10px; }
  .chart-card, .quote-card, .agent-console, .agent-brief { min-height: 0; padding: 17px; }
  .meme-feature, .meme-feature img { min-height: 260px; height: 260px; }
  .forum-layout { grid-template-columns: 1fr; }
  .forum-side { position: static; order: 2; }
  .forum-main { order: 1; }
  .footer { margin-top: 80px; }
  .ai-fab { right: 14px; bottom: 14px; padding: 12px 15px; }
}

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

.pack-visuals-section { padding-top: 86px; }
.pack-visual-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; }
.pack-visual-card { position: relative; min-height: 360px; overflow: hidden; border-radius: 21px; border-color: var(--line); box-shadow: var(--shadow); }
.pack-visual-card:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 38%, rgba(3,7,4,.9) 100%); }
.pack-visual-card img { display: block; width: 100%; height: 390px; object-fit: cover; object-position: center; transition: transform .5s ease, filter .5s ease; }
.pack-visual-card:hover img { transform: scale(1.04); filter: saturate(1.12); }
.pack-visual-copy { position: absolute; z-index: 1; right: 19px; bottom: 17px; left: 19px; }
.pack-visual-copy small { color: var(--rh-green-soft); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .12em; }
.pack-visual-copy h3 { margin: 8px 0 5px; color: var(--ink); font: 600 20px 'Space Grotesk', Inter, sans-serif; letter-spacing: -.04em; }
.pack-visual-copy p { margin: 0; color: rgba(243,247,239,.72); font-size: 11px; line-height: 1.45; }

@media (max-width: 700px) {
  .pack-visuals-section { padding-top: 70px; }
  .pack-visual-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .pack-visual-card, .pack-visual-card img { min-height: 300px; height: 300px; }
}

/* Mobile gets its own composition instead of a shrunken desktop grid. */
@media screen and (max-width: 760px) {
  html, body { width: 100%; min-width: 0; overflow-x: hidden; }
  .shell, .nav-wrap { width: calc(100% - 24px); max-width: none; }
  .nav-wrap { position: sticky; top: 8px; margin-top: 8px; }
  .nav { min-height: 58px; padding: 8px 9px 8px 11px; border-radius: 15px; }
  .brand { gap: 8px; }
  .brand-mark { width: 34px; height: 34px; }
  .brand-text strong { font-size: 10px; letter-spacing: .06em; }
  .brand-text em { font-size: 9px; }
  .nav-links, .nav-actions .pill-price, .nav-actions .x-link,
  .nav-actions .btn-primary, .nav-pack-status { display: none !important; }
  .nav-actions { margin-left: auto; }
  .menu { display: grid !important; place-items: center; width: 38px; height: 38px; margin-left: auto; padding: 0; border: 1px solid var(--line); border-radius: 11px; background: rgba(0,200,5,.08); font-size: 20px; }
  .mobile-panel { top: 65px; left: 0; right: 0; gap: 0; padding: 8px 16px 15px; border-radius: 15px; }
  .mobile-panel a { padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--muted); }
  .mobile-panel .btn { margin-top: 12px; }

  .bankr-banner { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 14px; padding: 14px; }
  .bankr-brand { min-width: 0; }
  .bankr-copy p { font-size: 11px; }
  .bankr-install { grid-column: auto; width: 100%; }
  .workflow-strip { width: calc(100% - 24px); margin-top: 10px; justify-content: flex-start; gap: 7px; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; }
  .workflow-strip::-webkit-scrollbar { display: none; }
  .workflow-strip span { flex: 0 0 auto; padding: 7px 9px; font-size: 8px; }
  .workflow-strip i { flex: 0 0 auto; }
  .pack-marquee { margin-top: 11px; }
  .pack-marquee-track span { padding: 10px 12px; font-size: 9px; }

  .hero { display: flex !important; flex-direction: column; align-items: stretch; gap: 26px; width: calc(100% - 24px); padding: 46px 0 28px; }
  .hero-copy { width: 100%; padding: 0; }
  .eyebrow { gap: 7px; margin-bottom: 18px; }
  .chip { padding: 7px 9px; font-size: 9px; }
  .hero h1 { max-width: none; font-size: clamp(48px, 15.6vw, 70px); line-height: .9; letter-spacing: -.085em; }
  .lede { max-width: none; margin-top: 20px; font-size: 13px; line-height: 1.65; }
  .hero-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 23px; }
  .hero-cta .btn { width: 100%; padding: 12px 10px; font-size: 11px; }
  .hero-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 23px; }
  .hero-meta > div:last-child { grid-column: 1 / -1; }
  .hero-visual { display: block; width: 100%; min-height: 0; padding: 0; }
  .hero-visual:after { inset: 3% 2% 3% 4%; border-radius: 23px; }
  .hero-ape { display: block; width: 100%; height: auto; max-height: none; border-radius: 20px; }
  .hero-card.hero-card-compact { right: 6px; bottom: 7px; width: 118px; padding: 8px; }
  .hero-card-compact .hero-card-value strong { font-size: 17px; }
  .hero-card-compact .hero-card-sub { font-size: 8px; }
  .hero-card-compact .hero-card-foot { margin-top: 7px; font-size: 7px; }

  .stat-strip { grid-template-columns: 1fr 1fr; gap: 7px; }
  .stat { min-height: 86px; padding: 13px 11px; border-radius: 14px; }
  .stat small { font-size: 8px; }
  .stat strong { margin-top: 7px; font-size: 16px; }
  .stat p { font-size: 10px; }
  .section, .agent-section { padding-top: 70px; }
  .section-head, .agent-section-head, .meme-pool-head { display: block; padding-bottom: 18px; }
  .section h2, .agent-section-head h2, .meme-pool-head h2 { font-size: 39px; line-height: .98; }
  .section-head p, .agent-section-head p, .meme-pool-head p { font-size: 13px; line-height: 1.6; }
  .section-readout { margin-top: 16px; text-align: left; }
  .steps, .news-grid { grid-template-columns: 1fr; gap: 9px; margin-top: 24px; }
  .step { min-height: 0; padding: 19px; }
  .step h3 { margin-top: 19px; }
  .market, .meme-layout, .agent-grid, .forum-layout { grid-template-columns: 1fr; gap: 9px; margin-top: 24px; }
  .holder-layout { grid-template-columns: 1fr; gap: 9px; margin-top: 24px; }
  .chart-card, .quote-card, .meme-stage, .meme-form-card, .agent-console, .agent-brief, .forum-side, .forum-compose, .post { min-height: 0; padding: 16px; border-radius: 17px; }
  .holder-summary, .holder-notes { min-height: 0; padding: 16px; border-radius: 17px; }
  .holder-total { margin-top: 30px; }
  .holder-total strong { font-size: 48px; }
  .holder-metrics { gap: 14px 12px; }
  .holder-brief-link { width: 100%; margin-top: 23px; }
  .chart { height: 180px; }
  .quote-grid { margin-top: 21px; }
  .quote { padding: 15px 8px 3px 0; }
  .quote:nth-child(even) { padding-left: 10px; }
  .meme-feature, .meme-feature img { min-height: 245px; height: 245px; }
  .meme-form-foot, .agent-console-foot { align-items: flex-start; flex-direction: column; }
  .meme-form-foot .post-btn, .agent-actions, .agent-actions .btn { width: 100%; }
  .agent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .agent-actions .btn, .agent-actions button { min-height: 40px; }
  .forum-side { position: static; order: 2; }
  .forum-main { order: 1; }
  .forum-warn { margin-top: 17px; }
  .footer { margin-top: 76px; padding-bottom: 25px; }
  .footer-row { gap: 17px; }
  .footer-links { gap: 9px; }
  .ai-fab { right: 12px; bottom: 12px; max-width: calc(100vw - 24px); padding: 11px 14px; font-size: 11px; }
}

@media screen and (max-width: 390px) {
  .hero-cta { grid-template-columns: 1fr; }
  .hero-meta { grid-template-columns: 1fr; }
  .hero-meta > div:last-child { grid-column: auto; }
  .hero-card.hero-card-compact { width: 136px; }
  .agent-actions { grid-template-columns: 1fr; }
}

/* Keep the Pack Runs and Pack Den copy readable against the dark panels. */
#rewards .section-head p,
#community .section-head p,
#rewards .step p,
#community .forum-rules li,
#community .sub,
#community .post-hint,
#community .post-body,
#community .post-time,
#community .post-action {
  color: #c6d8c9;
}

#rewards .section-readout,
#community .section-readout,
#community .forum-side-head .sub {
  color: #b2c6b5;
}

#rewards .step h3,
#community .forum-side-head strong,
#community .forum-rules strong {
  color: #f3f7ef;
}

#community .forum-warn {
  color: #f2ca72;
}

/* Trust Center */
.trust-section-head { align-items: end; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 28px; }
.trust-card { display: grid; grid-template-columns: auto 1fr; gap: 13px; min-height: 188px; padding: 19px; border-radius: 17px; }
.trust-index { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line-strong); border-radius: 9px; color: var(--rh-green-soft); font: 10px 'IBM Plex Mono', ui-monospace, monospace; }
.trust-card small { display: block; color: var(--dim); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .1em; }
.trust-card strong { display: block; margin-top: 9px; color: var(--ink); font: 600 15px 'Space Grotesk', Inter, sans-serif; line-height: 1.15; }
.trust-card p { margin: 11px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.trust-foot { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; margin-top: 10px; padding: 15px 17px; border-radius: 17px; }
.trust-foot-mark { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: #031004; background: var(--rh-green); font-weight: 900; }
.trust-foot strong { display: block; color: var(--ink); font-size: 12px; }
.trust-foot p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.trust-foot .btn { white-space: nowrap; }

@media (max-width: 980px) {
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .trust-grid { grid-template-columns: 1fr; margin-top: 24px; }
  .trust-card { min-height: 0; padding: 17px; }
  .trust-foot { grid-template-columns: auto 1fr; }
  .trust-foot .btn { grid-column: 1 / -1; width: 100%; }
}

/* Keep the lead card readable against the green-black glass. */
#rewards .step:first-child,
#trust .trust-card:first-child {
  border-color: rgba(0, 200, 5, .42);
  background: linear-gradient(145deg, rgba(0, 200, 5, .13), rgba(9, 14, 10, .96));
  box-shadow: 0 22px 48px rgba(0, 0, 0, .34), inset 0 2px rgba(0, 200, 5, .35);
}

#rewards .step:first-child h3,
#trust .trust-card:first-child strong {
  color: #ffffff;
}

#rewards .step:first-child p,
#trust .trust-card:first-child p {
  color: #d9eddd;
}

/* Keep section status readouts visible without competing with the hero. */
.section-readout strong {
  display: block;
  margin-top: 8px;
  color: var(--rh-green-soft);
  font-size: 15px;
  font-weight: 700;
}

.section-readout strong .dot-live {
  display: inline-block;
  margin-right: 6px;
  vertical-align: 1px;
}

/* The navbar already carries Pack status; keep the hero art unobstructed. */
.hero-card.hero-card-compact {
  display: none !important;
}

/* Pack Passport */
.passport-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  font: 10px 'IBM Plex Mono', ui-monospace, monospace;
  white-space: nowrap;
}
.passport-nav-btn:hover { color: var(--rh-green-soft); border-color: var(--line-strong); background: rgba(0,200,5,.08); }
.passport-nav-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--doge-gold); box-shadow: 0 0 10px rgba(241,185,78,.65); }
.passport-mobile-link { width: 100%; padding: 13px 0; color: var(--rh-green-soft); border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; font: inherit; }
.passport-overlay { position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(2,5,3,.72); backdrop-filter: blur(10px); }
.passport-overlay.open { display: flex; }
.passport-panel { width: min(880px, 100%); max-height: min(760px, calc(100vh - 36px)); overflow: auto; border-radius: 26px; }
.passport-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 25px 26px 21px; border-bottom: 1px solid var(--line); }
.passport-head h2 { margin: 9px 0 0; color: var(--ink); font: 600 35px 'Space Grotesk', Inter, sans-serif; letter-spacing: -.06em; }
.passport-head h2 span { color: var(--rh-green); }
.passport-head p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }
.passport-close { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: rgba(255,255,255,.04); font-size: 21px; }
.passport-close:hover { color: var(--doge-gold); border-color: var(--doge-gold); }
.passport-grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 12px; padding: 20px 26px 0; }
.passport-identity, .passport-stats, .passport-preferences, .passport-locked { padding: 19px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.025); }
.passport-card-label { display: flex; align-items: start; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.passport-card-label span { color: var(--rh-green-soft); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .1em; }
.passport-card-label strong { color: var(--ink); font: 600 14px 'Space Grotesk', Inter, sans-serif; }
.passport-identity label { display: grid; gap: 7px; margin-top: 13px; color: var(--muted); font: 10px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.passport-identity input, .passport-identity textarea { width: 100%; padding: 11px 12px; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; outline: none; background: rgba(255,255,255,.045); font: 12px Inter, system-ui, sans-serif; letter-spacing: normal; text-transform: none; resize: vertical; }
.passport-identity input:focus, .passport-identity textarea:focus { border-color: var(--line-strong); box-shadow: 0 0 0 3px rgba(0,200,5,.08); }
.passport-form-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; }
.passport-form-foot span { color: var(--dim); font-size: 10px; }
.passport-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border-top: 1px solid var(--line); }
.passport-stat-grid div { display: grid; gap: 6px; min-height: 83px; padding: 15px 9px 7px 0; border-bottom: 1px solid var(--line); }
.passport-stat-grid div:nth-child(even) { padding-left: 13px; border-left: 1px solid var(--line); }
.passport-stat-grid small { color: var(--dim); font: 9px 'IBM Plex Mono', ui-monospace, monospace; }
.passport-stat-grid strong { color: var(--ink); font: 600 18px 'Space Grotesk', Inter, sans-serif; }
.passport-stat-grid span { color: var(--muted); font-size: 10px; }
.passport-preferences { margin: 12px 26px 0; }
.passport-preferences label { display: flex; align-items: flex-start; gap: 11px; padding: 12px 0; border-top: 1px solid var(--line); cursor: pointer; }
.passport-preferences input { accent-color: var(--rh-green); margin-top: 3px; }
.passport-preferences label strong { display: block; color: var(--ink); font-size: 12px; }
.passport-preferences label small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.passport-locked { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin: 12px 26px 0; border-color: rgba(241,185,78,.25); background: rgba(241,185,78,.045); }
.passport-locked-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(241,185,78,.42); border-radius: 10px; color: var(--doge-gold); font: 9px 'IBM Plex Mono', ui-monospace, monospace; }
.passport-locked strong { display: block; color: var(--ink); font-size: 12px; }
.passport-locked p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.passport-locked button:disabled { cursor: not-allowed; opacity: .55; }
.passport-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 19px 26px 25px; color: var(--muted); font-size: 10px; }

@media (max-width: 700px) {
  .passport-nav-btn { display: none; }
  .passport-overlay { align-items: end; padding: 10px; }
  .passport-panel { max-height: calc(100vh - 20px); border-radius: 21px; }
  .passport-head { padding: 21px 18px 17px; }
  .passport-head h2 { font-size: 29px; }
  .passport-grid { grid-template-columns: 1fr; padding: 13px 18px 0; }
  .passport-preferences, .passport-locked { margin-inline: 18px; }
  .passport-locked { grid-template-columns: auto 1fr; }
  .passport-locked button { grid-column: 1 / -1; width: 100%; }
  .passport-foot { align-items: stretch; flex-direction: column; padding: 16px 18px 19px; }
.passport-foot .btn { width: 100%; }
}

/* Make the Pack definition readable below Core Status. */
.pack-note strong {
  color: #ffffff !important;
  font-weight: 800;
}

.pack-note p {
  color: #d9eddd !important;
}

/* Platform routes use recognizable marks instead of decorative arrows. */
.buy-routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-width: 560px;
  margin-top: 18px;
}
.buy-routes-label {
  grid-column: 1 / -1;
  color: var(--rh-green-soft);
  font: 10px 'IBM Plex Mono', ui-monospace, monospace;
  font-weight: 700;
  letter-spacing: .12em;
}
.buy-route {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 13px;
  color: var(--ink);
  background: rgba(255,255,255,.035);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.buy-route:hover { transform: translateY(-2px); border-color: var(--line-strong); background: rgba(0,200,5,.08); }
.buy-route-mark { display: grid; place-items: center; flex: none; width: 30px; height: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #101a12; }
.buy-route-mark svg { width: 19px; height: 19px; fill: currentColor; }
.buy-route-mark img { width: 100%; height: 100%; object-fit: cover; }
.route-letter { color: var(--rh-green-soft); font: 800 15px 'Space Grotesk', Inter, sans-serif; }
.buy-route-copy { display: grid; min-width: 0; gap: 3px; }
.buy-route-copy b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 11px 'Space Grotesk', Inter, sans-serif; }
.buy-route-copy small { color: var(--muted); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
.buy-link-mark { display: grid; place-items: center; width: 16px; height: 16px; }
.buy-link-mark svg { width: 16px; height: 16px; fill: currentColor; }
.buy-link-mark img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }
.bankr-logo-action { display: inline-flex; align-items: center; gap: 8px; }
.bankr-button-logo { width: 18px; height: 18px; flex: none; object-fit: contain; border-radius: 5px; background: #e9e4dc; }
.buy-route.uniswap .buy-route-mark { color: #ff4fa3; background: linear-gradient(135deg, #ffd1e8, #b9a4ff); }
.buy-route.uniswap .buy-route-mark { background: url("images/buy-uniswap.jpeg") center / cover no-repeat; }
.buy-route.uniswap .buy-route-mark svg { display: none; }
.buy-route.fomo .buy-route-mark { background: linear-gradient(135deg, #ffb45b, #ff5d67); }
.buy-route.fomo .route-letter { color: #fff; }
.buy-route.bankr .buy-route-mark { background: #e9e4dc; }
.buy-route.gecko .buy-route-mark { color: #78e64e; background: linear-gradient(135deg, #14331d, #0c1710); }
@media (max-width: 520px) {
  .buy-routes { grid-template-columns: 1fr; }
}

/* Contest voting and tracker surfaces. */
.nav-links a[href="/tracker"], .nav-links a[href="/memes"] { color: var(--doge-gold); }
.nav-links a[href="/tracker"]:before, .nav-links a[href="/memes"]:before { background: var(--doge-gold); }
.nav-links { flex: 1 1 auto; min-width: 0; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
.nav-links::-webkit-scrollbar { display: none; }
.nav-links a { flex: 0 0 auto; }
.tracker-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.tracker-card-top strong { display: block; color: var(--ink); font: 600 16px 'Space Grotesk', Inter, sans-serif; }
.tracker-card-top small { display: block; margin-top: 6px; color: var(--dim); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .1em; }
.tracker-lock { color: var(--rh-green-soft); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .1em; white-space: nowrap; }
.tracker-metrics small { color: var(--dim); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .08em; }
.tracker-metrics strong { color: var(--ink); font: 600 17px 'Space Grotesk', Inter, sans-serif; }
.tracker-metrics span { color: var(--muted); font-size: 10px; line-height: 1.3; }
.tracker-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 12px; margin-top: 34px; }
.tracker-card { min-height: 280px; padding: 22px; border-radius: 20px; }
.tracker-card-top > span { color: var(--doge-gold); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .08em; }
.tracker-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 28px; border-top: 1px solid var(--line); }
.tracker-metrics div { display: grid; gap: 6px; min-height: 92px; padding: 17px 12px 9px 0; border-bottom: 1px solid var(--line); }
.tracker-metrics div:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--line); }
.tracker-metrics strong { font-size: 20px; }
.tracker-card-action { display: flex; flex-direction: column; background: linear-gradient(145deg, rgba(241,185,78,.1), rgba(9,14,10,.94)); }
.tracker-card-action p { margin: 32px 0 auto; color: var(--muted); font-size: 13px; line-height: 1.6; }
.tracker-card-action .btn { width: fit-content; margin-top: 24px; }
.tracker-source { margin-top: 16px; color: var(--dim); font-size: 10px; line-height: 1.45; }
.tracker-telemetry { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; margin-top: 10px; padding: 15px 17px; border-radius: 17px; }
.tracker-telemetry-mark { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(241,185,78,.38); border-radius: 50%; color: var(--doge-gold); font-weight: 800; }
.tracker-telemetry strong { color: var(--ink); font-size: 12px; }
.tracker-telemetry p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.meme-contest-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 13px; padding: 13px 15px; border-radius: 15px; border-color: rgba(241,185,78,.3); background: linear-gradient(100deg, rgba(241,185,78,.09), rgba(0,200,5,.05)); }
.meme-contest-bar small { display: block; color: var(--doge-gold); font: 9px 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .1em; }
.meme-contest-bar strong { display: block; margin-top: 4px; color: var(--ink); font: 600 13px 'Space Grotesk', Inter, sans-serif; }
.meme-contest-bar > span { color: var(--muted); font: 10px 'IBM Plex Mono', ui-monospace, monospace; text-align: right; }
.meme-card, #memeFeature { position: relative; }
.meme-vote { position: absolute; right: 12px; bottom: 12px; z-index: 3; padding: 8px 10px; color: #031004; border: 1px solid var(--rh-green); border-radius: 999px; background: var(--rh-green); font: 9px 'IBM Plex Mono', ui-monospace, monospace; font-weight: 800; }
.meme-vote:hover { background: var(--rh-green-soft); }
.meme-feature-vote { right: 16px; bottom: 16px; }

@media (max-width: 980px) {
  .tracker-grid { grid-template-columns: 1fr; }
  .nav-links { gap: 10px; }
}

@media (max-width: 700px) {
  .tracker-card-action .btn { width: 100%; }
  .meme-contest-bar { align-items: flex-start; flex-direction: column; gap: 8px; }
  .meme-contest-bar > span { text-align: left; }
  .tracker-telemetry { align-items: start; }
}

/* Premium layout pass */
:root {
  --max: 1200px;
  --bg: #07100b;
  --surface: #0d1811;
  --surface-2: #111f15;
  --text: #f4f7ed;
  --muted: #9aaa9e;
  --dim: #6c7e71;
  --line: rgba(194, 222, 198, .15);
  --line-strong: rgba(184, 244, 95, .42);
  --lime: #b8f45f;
  --rh-green: #00c805;
  --gold: #e6bb73;
  --doge-gold: #e6bb73;
  --shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

html { background: var(--bg); scroll-padding-top: 104px; }
body {
  color: var(--text);
  background:
    radial-gradient(760px 520px at 88% -8%, rgba(184, 244, 95, .12), transparent 66%),
    radial-gradient(640px 560px at -8% 42%, rgba(230, 187, 115, .08), transparent 70%),
    linear-gradient(145deg, #07100b 0%, #0a130d 48%, #060a08 100%);
  font-family: Inter, system-ui, sans-serif;
}
body:before {
  opacity: .13;
  background-image: linear-gradient(rgba(184, 244, 95, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 244, 95, .045) 1px, transparent 1px);
  background-size: 88px 88px;
  mask-image: linear-gradient(to bottom, #000, transparent 76%);
}
body:after { opacity: .45; }
.shell, .nav-wrap { width: min(var(--max), calc(100% - 48px)); }

.nav-wrap { top: 14px; margin-top: 14px; }
.nav {
  min-height: 70px;
  padding: 10px 12px 10px 18px;
  border: 1px solid rgba(194, 222, 198, .17);
  border-radius: 18px;
  background: rgba(7, 16, 11, .82);
  box-shadow: 0 18px 56px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .06);
}
.brand { min-width: 196px; }
.brand-mark { width: 40px; height: 40px; border-color: rgba(184, 244, 95, .78); box-shadow: 0 0 24px rgba(184, 244, 95, .16); }
.brand-text strong { color: var(--text); letter-spacing: .09em; }
.brand-text em { color: var(--lime); letter-spacing: .08em; }
.nav-links { gap: 17px; }
.nav-links a { color: var(--muted); font-size: 11px; letter-spacing: .01em; }
.nav-links a:before { display: none; }
.nav-links a:hover { color: var(--lime); }
.nav-actions { gap: 8px; }
.nav-actions .pill-price { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.035); }
.nav-pack-status { border-color: var(--line); background: rgba(255,255,255,.035); }
.btn { min-height: 40px; border-color: var(--line); }
.btn-primary, .chip-lime, .post-btn { color: #061005; background: var(--lime); border-color: var(--lime); box-shadow: 0 10px 28px rgba(184, 244, 95, .14); }
.btn-primary:hover, .post-btn:hover { background: #d0ff83; border-color: #d0ff83; }
.btn-glass, .btn-ghost { color: var(--text); background: rgba(255,255,255,.045); }
.btn-glass:hover, .btn-ghost:hover { color: var(--lime); border-color: var(--line-strong); background: rgba(184,244,95,.07); }

.bankr-banner {
  margin-top: 26px;
  padding: 17px 19px;
  border: 1px solid rgba(184, 244, 95, .24);
  border-radius: 20px;
  background: linear-gradient(105deg, rgba(184,244,95,.07), rgba(255,255,255,.025) 56%, rgba(230,187,115,.05));
  box-shadow: 0 18px 50px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.05);
}
.bankr-brand strong, .bankr-copy strong { color: var(--text); }
.bankr-brand small, .bankr-copy em { color: var(--lime); }
.bankr-copy p { color: var(--muted); }
.workflow-strip { margin-top: 14px; gap: 8px; color: var(--dim); }
.workflow-strip span { padding: 7px 10px; border-color: var(--line); background: rgba(255,255,255,.025); }
.workflow-strip span:first-child { color: var(--lime); border-color: var(--line-strong); }
.workflow-strip span:last-child { color: var(--gold); border-color: rgba(230,187,115,.35); }
.workflow-strip i { color: var(--lime); }
.pack-marquee { display: none; }

.hero {
  min-height: 650px;
  grid-template-columns: .88fr 1.12fr;
  gap: 54px;
  padding: 92px 0 68px;
  align-items: center;
}
.hero-copy { max-width: 620px; }
.eyebrow { margin-bottom: 25px; }
.chip { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.035); }
.chip-lime { color: #061005; }
.hero h1 { max-width: 680px; color: var(--text); font-size: clamp(62px, 7.5vw, 106px); line-height: .9; letter-spacing: -.095em; text-shadow: 0 8px 30px rgba(0,0,0,.22); }
.grad { color: var(--lime); text-shadow: 0 0 36px rgba(184,244,95,.18); }
.grad-gold { color: var(--gold); text-shadow: 0 0 36px rgba(230,187,115,.14); }
.lede { max-width: 530px; margin-top: 27px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.hero-cta { margin-top: 29px; gap: 10px; }
.hero-meta { gap: 28px; margin-top: 30px; }
.hero-meta span:not(.k), .hero-meta code { color: var(--text); font-size: 11px; }
.hero-visual { min-height: 540px; padding-top: 0; }
.hero-visual:before { width: 88%; background: radial-gradient(circle, rgba(184,244,95,.2), rgba(184,244,95,.035) 50%, transparent 74%); filter: blur(32px); }
.hero-visual:after { inset: 6% -1% 3% 7%; border-color: rgba(184,244,95,.18); border-radius: 30px; background: linear-gradient(145deg, rgba(184,244,95,.06), transparent 60%); }
.hero-ape { width: min(100%, 620px); max-height: 552px; border: 1px solid rgba(230,187,115,.3); border-radius: 26px; box-shadow: 0 34px 65px rgba(0,0,0,.44), 0 0 0 5px rgba(0,0,0,.14); }
.hero-card.hero-card-compact { display: none !important; }

.stat-strip {
  gap: 1px;
  padding: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(194,222,198,.14);
  box-shadow: var(--shadow);
}
.stat { min-height: 112px; padding: 19px 17px; border: 0; border-radius: 0; background: linear-gradient(145deg, rgba(16,29,19,.95), rgba(8,16,11,.94)); transition: background .2s ease; }
.stat:hover { transform: none; border-color: transparent; background: linear-gradient(145deg, rgba(28,49,29,.98), rgba(11,22,14,.96)); box-shadow: none; }
.stat small { color: var(--dim); }
.stat strong { color: var(--text); font-family: 'Space Grotesk', Inter, sans-serif; }
.stat p { color: var(--muted); }

.section, .agent-section { padding-top: 118px; }
.section-head, .agent-section-head { padding-bottom: 24px; border-bottom-color: var(--line); }
.section-head:after, .agent-section-head:after { width: 62px; height: 2px; background: var(--lime); box-shadow: 0 0 14px rgba(184,244,95,.45); }
.overline { color: var(--lime); letter-spacing: .15em; }
.section h2, .agent-section-head h2 { color: var(--text); font-size: clamp(38px, 4.4vw, 60px); letter-spacing: -.075em; }
.section h2 span, .agent-section-head h2 span { color: var(--lime); }
.section-head p, .agent-section-head p { color: var(--muted); }
.section-readout { color: var(--dim); }
.section-readout strong { color: var(--lime); }

.step, .news-card, .chart-card, .quote-card, .forum-side, .forum-compose, .post, .meme-stage, .meme-form-card, .agent-console, .agent-brief, .tracker-card, .trust-card {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(16,29,19,.94), rgba(8,15,11,.93));
  box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.035);
}
.step, .news-card { border-radius: 18px; }
.step:before, .news-card:before { height: 2px; background: linear-gradient(90deg, var(--lime), transparent 72%); opacity: .55; }
.step:hover, .news-card:hover { border-color: rgba(184,244,95,.35); box-shadow: 0 28px 64px rgba(0,0,0,.35); }
.step h3, .news-card h3 { color: var(--text); font-family: 'Space Grotesk', Inter, sans-serif; }
.step p, .news-card p { color: var(--muted); }
.news-card a { color: var(--gold) !important; }
.news-card a:hover { color: var(--lime) !important; }

.market { gap: 16px; margin-top: 36px; }
.chart-card, .quote-card { min-height: 368px; padding: 25px; border-radius: 20px; }
.card-top strong, .tracker-card-top strong { color: var(--text); font-family: 'Space Grotesk', Inter, sans-serif; }
.card-top small, .quote span, .tracker-card-top small { color: var(--muted); }
.chart-tabs { margin-top: 30px; }
.chart-tabs button { color: var(--dim); }
.chart-tabs button.active, .chart-tabs button:hover { color: var(--lime); border-color: var(--line-strong); background: rgba(184,244,95,.07); }
.chart path.line { stroke: var(--lime); }
.quote-grid, .quote { border-color: var(--line); }
.quote small, .tracker-metrics small { color: var(--dim); }
.quote strong, .tracker-metrics strong { color: var(--text); font-family: 'Space Grotesk', Inter, sans-serif; }
.quote span, .tracker-metrics span { color: var(--muted); }
.pair-note { border-color: rgba(184,244,95,.25); background: linear-gradient(105deg, rgba(184,244,95,.08), rgba(255,255,255,.025)); }
.pair-note strong { color: var(--text); }
.pair-note p { color: var(--muted); }
.pair-note-badge { color: var(--lime); }

.forum-layout, .tracker-grid, .agent-grid { gap: 16px; }
.forum-side, .forum-compose, .post, .tracker-card, .agent-console, .agent-brief { border-radius: 20px; }
.forum-side-mark { border-color: rgba(184,244,95,.38); }
.forum-rules li, .post-body { color: var(--muted); }
.forum-rules strong, .compose-top strong, .post-author strong { color: var(--text); }
.forum-warn { color: #e8c681; border-color: rgba(230,187,115,.3); background: rgba(230,187,115,.07); }
.compose { color: var(--text); }
.compose::placeholder { color: var(--dim); }
.compose-foot { border-color: var(--line); }
.post-hint, .post-time { color: var(--dim); }
.post-btn { color: #061005; background: var(--lime); }

.meme-pool-head { padding-bottom: 24px; border-bottom-color: var(--line); }
.meme-pool-badge { color: var(--lime); }
.meme-stage, .meme-form-card { border-radius: 20px; }
.meme-feature { border-color: var(--line); background: linear-gradient(135deg, #101d14, #19150d); }
.meme-feature-copy { background: rgba(7,16,11,.86); border-color: rgba(230,187,115,.24); }
.meme-feature-copy strong { color: var(--text); }
.meme-form-card > p, .meme-pool-note { color: var(--muted); }
.meme-form input[type=file], .meme-form input[type=text] { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.04); }
.meme-card { border-color: var(--line); background: var(--surface); }
.meme-card-body strong { color: var(--text); }
.meme-card-meta { color: var(--muted); }
.meme-share { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.04); }
.meme-share:hover { color: #061005; border-color: var(--lime); background: var(--lime); }

.ai-fab { right: 24px; bottom: 24px; color: #071008; border-color: rgba(230,187,115,.65); background: linear-gradient(135deg, #f5dc9c, var(--gold)); box-shadow: 0 16px 38px rgba(0,0,0,.35), 0 0 28px rgba(230,187,115,.12); }
.ai-fab:hover { box-shadow: 0 20px 48px rgba(0,0,0,.44), 0 0 38px rgba(230,187,115,.2); }
.footer { margin-top: 126px; border-top: 1px solid var(--line); }
.footer-row { padding-top: 28px; }
.footer-links a { color: var(--muted); }
.footer-links a:hover { color: var(--lime); }

@media (max-width: 980px) {
  .nav-links { gap: 11px; }
  .nav-actions .pill-price, .nav-actions .btn-ghost { display: none; }
  .hero { grid-template-columns: .92fr 1.08fr; gap: 28px; }
  .hero h1 { font-size: clamp(56px, 8vw, 88px); }
}
@media (max-width: 700px) {
  .shell, .nav-wrap { width: calc(100% - 28px); }
  .nav-wrap { top: 10px; margin-top: 10px; }
  .nav { min-height: 60px; padding-left: 11px; border-radius: 16px; }
  .brand { min-width: 0; }
  .brand-mark { width: 36px; height: 36px; }
  .nav-links, .nav-actions .btn-primary { display: none; }
  .menu { display: block; margin-left: auto; }
  .mobile-panel { top: 68px; border-radius: 16px; }
  .bankr-banner { grid-template-columns: auto 1fr; gap: 12px; margin-top: 18px; padding: 15px; }
  .bankr-install { grid-column: 1 / -1; width: 100%; }
  .workflow-strip { width: calc(100% - 28px); justify-content: flex-start; overflow: auto; white-space: nowrap; }
  .pack-marquee { display: none; }
  .hero { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-height: 0; padding: 76px 0 55px; }
  .hero h1 { font-size: clamp(52px, 15vw, 78px); }
  .lede { font-size: 14px; }
  .hero-visual { min-height: 390px; margin-top: 28px; }
  .hero-ape { width: 100%; height: auto; max-height: 390px; border-radius: 21px; }
  .stat-strip { grid-template-columns: repeat(2, 1fr); border-radius: 16px; }
  .stat { min-height: 94px; padding: 15px 13px; }
  .stat strong { font-size: 17px; }
  .section, .agent-section { padding-top: 84px; }
  .section-head, .agent-section-head { display: block; }
  .section-readout { margin-top: 21px; text-align: left; }
  .section h2 { font-size: 42px; }
  .steps, .news-grid, .market, .tracker-grid, .agent-grid { grid-template-columns: 1fr; }
  .step { min-height: 188px; }
  .step h3 { margin-top: 23px; }
  .chart-card, .quote-card { min-height: 0; padding: 18px; }
  .forum-layout { grid-template-columns: 1fr; }
  .forum-side { order: 2; }
  .forum-main { order: 1; }
  .meme-layout { grid-template-columns: 1fr; }
  .meme-pool-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .footer { margin-top: 84px; }
  .footer-row { display: grid; gap: 16px; }
  .ai-fab { right: 14px; bottom: 14px; padding: 12px 14px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* Reference landing theme: neon cyber-dog control room. */
body.reference-theme {
  --ref-bg: #020402;
  --ref-panel: rgba(8, 13, 5, .78);
  --ref-lime: #d4ff00;
  --ref-soft: #efffb0;
  --ref-ink: #f6f7ee;
  --ref-muted: rgba(235, 239, 216, .72);
  --ref-dim: rgba(213, 229, 168, .52);
  --ref-line: rgba(206, 244, 0, .23);
  color: var(--ref-ink);
  background:
    radial-gradient(52rem 42rem at 78% 38%, rgba(119, 165, 0, .26), transparent 66%),
    radial-gradient(40rem 28rem at 24% 77%, rgba(76, 103, 0, .2), transparent 72%),
    linear-gradient(145deg, #010201 0%, #071000 52%, #030502 100%);
  overflow-x: hidden;
}
body.reference-theme:before {
  opacity: .2;
  background-image:
    linear-gradient(rgba(212, 255, 0, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212, 255, 0, .07) 1px, transparent 1px);
  background-size: 86px 86px;
  mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
}
body.reference-theme:after {
  opacity: .9;
  background:
    linear-gradient(90deg, transparent 0, rgba(212,255,0,.045) 50%, transparent 100%),
    radial-gradient(circle at 52% 32%, rgba(216,255,73,.08), transparent 30%);
}
.reference-theme .glass {
  border-color: var(--ref-line);
  background: linear-gradient(135deg, rgba(12, 20, 7, .88), rgba(3, 7, 3, .78));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .42), inset 0 1px rgba(229,255,135,.06);
  backdrop-filter: blur(16px);
}
.reference-theme .nav-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 40;
}
.reference-theme .nav {
  width: 100%;
  min-height: 100px;
  padding: 18px 3.2vw 19px;
  border: 0;
  border-bottom: 1px solid rgba(211, 255, 0, .22);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.62));
  box-shadow: 0 14px 40px rgba(0,0,0,.3), inset 0 1px rgba(224,255,115,.08);
}
.reference-theme .brand { min-width: 260px; gap: 13px; }
.reference-theme .brand-mark {
  width: 43px;
  height: 43px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 0 20px rgba(212,255,0,.3);
  mix-blend-mode: screen;
}
.reference-theme .brand-text strong {
  color: var(--ref-ink);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 30px;
  font-style: italic;
  letter-spacing: -.045em;
  line-height: .8;
}
.reference-theme .brand-text em { display: none; }
.reference-theme .nav-links { gap: 27px; margin: 0 auto; }
.reference-theme .nav-links a {
  color: var(--ref-lime);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.reference-theme .nav-links a:before {
  width: auto;
  height: auto;
  margin: 0 23px 0 0;
  content: '•';
  color: var(--ref-soft);
  background: transparent;
  vertical-align: 1px;
}
.reference-theme .nav-links a:first-child:before { display: none; }
.reference-theme .nav-links a:hover { color: #fff; }
.reference-theme .nav-actions { gap: 0; }
.reference-theme .nav-actions .pill-price,
.reference-theme .nav-actions .x-link,
.reference-theme .nav-actions .nav-pack-status { display: none; }
.reference-theme .nav-actions .reference-buy {
  display: inline-flex;
  min-width: 215px;
  padding: 15px 24px;
  border: 1px solid var(--ref-lime);
  border-radius: 4px;
  color: var(--ref-lime);
  background: rgba(133, 177, 0, .08);
  box-shadow: 0 0 24px rgba(212,255,0,.08), inset 0 0 15px rgba(212,255,0,.08);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 14px;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.reference-theme .nav-actions .reference-buy:after { content: none; }
.reference-theme .nav-actions .reference-buy:hover { color: #071000; background: var(--ref-lime); }
.reference-theme .nav-actions .menu { display: none; }
.reference-theme .nav-actions .passport-nav-btn { display: none; }
.reference-theme .bankr-banner,
.reference-theme .workflow-strip,
.reference-theme .pack-marquee { display: none !important; }
.reference-theme .hero {
  position: relative;
  width: min(1450px, calc(100% - 96px));
  min-height: 100vh;
  grid-template-columns: 1.05fr .95fr;
  gap: 0;
  align-items: center;
  padding: 155px 0 42px;
  overflow: hidden;
}
.reference-theme .hero-copy { position: relative; z-index: 5; padding-top: 20px; }
.reference-theme .eyebrow { display: block; margin-bottom: 25px; }
.reference-theme .eyebrow .chip {
  display: inline-flex;
  padding: 10px 17px;
  border: 1px solid rgba(212,255,0,.75);
  border-radius: 4px;
  color: var(--ref-lime);
  background: rgba(44, 62, 0, .22);
  box-shadow: inset 0 0 15px rgba(212,255,0,.04);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 14px;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.reference-theme .eyebrow .chip:nth-child(2) { display: none; }
.reference-theme .hero h1 {
  max-width: none;
  margin: 0;
  color: var(--ref-ink);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: clamp(88px, 14vw, 208px);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: .72;
  text-shadow: 0 5px 0 rgba(0,0,0,.35), 0 0 30px rgba(241,255,165,.08);
  text-transform: uppercase;
}
.reference-theme .hero h1 .reference-token {
  color: var(--ref-ink);
  -webkit-text-stroke: 1px rgba(255,255,255,.12);
}
.reference-theme .hero h1 .reference-token-green { color: var(--ref-lime); }
.reference-theme .hero-tagline {
  margin-top: 25px;
  color: var(--ref-ink);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: clamp(24px, 3vw, 44px);
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}
.reference-theme .hero-tagline span { color: var(--ref-lime); }
.reference-theme .lede {
  max-width: 530px;
  margin-top: 27px;
  color: var(--ref-ink);
  font-size: 17px;
  line-height: 1.55;
}
.reference-theme .lede br { display: none; }
.reference-theme .hero-cta { gap: 25px; margin-top: 38px; }
.reference-theme .hero-cta .btn {
  min-width: 290px;
  padding: 17px 25px;
  border: 1px solid var(--ref-lime);
  border-radius: 3px;
  color: #090e00;
  background: var(--ref-lime);
  box-shadow: 0 0 30px rgba(212,255,0,.15), inset 0 0 12px rgba(255,255,255,.22);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 17px;
  letter-spacing: .015em;
  text-transform: uppercase;
}
.reference-theme .hero-cta .btn:after { content: none; }
.reference-theme .hero-cta .btn-glass {
  color: var(--ref-ink);
  background: rgba(0,0,0,.42);
  box-shadow: inset 0 0 14px rgba(212,255,0,.04);
}
.reference-theme .hero-cta .btn-glass:after { content: '>_'; font-size: 16px; }
.reference-theme .hero-cta .btn:hover { transform: translateY(-2px); background: #eaff7b; }
.reference-theme .hero-cta .btn-glass:hover { color: var(--ref-lime); background: rgba(121,166,0,.12); }
.reference-theme .hero-meta {
  display: block;
  width: min(780px, 100%);
  margin-top: 48px;
  padding: 18px 25px 15px;
  border: 1px solid rgba(212,255,0,.48);
  border-radius: 3px;
  background: rgba(12, 21, 2, .58);
  box-shadow: inset 0 0 25px rgba(212,255,0,.035), 0 15px 40px rgba(0,0,0,.25);
}
.reference-theme .reference-status-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 11px;
  color: var(--ref-lime);
  border-bottom: 1px solid rgba(212,255,0,.24);
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reference-theme .reference-status-title span { color: var(--ref-dim); font-size: 10px; }
.reference-theme .reference-status-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.reference-theme .reference-status-item { min-height: 70px; padding: 15px 13px 4px; border-right: 1px solid rgba(212,255,0,.18); }
.reference-theme .reference-status-item:last-child { border-right: 0; }
.reference-theme .reference-status-item i { display: block; color: var(--ref-lime); font-size: 18px; font-style: normal; }
.reference-theme .reference-status-item b { display: block; margin-top: 8px; color: var(--ref-ink); font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.reference-theme .reference-status-item small { display: block; margin-top: 5px; color: var(--ref-lime); font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 10px; }
.reference-theme .hero-visual { min-height: min(730px, calc(100vh - 120px)); height: min(730px, calc(100vh - 120px)); margin-right: -7vw; align-self: center; isolation: isolate; }
.reference-theme .hero-visual:before { width: 90%; aspect-ratio: 1; background: radial-gradient(circle, rgba(192,255,0,.34), rgba(91,137,0,.15) 45%, transparent 70%); filter: blur(34px); }
.reference-theme .hero-visual:after { inset: 8% 6% 7% 2%; border: 1px solid rgba(212,255,0,.38); border-radius: 50%; transform: rotate(-5deg); background: repeating-conic-gradient(from 210deg, rgba(212,255,0,.7) 0 1deg, transparent 1deg 9deg); mask: radial-gradient(transparent 0 47%, #000 48% 49%, transparent 50%); }
.reference-theme .hero-ape { width: 100%; height: 100%; max-height: none; border: 0; border-radius: 0; object-fit: cover; object-position: 45% center; filter: saturate(1.18) contrast(1.1) brightness(.9); mask-image: linear-gradient(90deg, transparent 0%, #000 11%, #000 91%, transparent 100%); box-shadow: none; }
.reference-theme .reference-hud { position: absolute; z-index: 3; right: -1%; color: var(--ref-lime); border: 1px solid rgba(212,255,0,.35); background: rgba(7,14,2,.55); box-shadow: inset 0 0 15px rgba(212,255,0,.04); font-family: 'IBM Plex Mono', ui-monospace, monospace; text-transform: uppercase; }
.reference-theme .reference-hud-top { top: 13%; padding: 12px 15px; font-size: 10px; letter-spacing: .08em; }
.reference-theme .reference-hud-top small { display: block; margin-top: 7px; color: var(--ref-soft); font-size: 10px; }
.reference-theme .reference-hud-bottom { right: 1%; bottom: 17%; width: 112px; padding: 11px; text-align: center; font-size: 10px; letter-spacing: .08em; }
.reference-theme .reference-hud-bottom:before { content: '◉'; display: block; margin-bottom: 8px; font-size: 52px; line-height: 1; opacity: .7; }
.reference-theme .reference-hud-bottom small { display: block; margin-top: 8px; color: var(--ref-dim); font-size: 8px; line-height: 1.55; }
.reference-theme .stat-strip { border-color: var(--ref-line); }
.reference-theme .stat, .reference-theme .step, .reference-theme .news-card, .reference-theme .chart-card, .reference-theme .quote-card, .reference-theme .forum-side, .reference-theme .forum-compose, .reference-theme .post, .reference-theme .meme-stage, .reference-theme .meme-form-card { border-color: var(--ref-line); background: linear-gradient(135deg, rgba(10,18,5,.9), rgba(2,6,2,.82)); }
.reference-theme .stat small, .reference-theme .quote small, .reference-theme .k, .reference-theme .section-readout, .reference-theme .sub { color: var(--ref-dim); }
.reference-theme .stat strong, .reference-theme .card-top strong, .reference-theme .quote strong, .reference-theme .section h2, .reference-theme .step h3, .reference-theme .news-card h3 { color: var(--ref-ink); }
.reference-theme .stat p, .reference-theme .section-head p, .reference-theme .step p, .reference-theme .news-card p, .reference-theme .quote span { color: var(--ref-muted); }
.reference-theme .section h2 span, .reference-theme .overline, .reference-theme .step-num, .reference-theme .news-card small { color: var(--ref-lime); }
.reference-theme .section-head { border-color: var(--ref-line); }
.reference-theme .section-head:after { background: var(--ref-lime); box-shadow: 0 0 14px rgba(212,255,0,.7); }
.reference-theme .footer { color: var(--ref-muted); border-color: var(--ref-line); }
.reference-theme .footer-links a { color: var(--ref-dim); }
.reference-theme .footer-links a:hover { color: var(--ref-lime); }
.reference-theme .nav-links a[href="/memes"], .reference-theme .nav-links a[href="/tracker"], .reference-theme .nav-links a[href="#soundboard"], .reference-theme .nav-links a[href="#holders"] { display: none; }
.reference-theme .buy-routes { display: none !important; }
.reference-theme .mobile-panel { background: rgba(3,7,2,.98); border-color: var(--ref-line); }

@media (max-width: 980px) {
  .reference-theme .nav-links { gap: 11px; }
  .reference-theme .nav-links a { font-size: 10px; }
  .reference-theme .nav-links a:before { margin-right: 10px; }
  .reference-theme .nav-actions .reference-buy { min-width: 160px; padding-inline: 15px; font-size: 11px; }
  .reference-theme .hero { width: min(100% - 52px, 780px); grid-template-columns: 1fr .75fr; }
  .reference-theme .hero h1 { font-size: clamp(78px, 11vw, 128px); }
  .reference-theme .hero-visual { margin-right: -8vw; }
  .reference-theme .hero-cta .btn { min-width: 220px; }
}
@media (max-width: 700px) {
  .reference-theme .nav { min-height: 76px; padding: 14px 14px; }
  .reference-theme .brand { min-width: 0; }
  .reference-theme .brand-mark { width: 34px; height: 34px; }
  .reference-theme .brand-text strong { font-size: 23px; }
  .reference-theme .nav-links, .reference-theme .nav-actions .reference-buy { display: none; }
  .reference-theme .nav-actions .menu { display: block; margin-left: auto; color: var(--ref-lime); }
  .reference-theme .hero { width: calc(100% - 30px); min-height: 0; display: flex; flex-direction: column; align-items: stretch; padding: 115px 0 36px; }
  .reference-theme .hero-copy { padding-top: 17px; }
  .reference-theme .eyebrow .chip { max-width: 100%; font-size: 10px; letter-spacing: .01em; }
  .reference-theme .hero h1 { font-size: clamp(64px, 20vw, 104px); line-height: .77; }
  .reference-theme .hero-tagline { margin-top: 19px; font-size: clamp(18px, 5vw, 28px); line-height: 1.05; }
  .reference-theme .lede { margin-top: 18px; font-size: 14px; }
  .reference-theme .hero-cta { display: grid; gap: 10px; margin-top: 24px; }
  .reference-theme .hero-cta .btn { width: 100%; min-width: 0; padding: 15px 18px; font-size: 13px; }
  .reference-theme .hero-meta { margin-top: 30px; padding: 14px 12px 10px; }
  .reference-theme .reference-status-grid { grid-template-columns: repeat(2, 1fr); }
  .reference-theme .reference-status-item { min-height: 62px; padding: 10px 9px 4px; }
  .reference-theme .reference-status-item:nth-child(2n) { border-right: 0; }
  .reference-theme .reference-status-item:nth-child(n+3) { border-top: 1px solid rgba(212,255,0,.18); }
  .reference-theme .hero-visual { width: calc(100% + 30px); height: 450px; min-height: 450px; margin: 13px -15px 0; }
  .reference-theme .hero-ape { object-position: 45% center; }
  .reference-theme .reference-hud-top { top: 7%; right: 5%; font-size: 8px; }
   .reference-theme .reference-hud-bottom { right: 4%; bottom: 8%; transform: scale(.82); transform-origin: bottom right; }
}

/* Fresh motion and layout pass. */
.reference-theme .motion-in {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease var(--motion-delay, 0ms), transform .7s cubic-bezier(.2, .8, .2, 1) var(--motion-delay, 0ms);
}
.reference-theme .motion-in.is-visible { opacity: 1; transform: none; }
.reference-theme .stat,
.reference-theme .step,
.reference-theme .news-card,
.reference-theme .chart-card,
.reference-theme .quote-card,
.reference-theme .tracker-card,
.reference-theme .meme-stage,
.reference-theme .meme-form-card,
.reference-theme .forum-side,
.reference-theme .forum-compose,
.reference-theme .agent-console,
.reference-theme .agent-brief,
.reference-theme .trust-card {
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.reference-theme .stat:hover,
.reference-theme .step:hover,
.reference-theme .news-card:hover,
.reference-theme .chart-card:hover,
.reference-theme .quote-card:hover,
.reference-theme .tracker-card:hover,
.reference-theme .meme-stage:hover,
.reference-theme .meme-form-card:hover,
.reference-theme .forum-side:hover,
.reference-theme .forum-compose:hover,
.reference-theme .agent-console:hover,
.reference-theme .agent-brief:hover,
.reference-theme .trust-card:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 255, 0, .42);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42), 0 0 22px rgba(212, 255, 0, .06);
}
.reference-theme .hero-visual:before { animation: dogebot-glow 6s ease-in-out infinite; }
.reference-theme .section-head:after { animation: dogebot-line-pulse 3.5s ease-in-out infinite; }
.reference-theme .cinematic-shell:before {
  content: '';
  position: absolute;
  z-index: 1;
  inset: -30% 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0 46%, rgba(212, 255, 0, .13) 50%, transparent 54%);
  transform: translateY(-35%);
  animation: dogebot-scan 7s ease-in-out infinite;
}
.reference-theme .cinematic-grid { animation: dogebot-grid-drift 18s linear infinite; }
.reference-theme .btn-primary { position: relative; overflow: hidden; isolation: isolate; }
.reference-theme .btn-primary:before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 -35%;
  width: 25%;
  background: rgba(255, 255, 255, .42);
  transform: skewX(-18deg);
  animation: dogebot-button-sheen 5s ease-in-out infinite;
}
@keyframes dogebot-glow { 0%, 100% { opacity: .78; transform: scale(.96); } 50% { opacity: 1; transform: scale(1.04); } }
@keyframes dogebot-line-pulse { 0%, 100% { width: 62px; opacity: .65; } 50% { width: 118px; opacity: 1; } }
@keyframes dogebot-scan { 0%, 35% { transform: translateY(-35%); opacity: 0; } 52%, 68% { opacity: 1; } 100% { transform: translateY(35%); opacity: 0; } }
@keyframes dogebot-grid-drift { to { background-position: 64px 64px; } }
@keyframes dogebot-button-sheen { 0%, 58% { transform: translateX(-120%) skewX(-18deg); } 78%, 100% { transform: translateX(560%) skewX(-18deg); } }

@media (max-width: 700px) {
  .reference-theme .nav { padding: 12px 14px; }
  .reference-theme .nav-actions .menu { width: 40px; height: 40px; border: 1px solid rgba(212, 255, 0, .3); border-radius: 10px; background: rgba(212, 255, 0, .06); }
  .reference-theme .hero { padding: 108px 0 34px; }
  .reference-theme .hero h1 { font-size: clamp(60px, 18vw, 92px); line-height: .78; }
  .reference-theme .hero-cta { gap: 9px; }
  .reference-theme .hero-cta .btn { min-width: 0; padding: 14px 15px; font-size: 12px; }
  .reference-theme .hero-meta { margin-top: 26px; }
  .reference-theme .section, .reference-theme .agent-section { padding-top: 84px; }
  .reference-theme .section h2, .reference-theme .agent-section-head h2 { font-size: clamp(36px, 11vw, 50px); }
  .reference-theme .cinematic-hero { margin-top: 20px; }
  .reference-theme .cinematic-shell { border-radius: 16px; }
  .reference-theme .stat:hover,
  .reference-theme .step:hover,
  .reference-theme .news-card:hover,
  .reference-theme .chart-card:hover,
  .reference-theme .quote-card:hover,
  .reference-theme .tracker-card:hover,
  .reference-theme .meme-stage:hover,
  .reference-theme .meme-form-card:hover,
  .reference-theme .forum-side:hover,
  .reference-theme .forum-compose:hover,
  .reference-theme .agent-console:hover,
  .reference-theme .agent-brief:hover,
  .reference-theme .trust-card:hover { transform: none; }
}
@media (max-width: 420px) {
  .reference-theme .hero-cta { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .reference-theme .motion-in { opacity: 1; transform: none; transition: none; }
  .reference-theme .hero-visual:before,
  .reference-theme .section-head:after,
  .reference-theme .cinematic-shell:before,
  .reference-theme .cinematic-grid,
  .reference-theme .btn-primary:before { animation: none; }
}

/* Keep scrolling light and the fixed brand layer stable. */
.reference-theme {
  background-attachment: scroll;
}
.reference-theme .glass,
.reference-theme .meme-feature-copy {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.reference-theme .nav,
.reference-theme .brand,
.reference-theme .brand-mark,
.reference-theme .brand-text,
.reference-theme .brand-text strong {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.reference-theme .brand-mark {
  width: 42px;
  height: 42px;
  mix-blend-mode: normal;
  box-shadow: none;
}
.reference-theme .hero-visual:before,
.reference-theme .section-head:after,
.reference-theme .cinematic-shell:before,
.reference-theme .cinematic-grid,
.reference-theme .btn-primary:before,
.reference-theme .dot-live {
  animation: none;
}
.reference-theme .reference-disabled,
.dogebot-ticker-buy.is-disabled {
  cursor: not-allowed;
  opacity: .52;
  box-shadow: none;
}
@media (max-width: 700px) {
  .reference-theme .brand-mark {
    width: 34px;
    height: 34px;
  }
}
.reference-theme .community-meme-shell{width:min(calc(100% - 96px),1280px);max-height:min(900px,calc(100vh - 170px));margin:28px auto 42px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid rgba(212,255,0,.3);border-radius:18px;background:linear-gradient(145deg,rgba(16,27,12,.96),rgba(5,9,5,.98));box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 0 40px rgba(212,255,0,.03);scrollbar-color:rgba(212,255,0,.45) rgba(4,8,4,.8);contain:content}.reference-theme .community-meme-shell>#community,.reference-theme .community-meme-shell>#memes{width:auto;margin:0;padding:34px clamp(24px,4vw,52px);background:transparent;border:0}.reference-theme .community-meme-shell>#community{padding-bottom:24px}.reference-theme .community-meme-shell>#memes{padding-top:34px;border-top:1px solid rgba(212,255,0,.18)}.reference-theme .community-meme-shell .section-head,.reference-theme .community-meme-shell .meme-pool-head{margin-bottom:24px}.reference-theme .community-meme-shell .forum-layout{gap:20px}.reference-theme .community-meme-shell .meme-layout{display:block}.reference-theme .community-meme-shell .meme-stage{width:100%}.reference-theme .community-meme-shell .meme-form-card{margin-top:20px}.reference-theme .community-meme-shell .meme-pool-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.reference-theme .community-meme-shell .forum-side,.reference-theme .community-meme-shell .forum-compose,.reference-theme .community-meme-shell .post,.reference-theme .community-meme-shell .meme-stage,.reference-theme .community-meme-shell .meme-form-card{background:transparent;box-shadow:none;border-color:rgba(212,255,0,.14)}.reference-theme .community-meme-shell .post,.reference-theme .community-meme-shell .meme-card{content-visibility:auto;contain-intrinsic-size:180px}@media(max-width:700px){.reference-theme .community-meme-shell{width:calc(100% - 30px);max-height:min(720px,calc(100vh - 150px));margin:18px auto 30px;border-radius:14px}.reference-theme .community-meme-shell>#community,.reference-theme .community-meme-shell>#memes{padding:26px 18px}.reference-theme .community-meme-shell>#memes{padding-top:26px}.reference-theme .community-meme-shell .meme-pool-grid{grid-template-columns:1fr}}
.reference-theme #community,.reference-theme #memes{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.reference-theme .forum-main{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:min(680px,calc(100svh - 220px))}
.reference-theme .forum-compose{position:relative;z-index:2;flex:0 0 auto}
.reference-theme .feed{flex:1 1 auto;min-height:0;max-height:min(430px,calc(100svh - 470px));overflow-y:auto;overflow-x:hidden;padding:0 7px 8px 0;overscroll-behavior:contain;scrollbar-color:rgba(0,137,42,.58) transparent}
.reference-theme .meme-layout{align-items:start}
.reference-theme .meme-stage{display:flex;flex-direction:column;min-height:0}
.reference-theme .meme-pool-grid{max-height:min(620px,calc(100svh - 300px));overflow-y:auto;overflow-x:hidden;align-content:start;padding:0 7px 8px 0;overscroll-behavior:contain;scrollbar-color:rgba(0,137,42,.58) transparent}
.reference-theme .meme-form-card{position:sticky;top:96px;z-index:2;align-self:start}
@media(max-width:700px){.reference-theme #community,.reference-theme #memes{width:calc(100% - 30px)}.reference-theme .forum-main{max-height:min(640px,calc(100svh - 190px))}.reference-theme .feed{max-height:min(420px,calc(100svh - 430px))}.reference-theme .meme-layout{display:flex;flex-direction:column;gap:12px}.reference-theme .meme-form-card{position:relative;top:auto;order:-1;width:100%}.reference-theme .meme-stage{width:100%}.reference-theme .meme-pool-grid{max-height:min(520px,calc(100svh - 260px))}}
.reference-theme .forum-main{height:min(680px,calc(100svh - 120px));max-height:none}
.reference-theme .feed{max-height:none}
.reference-theme .meme-layout{display:flex;flex-direction:column;gap:14px}
.reference-theme .meme-form-card{position:relative;top:auto;order:-1;width:100%}
@media(max-width:700px){.reference-theme .forum-main{height:min(640px,calc(100svh - 140px));max-height:none}.reference-theme .meme-layout{gap:12px}}
.reference-theme .feed{align-content:start;grid-auto-rows:max-content}
.reference-theme .post{height:auto;min-width:0;overflow:visible}
.reference-theme .post-head{align-items:flex-start}
.reference-theme .post-author{min-width:0;flex:1 1 auto}
.reference-theme .post-author strong{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.reference-theme .post-time{flex:none;white-space:nowrap}

.arena-section{padding-top:96px}
.arena-section-head{align-items:end}
.arena-mission{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;margin-top:34px;padding:26px;border-color:rgba(0,200,5,.3);background:radial-gradient(circle at 88% 12%,rgba(0,200,5,.14),transparent 34%),linear-gradient(145deg,rgba(13,31,17,.96),rgba(7,16,10,.92))}
.arena-mission-copy h3{margin:10px 0 10px;color:var(--ink);font:700 clamp(28px,4vw,48px)/1.04 'Space Grotesk',Inter,sans-serif;letter-spacing:-.055em}
.arena-mission-copy p{max-width:650px;margin:0;color:#b8c9ba;font-size:14px;line-height:1.65}
.arena-kicker,.arena-lane small{color:var(--rh-green-soft);font:700 10px/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.arena-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.arena-actions .btn{min-height:42px}
.arena-status{display:block;margin-top:16px;color:#91aa96;font:500 10px/1.5 'IBM Plex Mono',ui-monospace,monospace}
.arena-mission-stats{display:grid;grid-template-columns:1fr;gap:9px;align-content:start}
.arena-mission-stats>div{padding:16px;border:1px solid rgba(193,235,194,.14);border-radius:13px;background:rgba(255,255,255,.035)}
.arena-mission-stats small{display:block;color:#91aa96;font:700 9px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.12em}
.arena-mission-stats strong{display:block;margin-top:8px;color:var(--ink);font:700 24px/1 'Space Grotesk',Inter,sans-serif}
.arena-mission-stats span{display:block;margin-top:6px;color:#91aa96;font-size:10px}
.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.arena-lane{display:grid;grid-template-columns:auto 1fr;gap:15px;min-height:190px;padding:20px;border-radius:18px}
.arena-lane-index{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(0,200,5,.45);border-radius:50%;color:var(--rh-green-soft);font:700 11px 'IBM Plex Mono',ui-monospace,monospace}
.arena-lane h3{margin:12px 0 9px;color:var(--ink);font:700 20px/1.1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.03em}
.arena-lane p{margin:0;color:#9eb0a1;font-size:12px;line-height:1.55}
.arena-lane a{display:inline-block;margin-top:18px;color:var(--rh-green-soft);font:700 10px 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.arena-lane a:hover{color:#fff}
.arena-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:17px 20px;border-radius:16px}
.arena-foot strong{display:block;color:var(--ink);font-size:12px}
.arena-foot p{max-width:760px;margin:5px 0 0;color:#91a294;font-size:11px;line-height:1.5}
@media(max-width:800px){.arena-mission{grid-template-columns:1fr}.arena-grid{grid-template-columns:1fr}.arena-lane{min-height:0}.arena-foot{align-items:flex-start;flex-direction:column}.arena-foot .btn{width:100%}}