/* ==========================================================================
   Synr — design tokens (matched to the reference site's computed styles)
   ========================================================================== */
:root{
  --bg:#0c0d0e;
  --bg-header:#101112;
  --bg-panel:#121416;
  --bg-panel-soft:#151719;
  --bg-input:#0f1011;
  --card-grad: linear-gradient(130deg, rgba(32,33,36,.6), #151719 65%, #121416);

  --border-hi: rgb(50,51,53);
  --border-lo: rgb(25,26,28);
  --border-faint: rgba(255,255,255,.07);

  --text: #eef0f2;
  --text-dim: #8c9096;
  --text-mute: #6f757d;
  --text-faint: #626a73;
  --text-second: #6f757d;

  --accent: #f9752e;
  --accent-2: #ff8847;
  --accent-3: #ffac70;
  --accent-tan: #c59673;
  --accent-em: #f4965d;

  --positive: #84d4ae;
  --negative: #ed8092;

  --radius-lg: 11px;
  --radius-md: 7px;
  --radius-sm: 2px;

  --font: "Fira Sans", ui-sans-serif, system-ui, -apple-system, Arial, sans-serif;
  --font-mono: "Fira Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --header-h: 64px;
  --container: 1536px;
}

/* ==========================================================================
   Reset & base
   ========================================================================== */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button, input, select{ font:inherit; color:inherit; background:none; border:0; }
button{ cursor:pointer; }
ul,ol{ list-style:none; }
kbd{ font-family:var(--font-mono); }

.ui-icon{ filter:invert(1); opacity:.55; display:inline-block; vertical-align:middle; }
.brand-icon{ border-radius:50%; display:inline-block; }

main{
  max-width:var(--container);
  margin:0 auto;
  padding:0 40px;
  padding-top:88px;
}

/* ==========================================================================
   Section kicker / typography helpers
   ========================================================================== */
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--accent-tan);
}
.signal-dot{
  width:5px; height:5px; border-radius:50%;
  background:#ff7c35;
  box-shadow:0 0 9px rgba(255,124,53,.6);
  display:inline-block;
}

h1,h2,h3{ font-weight:500; letter-spacing:-.02em; }
p{ color:var(--text-dim); }

.text-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:var(--text);
  border-bottom:1px solid transparent;
  transition:opacity .15s ease;
}
.text-link:hover{ opacity:.75; }
.text-link .ui-icon{ opacity:.6; }

/* ==========================================================================
   Buttons
   ========================================================================== */
.button{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius:var(--radius-md);
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .12s ease, filter .12s ease;
}
.button:active{ transform:translateY(1px); }

.button.primary{
  padding:12px 18px;
  font-size:13px;
  color:#211008;
  background-image:linear-gradient(170deg, var(--accent-3) -30%, var(--accent-2) 20%, var(--accent) 90%);
  border:1px solid;
  border-color:#ffaa69 #c95e22 #9a461e;
  box-shadow:inset 0 1px 1px rgba(255,196,148,.9), 0 3px 0 rgba(116,49,18,1), 0 7px 20px rgba(255,108,30,.08);
}
.button.primary:hover{ filter:brightness(1.05); }
.button.primary .ui-icon{ filter:none; opacity:.85; }

.button.secondary{
  padding:11px 16px;
  font-size:12px;
  color:var(--text);
  background:linear-gradient(180deg,#1a1c1f,#131416);
  border:1px solid;
  border-color: rgb(56,59,64) rgb(40,43,47) rgb(17,19,21);
}
.button.secondary:hover{ background:linear-gradient(180deg,#1f2225,#161719); }
.button.secondary .ui-icon{ filter:invert(1); opacity:.76; }

/* ==========================================================================
   Masthead / header
   ========================================================================== */
.masthead{
  position:sticky; top:0; z-index:40;
  background:var(--bg-header);
  border-bottom:1px solid var(--border-faint);
}
.masthead-inner{
  max-width:var(--container);
  margin:0 auto;
  height:var(--header-h);
  padding:0 20px;
  display:flex; align-items:center; gap:28px;
}
.masthead-brand{
  display:flex; align-items:center; gap:10px;
  flex-shrink:0;
}
.masthead-logo{ width:38px; height:38px; object-fit:contain; }
.masthead-word{
  font-size:19px; font-weight:700; letter-spacing:-.02em; color:var(--text);
}

.masthead-nav{ flex:1; min-width:0; }
.masthead-primary{ display:flex; align-items:center; gap:28px; }
.masthead-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:500; color:var(--text-dim);
  white-space:nowrap;
}
.masthead-link .ui-icon{ margin-left:2px; }
.masthead-link[aria-current="page"]{ color:var(--text); }
.masthead-link:hover{ color:var(--text); }
.masthead-index{
  font-size:10px; color:var(--accent-tan); font-weight:600;
}

.masthead-group{ position:relative; }
.masthead-dropdown{
  position:absolute; top:calc(100% + 14px); left:50%; transform:translateX(-50%);
  width:260px;
  background:var(--bg-panel-soft);
  border:1px solid var(--border-hi);
  border-radius:var(--radius-lg);
  padding:8px;
  box-shadow:0 20px 40px rgba(0,0,0,.45);
  z-index:50;
}
.masthead-dropdown a{
  display:flex; flex-direction:column; gap:2px;
  padding:9px 12px; border-radius:8px;
}
.masthead-dropdown a:hover{ background:rgba(255,255,255,.04); }
.masthead-dropdown a span{
  display:flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:var(--text);
}
.masthead-dropdown a small{ font-size:11.5px; color:var(--text-mute); }

.masthead-mobile-links{ display:none; }

.masthead-actions{ display:flex; align-items:center; gap:10px; flex-shrink:0; }

.masthead-social{
  width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--bg-panel);
  border:1px solid var(--border-hi);
  color:var(--text);
  transition:background .15s ease, transform .12s ease;
}
.masthead-social:hover{ background:#1c1f22; }
.masthead-social:active{ transform:translateY(1px); }
.masthead-social svg{ fill:currentColor; }

.masthead-action{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px;
  border-radius:8px;
  background:rgb(232,232,226);
  color:rgb(24,26,27);
  font-size:13px; font-weight:600;
  position:relative;
}
.masthead-action:hover{ background:#fff; }
.masthead-action.is-connected{
  background:var(--bg-panel);
  color:var(--text);
  border:1px solid var(--border-hi);
}
.masthead-action.is-connected:hover{ background:#1c1f22; }
#wallet-btn-icon{ filter:brightness(0); opacity:.76; }
.masthead-action.is-connected #wallet-btn-icon{ filter:invert(1); opacity:.7; }

.wallet-menu{
  position:absolute; top:calc(var(--header-h) - 4px); right:20px;
  background:var(--bg-panel-soft);
  border:1px solid var(--border-hi);
  border-radius:10px;
  padding:6px;
  width:180px;
  box-shadow:0 20px 40px rgba(0,0,0,.45);
  z-index:60;
}
.wallet-menu button{
  display:block; width:100%; text-align:left;
  padding:9px 10px; border-radius:7px;
  font-size:13px; color:var(--text-dim);
}
.wallet-menu button:hover{ background:rgba(255,255,255,.05); color:var(--text); }

.masthead-menu-toggle{
  display:none;
  width:36px; height:36px; align-items:center; justify-content:center;
  border-radius:8px;
  background:var(--bg-panel);
  border:1px solid var(--border-hi);
}

/* ==========================================================================
   Hero
   ========================================================================== */
.terminal-heading{
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  padding-bottom:40px;
  flex-wrap:wrap;
}
.terminal-heading h1{
  font-size:40.96px;
  line-height:1.08;
  letter-spacing:-1.7px;
  margin-top:14px;
  color:var(--text);
}
.terminal-heading h1 em{ font-style:normal; color:#9d9fa3; }
.terminal-heading p{
  margin-top:18px;
  max-width:640px;
  font-size:14px;
  color:var(--text-dim);
}
.heading-cta{
  display:flex; align-items:center; gap:22px;
  flex-shrink:0;
}

/* ==========================================================================
   Feature grid ("more ways to build")
   ========================================================================== */
.terminal-more{ padding:32px 0 52px; }
.terminal-more > .section-kicker{ display:block; margin-bottom:18px; }
.feature-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:18px;
}
.depth-panel{
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:var(--card-grad);
}
.feature{
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:28px;
  display:flex; flex-direction:column; justify-content:space-between;
}
.feature::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(circle at 80% 55%, rgba(171,87,37,.16), transparent 60%),
    repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(0,0,0,.09) 3px, rgba(0,0,0,.09) 4px);
}
.feature::after{
  content:"";
  position:absolute; pointer-events:none;
  top:-30%; left:-24%; right:-24%; bottom:-30%;
  background-image:
    radial-gradient(at 80% 65%, rgba(255,140,56,.15), transparent 35%),
    repeating-radial-gradient(at 80% 65%, transparent 0, transparent 48px, rgba(205,153,102,.1) 49px, rgba(205,153,102,.1) 50px, transparent 51px, transparent 80px);
}
.feature-main::after{ opacity:.7; }
.feature-copy .serial{
  display:block; font-size:10.5px; font-weight:600; letter-spacing:1px;
  color:var(--text-faint); margin-bottom:14px;
}
.feature-copy h2{ font-size:24px; line-height:1.18; color:var(--text); }
.feature-copy h2 em{ font-style:normal; color:var(--accent-em); }
.feature-copy p{ margin-top:10px; font-size:13px; color:#99928d; line-height:1.5; }
.feature-copy .text-link{ margin-top:20px; }

.feature-market{ min-height:245px; }
.feature-market .feature-copy{ max-width:60%; }
.feature-funding{ min-height:245px; }
.feature-funding .feature-copy{ max-width:60%; }

/* decorative art */
.sculpture.orbit{
  position:absolute; right:-14px; bottom:6px; width:235px; height:226px;
  transform:rotate(-6deg);
  pointer-events:none;
}
.orbit-ring{
  position:absolute; border-radius:50%;
  border:1px solid rgba(153,99,63,.32);
  box-shadow:0 0 8px rgba(128,89,61,.18);
}
.ring-a{ width:240px; height:106px; top:55px; left:10px; transform:rotate(-37deg); }
.ring-b{ width:170px; height:120px; top:65px; left:47px; transform:rotate(47deg); }
.coin-stack{ position:absolute; inset:0; }
.art-coin{
  position:absolute; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.art-coin img{ width:46%; height:46%; object-fit:contain; filter:drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.art-coin.back,
.art-coin.small{
  background:radial-gradient(circle at 30% 25%, #70727b 0, #33353a 27%, #121316 69%, #56545a 95%);
  border:2px solid #858486;
}
.art-coin.front{
  background:radial-gradient(circle at 25% 20%, #ad6c43 0, #382219 38%, #120f0d 68%, #9c633c 97%);
  border:2px solid #b78662;
  z-index:2;
}
.art-coin{
  box-shadow:
    inset 0 0 0 5px #16191e,
    inset 0 0 0 6px rgba(127,119,121,.4),
    5px 3px 0 0 #151313,
    6px 4px 0 0 #65524b,
    8px 6px 0 0 #171719,
    10px 8px 0 0 #55483d,
    14px 13px 20px 0 rgba(0,0,0,.53);
}
.art-coin.back{ width:96px; height:96px; top:22px; left:23px; }
.art-coin.front{ width:116px; height:116px; top:71px; left:85px; }
.art-coin.small{ width:74px; height:74px; top:144px; left:28px; }
.sculpture-shadow{
  position:absolute; bottom:2px; right:20px; width:150px; height:20px;
  background:rgba(0,0,0,.4); border-radius:50%; filter:blur(6px);
}
.coordinate{
  position:absolute; left:2px; bottom:-2px;
  font-family:var(--font-mono); font-size:11px; color:var(--text-faint);
  transform:rotate(6deg);
}

.stack-art{
  position:absolute; top:74px; left:auto; right:20px; width:95px; height:135px;
}
.stack-art i,
.stack-art > div{
  position:absolute; inset:0; width:95px; height:135px; border-radius:10px;
  background:linear-gradient(135deg,#645043,#282320 60%,#1b1715);
  border:1px solid #67605a;
  box-shadow:12px 5px 1px 0 #0c0d0e, 7px 10px 20px 0 rgba(0,0,0,.47);
}
.stack-art i:nth-child(1){ transform:rotate(-8deg) translate(-20px,-8px); }
.stack-art i:nth-child(2){ transform:rotate(-4deg) translate(-10px,-3px); }
.stack-art i:nth-child(3){ z-index:1; }
.stack-art > div{
  z-index:2; padding:13px 9px;
  display:flex; flex-direction:column; justify-content:space-between;
  box-shadow:4px 5px 1px 0 #0c0d0e, 7px 10px 20px 0 rgba(0,0,0,.47);
}
.stack-art span{ font-family:var(--font-mono); font-size:10px; color:#c99870; letter-spacing:.3px; }
.stack-art strong{ font-size:25px; line-height:1.05; color:#d5b49b; font-weight:700; }
.stack-art img{ width:20px; height:20px; }

.energy-art{
  position:absolute; top:60px; right:-20px; width:155px; height:170px;
  display:flex; align-items:center; justify-content:center;
}
.energy-art i{
  position:absolute; width:135px; height:150px; top:10px; left:10px;
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(209,156,109,.85), 0 0 0 1px rgba(25,20,15,.6);
}
.energy-art i:nth-child(1){ transform:rotate(0deg) scale(1, .42); }
.energy-art i:nth-child(2){ transform:rotate(60deg) scale(1, .42); }
.energy-art i:nth-child(3){ transform:rotate(120deg) scale(1, .42); }
.energy-art span{
  position:relative; font-size:52px; font-weight:600;
  color:#aa7b50;
  filter:drop-shadow(4px 5px 2px #000);
}

/* ==========================================================================
   Terminal grid (markets + rail)
   ========================================================================== */
.terminal-grid{
  display:grid;
  grid-template-columns:1fr 340px;
  gap:20px;
  padding-bottom:64px;
  align-items:start;
}

.market-area{
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:var(--bg-panel);
  overflow:hidden;
}
.market-tabbar{ border-bottom:1px solid var(--border-faint); padding:0 6px; }
.market-tabs{ display:flex; gap:4px; }
.market-tabs button{
  padding:16px 14px; font-size:13px; font-weight:600; color:var(--text-mute);
  display:flex; align-items:center; gap:7px;
  border-bottom:2px solid transparent;
}
.market-tabs button small{
  font-size:10px; background:rgba(255,255,255,.06); color:var(--text-dim);
  padding:1px 6px; border-radius:99px;
}
.market-tabs button.active{ color:var(--text); border-bottom-color:var(--accent); }

.market-context{ padding:16px 18px 0; }
.market-context p{ font-size:12.5px; color:var(--text-mute); max-width:640px; }

.table-controls{
  display:flex; align-items:center; gap:10px;
  padding:16px 18px;
  flex-wrap:wrap;
}
.chain-tabs{
  display:flex; gap:4px;
  background:rgb(18,20,22);
  border:1px solid var(--border-faint);
  border-radius:9px;
  padding:3px;
}
.chain-tabs button{
  display:flex; align-items:center; gap:6px;
  padding:6px 11px; border-radius:7px;
  font-size:12px; font-weight:600; color:var(--text-mute);
}
.chain-tabs button.selected{
  background-image:linear-gradient(rgb(48,50,56), rgb(35,38,43));
  color:#fff;
}
.chain-tabs button img{ width:13px; height:13px; }

.table-search{
  display:flex; align-items:center; gap:8px;
  padding:8px 12px;
  background:var(--bg-input);
  border:1px solid var(--border-faint);
  border-radius:9px;
  flex:1; min-width:180px; max-width:320px;
}
.table-search input{
  flex:1; font-size:13px; color:var(--text);
}
.table-search input::placeholder{ color:var(--text-faint); }
.table-search kbd{
  font-size:10px; color:var(--text-faint);
  border:1px solid var(--border-hi); border-radius:4px; padding:1px 5px;
}

.filter-button{
  position:relative;
  display:flex; align-items:center; gap:7px;
  padding:8px 13px;
  background:var(--bg-panel-soft);
  border:1px solid var(--border-faint);
  border-radius:9px;
  font-size:12.5px; font-weight:600; color:var(--text-dim);
}
.filter-button:hover{ color:var(--text); }
.filters-pop{
  position:absolute; top:calc(100% + 8px); right:0; z-index:30;
  width:200px; padding:12px;
  background:var(--bg-panel-soft);
  border:1px solid var(--border-hi);
  border-radius:10px;
  font-size:12px; color:var(--text-mute);
  box-shadow:0 20px 40px rgba(0,0,0,.45);
}

.mobile-market-tools{ display:none; padding:0 18px 14px; }
.mobile-market-tools select{
  background:var(--bg-panel-soft); border:1px solid var(--border-faint);
  border-radius:8px; padding:8px 10px; font-size:12px; width:100%;
}

.table-scroll{ overflow-x:auto; }
.market-table{ width:100%; border-collapse:collapse; min-width:880px; }
.market-table thead th{
  text-align:right; font-size:11px; font-weight:500; color:var(--text-faint);
  padding:10px 14px; white-space:nowrap; border-bottom:1px solid var(--border-faint);
}
.market-table thead th:nth-child(1),
.market-table thead th:nth-child(2),
.market-table thead th:nth-child(3){ text-align:left; }
.market-table thead th button{
  display:inline-flex; align-items:center; gap:4px; font:inherit; color:inherit;
}
.market-table thead th button.sorted{ color:var(--text-dim); }
.market-table tbody td{
  padding:14px; text-align:right; white-space:nowrap;
  border-bottom:1px solid var(--border-faint);
  font-size:12.5px;
}
.market-table tbody tr:last-child td{ border-bottom:0; }
.market-table tbody tr:hover{ background:rgba(255,255,255,.015); }
.market-table td:nth-child(1),
.market-table td:nth-child(2),
.market-table td:nth-child(3){ text-align:left; }
.mobile-market-secondary{ display:none; }

.watch-button{
  width:26px; height:26px; display:flex; align-items:center; justify-content:center;
  border-radius:6px;
}
.watch-button .ui-icon{ filter:invert(1); opacity:.3; }
.watch-button:hover .ui-icon{ opacity:.6; }
.watch-button.is-active .ui-icon{ filter:none; opacity:1; }
.watch-button.is-active{ color:#ffc453; }
.row-number{ color:var(--text-faint); font-family:var(--font-mono); font-size:11px; }

.token-cell{ display:inline-flex; align-items:center; gap:10px; }
.token-image{ width:38px; height:38px; border-radius:50%; object-fit:cover; background:#1a1c1f; }
.token-fallback{
  width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(160deg,#2a2c30,#17181b);
  border:1px solid var(--border-hi);
  font-size:11px; font-weight:700; color:var(--text-dim);
}
.token-first{ display:flex; align-items:center; gap:6px; }
.token-first strong{ font-size:13px; font-weight:700; color:var(--text); }
.token-first img{ width:12px; height:12px; border-radius:50%; }
.infusion-tag{
  font-size:10px; font-weight:600; color:rgb(215,160,128);
  border:1px solid rgb(119,80,54); border-radius:2px; padding:1px 5px;
  letter-spacing:.3px; white-space:nowrap;
}
.infusion-tag.pending{
  color:var(--text-faint); border-color:var(--border-hi);
}
.token-second{ font-size:11.5px; color:var(--text-second); margin-top:2px; }
.token-second span{ margin-left:3px; }

.research-row-link{
  display:inline-flex; align-items:center; gap:3px; margin-left:12px;
  font-size:11px; color:var(--text-faint);
}
.research-row-link:hover{ color:var(--text-dim); }

td.mono, .mono{ font-family:var(--font-mono); color:var(--text-second); }
.mono.bright{ color:rgb(221,223,227); }
.positive{ color:var(--positive); }
.negative{ color:var(--negative); }
.dim{ color:rgb(98,106,115); }

.origin-agent{ font-size:11.5px; color:var(--text-faint); }
.origin-agent:hover{ color:var(--text-dim); }

.table-empty{ padding:40px 18px; text-align:center; color:var(--text-mute); font-size:13px; }

.table-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 18px; border-top:1px solid var(--border-faint);
  font-size:11.5px; color:var(--text-faint);
}
.table-footer b{ color:var(--text-dim); }

/* ==========================================================================
   Rail (sidebar)
   ========================================================================== */
.terminal-rail{ display:flex; flex-direction:column; gap:18px; }

.king-teaser{ padding:22px; }
.panel-title{ display:flex; align-items:center; gap:8px; }
.panel-title .ui-icon:first-child{ filter:none; opacity:1; }
.panel-title span{ flex:1; font-size:11px; font-weight:700; letter-spacing:1px; color:var(--text-dim); }
.panel-title a{ display:flex; }
.crown-display{
  height:90px; display:flex; align-items:center; justify-content:center; margin-top:10px;
  background:radial-gradient(circle, rgba(249,117,46,.12), transparent 70%);
  border-radius:10px;
}
.crown-display .ui-icon{ filter:none; opacity:.9; }
.king-teaser h3{ margin-top:14px; font-size:18px; color:var(--text); }
.king-teaser p{ margin-top:6px; font-size:12.5px; color:var(--text-mute); }
.king-teaser .button{ margin-top:16px; width:100%; }

.connection-rail{
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:var(--bg-panel);
  padding:18px;
}
.rail-title{
  display:flex; align-items:center; justify-content:space-between;
  font-size:11.5px; font-weight:700; color:var(--text-dim); margin-bottom:12px;
}
.status-label{ font-size:9.5px; color:var(--positive); font-weight:700; letter-spacing:.5px; }
.rail-title a{ display:flex; }
.connection-row{
  display:flex; align-items:center; gap:10px; padding:10px 0;
  border-top:1px solid var(--border-faint);
}
.connection-row:first-of-type{ border-top:0; }
.connection-dot{ width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.connection-dot.ready{ background:var(--positive); box-shadow:0 0 8px rgba(132,212,174,.6); }
.connection-row div{ flex:1; }
.connection-row strong{ display:block; font-size:12.5px; font-weight:600; color:var(--text); }
.connection-row small{ font-size:11px; color:var(--text-faint); }
.connection-state .ui-icon{ filter:none; opacity:1; }
.connection-state img{ filter:invert(58%) sepia(21%) saturate(626%) hue-rotate(93deg) brightness(92%); opacity:1; }

.rail-strategies{
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:var(--bg-panel);
  overflow:hidden;
}
.rail-strategies a{
  display:flex; align-items:center; gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--border-faint);
}
.rail-strategies a:last-child{ border-bottom:0; }
.rail-strategies a:hover{ background:rgba(255,255,255,.02); }
.strategy-number{
  font-family:var(--font-mono); font-size:11px; color:var(--text-faint);
  width:22px;
}
.rail-strategies div{ flex:1; }
.rail-strategies strong{ display:block; font-size:12.5px; font-weight:600; color:var(--text); }
.rail-strategies small{ font-size:11px; color:var(--text-faint); }
.rail-strategies > a > span:last-child{
  font-size:10px; font-weight:700; color:var(--positive);
  background:rgba(132,212,174,.1); padding:3px 7px; border-radius:99px;
}

.rail-leaderboard{
  display:flex; align-items:center; gap:12px;
  padding:16px;
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:linear-gradient(150deg, rgba(249,117,46,.08), var(--bg-panel) 60%);
}
.rail-leaderboard:hover{ border-color:var(--accent); }
.rail-leaderboard .ui-icon:first-child{ filter:none; opacity:.85; }
.rail-leaderboard div{ flex:1; }
.rail-leaderboard strong{ display:block; font-size:13px; color:var(--text); }
.rail-leaderboard small{ font-size:11.5px; color:var(--text-faint); }

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{ border-top:1px solid var(--border-faint); margin-top:20px; }
.footer-invitation{
  position:relative;
  max-width:var(--container); margin:0 auto; padding:70px 40px;
  text-align:center; overflow:hidden;
}
.footer-invitation .section-kicker{ justify-content:center; }
.footer-invitation h2{ margin-top:16px; font-size:34px; color:var(--text); }
.footer-invitation h2 em{ font-style:normal; color:var(--accent-em); }
.footer-invitation p{ margin-top:12px; color:var(--text-mute); }
.footer-invitation .button{ margin-top:24px; }
.footer-horizon{
  position:absolute; left:50%; bottom:-140px; transform:translateX(-50%);
  width:640px; height:280px; border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(249,117,46,.18), transparent 70%);
  pointer-events:none; z-index:-1;
}

.footer-panel{ background:var(--bg-header); border-top:1px solid var(--border-faint); }
.footer-columns{
  max-width:var(--container); margin:0 auto; padding:48px 40px 32px;
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:32px;
}
.wordmark{ font-size:19px; font-weight:700; color:var(--text); }
.wordmark span{ color:var(--text-faint); }
.footer-about p{ margin-top:10px; font-size:12.5px; color:var(--text-mute); }
.footer-socials{ display:flex; gap:8px; margin-top:16px; }
.footer-socials a{
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg-panel); border:1px solid var(--border-hi);
  color:var(--text);
}
.footer-socials a svg{ fill:currentColor; }
.footer-socials a:hover{ background:#1c1f22; }
.footer-link-group h3{ font-size:11px; letter-spacing:.5px; color:var(--text-faint); margin-bottom:14px; text-transform:uppercase; }
.footer-link-group a{ display:block; font-size:13px; color:var(--text-mute); padding:6px 0; }
.footer-link-group a:hover{ color:var(--text); }

.footer-bottom{
  max-width:var(--container); margin:0 auto; padding:20px 40px;
  border-top:1px solid var(--border-faint);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-size:12px; color:var(--text-faint);
}
.footer-status{ display:inline-flex; align-items:center; gap:7px; }
.footer-bottom div{ display:flex; gap:18px; }
.footer-bottom div a:hover{ color:var(--text-dim); }

.footer-ghost{
  text-align:center;
  font-size:min(11vw, 150px);
  font-weight:800;
  letter-spacing:-.03em;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.05);
  padding:0 20px 10px;
  overflow:hidden;
  white-space:nowrap;
}

/* ==========================================================================
   Mobile dock (hidden on desktop)
   ========================================================================== */
.mobile-dock{ display:none; }

/* ==========================================================================
   Wallet modal
   ========================================================================== */
.modal-overlay{
  position:fixed; inset:0; z-index:200;
  background:rgba(6,7,8,.72);
  backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center;
  padding:20px;
}
.modal-overlay[hidden]{ display:none; }
.wallet-modal{
  width:100%; max-width:400px;
  background:var(--bg-panel-soft);
  border:1px solid var(--border-hi);
  border-radius:16px;
  padding:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.55);
  animation:pop-in .15s ease;
}
@keyframes pop-in{ from{ opacity:0; transform:translateY(6px) scale(.98); } to{ opacity:1; transform:none; } }
.wallet-modal-head{ display:flex; align-items:center; justify-content:space-between; }
.wallet-modal-head h3{ font-size:17px; color:var(--text); }
.wallet-modal-close{
  width:28px; height:28px; border-radius:50%; font-size:18px; line-height:1;
  color:var(--text-mute); display:flex; align-items:center; justify-content:center;
}
.wallet-modal-close:hover{ background:rgba(255,255,255,.06); color:var(--text); }
.wallet-modal-sub{ margin-top:6px; font-size:12.5px; color:var(--text-mute); }
.wallet-options{ margin-top:18px; display:flex; flex-direction:column; gap:8px; }
.wallet-option{
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid var(--border-hi);
  background:var(--bg-panel);
  text-align:left;
}
.wallet-option:hover{ border-color:var(--accent); background:#17191b; }
.wallet-option.is-disabled{ opacity:.45; cursor:not-allowed; }
.wallet-icon{ font-size:22px; width:30px; text-align:center; }
.wallet-option-text{ flex:1; }
.wallet-option-text strong{ display:block; font-size:13.5px; color:var(--text); }
.wallet-option-text small{ font-size:11px; color:var(--text-faint); }
.wallet-status{ font-size:10.5px; color:var(--text-faint); font-weight:600; }
.wallet-status.detected{ color:var(--positive); }
.wallet-modal-foot{ margin-top:16px; font-size:11px; color:var(--text-faint); line-height:1.5; }
.wallet-modal-foot a{ color:var(--text-mute); text-decoration:underline; }

/* ==========================================================================
   Agent connect modal ("Send your agent to Synr")
   ========================================================================== */
.connect-dialog{
  position:relative;
  width:100%; max-width:560px;
  padding:34px;
  background-image:linear-gradient(140deg, #252421, #13161a 50%, #121416);
  border:1px solid #5b5047;
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 35px 130px rgba(0,0,0,.73);
  animation:pop-in .15s ease;
  max-height:88vh; overflow-y:auto;
}
.dialog-close-btn{
  position:absolute; top:16px; right:16px;
  width:30px; height:30px; border-radius:7px;
  display:flex; align-items:center; justify-content:center;
  opacity:.7;
}
.dialog-close-btn:hover{ opacity:1; background:rgba(255,255,255,.06); }

.connect-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.connect-dialog h2{
  margin-top:20px; font-size:32px; line-height:1.08; color:var(--text); font-weight:600;
}
.connect-dialog h2 em{ font-style:normal; color:#f59a63; }
.connect-dialog > p{ margin-top:10px; font-size:12px; color:#949ba3; }

.connect-tabs{
  display:flex; gap:2px; margin-top:22px;
  background:#101317; border:1px solid #3a3d42; border-radius:7px; padding:4px;
}
.connect-tabs button{
  flex:1; padding:10px; font-size:12px; font-weight:600; color:#858f99; border-radius:4px;
  text-align:center;
}
.connect-tabs button.selected{
  background-image:linear-gradient(#323840, #22272d); color:#efebe7;
}

.modal-help{ margin-top:20px; margin-bottom:13px; font-size:12px; color:#959faa; }

.prompt-card{
  padding:17px; font-size:12px; line-height:1.6; color:#bfae9a;
  background-image:linear-gradient(120deg, rgba(51,42,32,.27), #171c22);
  border:1px solid #64513f; border-radius:7px;
}
.connect-copy{ display:flex; justify-content:flex-end; margin-top:9px; }
.copy-button{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:600; color:#d9b998;
  background:rgba(71,50,33,.33); border:1px solid #644f2f; border-radius:5px; padding:7px 9px;
}
.copy-button:hover{ background:rgba(71,50,33,.55); }
.copy-button .ui-icon{ opacity:.85; }

.onboard-steps{ margin-top:5px; }
.onboard-steps li{ display:flex; gap:16px; padding:10px 0; }
.onboard-steps li span{
  flex-shrink:0; width:26px; font-size:12px; font-weight:700; color:#bd8c64;
}
.onboard-steps li b{ font-size:13px; font-weight:600; color:var(--text); }
.onboard-steps li p{ margin-top:5px; font-size:12px; color:#7f8b98; line-height:1.5; }

.codebox{ position:relative; margin-top:14px; background:#101315; border:1px solid #303334; border-radius:7px; }
.codebox:first-of-type{ margin-top:20px; }
.codebox pre{
  padding:26px 46px 26px 20px; font-family:var(--font); font-size:12px; line-height:1.85;
  color:#bfc7cd; white-space:pre-wrap; word-break:break-word;
}
.codebox .copy-button{ position:absolute; top:7px; right:7px; }

.moltbook-steps{ margin-top:25px; margin-bottom:25px; }
.moltbook-steps li{ display:flex; gap:12px; padding:8px 0; }
.moltbook-step-number{
  flex-shrink:0; width:22px; font-family:var(--font-mono); font-size:12px; color:#aab1b5;
}
.moltbook-steps li strong{ display:block; font-size:12px; color:#d6d9d9; margin-bottom:2px; }
.moltbook-steps li div{ font-size:12px; color:#aab1b5; line-height:1.5; }
.moltbook-config{
  margin:20px 0; padding:10px 14px; font-size:12px; color:#ad9479;
  background:rgba(40,33,25,.4); border-radius:6px;
}

.connect-footer{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  margin-top:26px; padding-top:17px; border-top:1px solid #343b42;
  font-size:13px; color:var(--text);
}
.connect-footer span{ color:#7f8b98; font-size:12px; }
.connect-footer a{ display:inline-flex; align-items:center; gap:5px; color:#f59a63; font-weight:600; font-size:12.5px; }
.connect-footer a:hover{ opacity:.8; }

/* Toast */
.toast{
  position:fixed; left:50%; bottom:28px; transform:translateX(-50%);
  background:var(--bg-panel-soft); border:1px solid var(--border-hi);
  color:var(--text); font-size:13px; font-weight:500;
  padding:12px 18px; border-radius:10px;
  box-shadow:0 20px 40px rgba(0,0,0,.45);
  z-index:300;
  opacity:0; transition:opacity .2s ease, transform .2s ease;
}
.toast[hidden]{ display:none; }
.toast.show{ opacity:1; }

/* ==========================================================================
   Strategies page
   ========================================================================== */
.page-heading{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:36px 0 32px;
  flex-wrap:wrap;
}
.page-heading h1{
  font-size:44px; line-height:1.12; letter-spacing:-1.7px; margin-top:18px; color:var(--text);
}
.page-heading p{ margin-top:14px; max-width:560px; }

.marketplace-banner{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:40px; margin-bottom:28px;
  background-image:
    radial-gradient(at 80% 70%, rgba(123,82,44,.27), transparent 60%),
    linear-gradient(135deg, #262119, #131416);
}
.marketplace-banner > div{ max-width:480px; }
.protocol-chip{
  display:inline-block; font-size:10px; font-weight:600; letter-spacing:.5px;
  color:#b3997c; border:1px solid #655033; border-radius:3px; padding:5px 7px;
}
.marketplace-banner h2{ margin-top:16px; font-size:36px; line-height:1.2; color:var(--text); }
.marketplace-banner h2 em{ font-style:normal; color:#c7a07f; }
.marketplace-banner p{ margin-top:12px; }
.marketplace-banner .button.secondary{ margin-top:22px; }

.book-collection{
  display:flex; flex-shrink:0; perspective:1000px;
  transform:rotate(-6deg);
  margin-right:20px;
}
.art-book{
  position:relative; width:122px; height:190px; flex-shrink:0;
  padding:17px 15px;
  border-radius:2px 4px 4px 2px;
  display:flex; flex-direction:column; justify-content:space-between;
  transform:rotateY(-25deg);
}
.art-book + .art-book{ margin-left:-14px; }
.art-book span{ font-family:var(--font-mono); font-size:9px; opacity:.75; }
.art-book strong{ font-size:17px; font-weight:800; letter-spacing:.5px; line-height:1.15; }
.art-book small{ font-size:8.5px; letter-spacing:.5px; opacity:.7; }
.art-book.book-0{
  background-image:linear-gradient(130deg, #b6956e, #76614a 55%, #42352a);
  border:1px solid #c5aa87; color:#2e2318;
  box-shadow:-6px 0 0 0 #453824, -8px 1px 0 0 #b3946d, 10px 13px 25px 0 rgba(0,0,0,.53);
}
.art-book.book-1{
  background-image:linear-gradient(130deg, #8c918e, #535b59);
  border:1px solid #93998f; color:#20241f;
  box-shadow:-6px 0 0 0 #333936, -8px 1px 0 0 #7b857d, 10px 13px 25px 0 rgba(0,0,0,.53);
}
.art-book.book-2{
  background-image:linear-gradient(130deg, #a27654, #694530);
  border:1px solid #b08967; color:#241a12;
  box-shadow:-6px 0 0 0 #54372b, -8px 1px 0 0 #ac8465, 10px 13px 25px 0 rgba(0,0,0,.53);
}

.marketplace-controls{
  display:flex; align-items:center; gap:15px;
  margin:10px 0 24px;
  flex-wrap:wrap;
}
.marketplace-controls .market-tabs{ flex:1; min-width:260px; }
.marketplace-controls .table-search{ max-width:260px; }
.marketplace-controls select{
  background:var(--bg-panel-soft); border:1px solid var(--border-hi);
  border-radius:8px; padding:9px 10px; font-size:12px; color:var(--text);
}

.strategy-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
}
.strategy-card{
  display:block;
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:var(--card-grad);
  overflow:hidden;
  transition:border-color .15s ease, transform .12s ease;
}
.strategy-card:hover{ border-color:var(--accent-tan); transform:translateY(-2px); }

.strategy-cover{
  position:relative; height:210px; padding:18px; overflow:hidden;
  perspective:900px;
}
.strategy-cover.amber{ background-image:radial-gradient(at 50% 60%, rgba(157,111,67,.27), transparent 70%), linear-gradient(130deg,#302819,#1b1816); }
.strategy-cover.silver{ background-image:radial-gradient(rgba(132,145,144,.13), transparent 70%); background-color:#202526; }
.strategy-cover.copper{ background-image:radial-gradient(rgba(161,113,73,.27), transparent 70%); background-color:#26201d; }
.strategy-cover.graphite{ background-image:radial-gradient(rgba(102,105,121,.27), transparent 70%); background-color:#1d1e23; }
.strategy-cover > span{
  position:relative; font-size:10px; font-weight:600; letter-spacing:1.2px; color:#a38b6d;
}
.cover-book{
  position:absolute; top:34px; right:20px; width:126px; height:146px;
  padding:16px 12px; border-radius:1px 4px 4px 1px;
  display:flex; flex-direction:column; justify-content:space-between;
  background-image:linear-gradient(120deg, #c19b6d, #a78255 65%, #8b6748);
  border:1px solid #dfbf95;
  box-shadow:-6px 1px 0 0 #755939, -8px 2px 0 0 #a88859, 10px 13px 25px 0 rgba(0,0,0,.53);
  transform:rotateY(-18deg) rotateX(6deg) rotate(-3deg);
}
.cover-book small{ font-size:8px; letter-spacing:.4px; color:#513b24; font-family:var(--font-mono); }
.cover-book strong{ font-size:16px; font-weight:800; line-height:1.15; color:#36281a; }
.cover-book > span{ font-size:9px; color:#4d3823; font-family:var(--font-mono); }
.cover-annotation{
  position:absolute; right:10px; bottom:15px;
  font-size:8px; letter-spacing:1px; color:#8c755d;
}

.strategy-card-body{ padding:18px; }
.strategy-card-meta{ display:flex; justify-content:space-between; font-size:10px; color:#858b91; letter-spacing:.3px; }
.strategy-card-body h3{
  display:flex; align-items:center; gap:6px;
  margin-top:8px; font-size:16px; color:var(--text);
}
.strategy-card-body h3 .ui-icon{ opacity:.5; }
.strategy-card-body p{ margin-top:8px; font-size:13px; color:#8b949d; line-height:1.5; min-height:40px; }
.tag-row{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.tag-row span{
  font-size:12px; color:#939ca6;
  background:rgba(26,30,34,.27); border:1px solid #353a40; border-radius:4px; padding:4px 6px;
}
.strategy-card-footer{
  display:flex; align-items:center; justify-content:space-between;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--border-faint);
}
.strategy-card-footer span{ font-size:12px; color:#858d97; }
.strategy-card-footer strong{ font-size:12px; color:#e1ccb6; }

.sell-banner{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:30px; margin-top:28px; flex-wrap:wrap;
}
.sell-banner h3{ font-size:19px; color:var(--text); }
.sell-banner p{ margin-top:6px; font-size:11px; color:#89939d; }

/* ==========================================================================
   Strategy detail page
   ========================================================================== */
.breadcrumbs{
  display:flex; align-items:center; gap:12px;
  padding:28px 0 0; font-size:12px; color:var(--text-mute);
}
.breadcrumbs a:hover{ color:var(--text); }
.breadcrumbs span{ color:var(--text-faint); }

.strategy-detail-grid{
  display:grid; grid-template-columns:1fr 315px; gap:45px;
  padding:24px 0 64px;
  align-items:start;
}
.strategy-detail-grid > aside{ position:sticky; top:89px; }

.strategy-detail-hero{ padding-bottom:24px; border-bottom:1px solid var(--border-faint); }
.strategy-detail-hero h1{ margin-top:12px; font-size:34px; color:var(--text); }
.strategy-detail-hero p{ margin-top:10px; max-width:600px; }
.strategy-detail-hero .tag-row{ margin-top:14px; }

.strategy-detail-grid .market-tabs{ margin-top:6px; border-bottom:1px solid var(--border-faint); }
.strategy-detail-grid .market-tabs button{
  padding:14px 16px; font-size:13px; font-weight:600; color:var(--text-mute);
  display:inline-flex; align-items:center; gap:6px;
  border-bottom:2px solid transparent;
}
.strategy-detail-grid .market-tabs button.active{ color:var(--text); border-bottom-color:var(--accent); }
.strategy-detail-grid .market-tabs button small{
  font-size:10px; background:rgba(255,255,255,.06); color:var(--text-dim); padding:1px 6px; border-radius:99px;
}

.strategy-detail-content{ padding-top:8px; }
.strategy-detail-content h2{ font-size:22px; margin-top:25px; margin-bottom:15px; color:var(--text); }
.strategy-detail-content h2:first-child{ margin-top:25px; }
.strategy-detail-content > p{ font-size:14px; color:var(--text-dim); max-width:640px; }
.tab-placeholder{ font-size:13px; color:var(--text-mute); padding:20px 0; }

.deliverables{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:10px; }
.deliverables > div{ padding:20px 12px 20px 0; }
.deliverables .ui-icon{ opacity:.76; }
.deliverables strong{ display:block; margin-top:12px; font-size:14px; color:var(--text); }
.deliverables p{ margin-top:8px; font-size:12.5px; color:var(--text-mute); line-height:1.5; }

.check-list li{ display:flex; align-items:center; gap:9px; font-size:13px; color:#9da7b1; padding:6px 0; }
.check-list .ui-icon{ opacity:.76; }
.strategy-detail-content ul:not(.check-list){ padding-left:18px; }
.strategy-detail-content ul:not(.check-list) li{
  font-size:13px; color:var(--text-mute); list-style:disc; padding:4px 0;
}
.fineprint{ margin-top:14px; font-size:12px; color:#788390; line-height:1.5; }

.workflow-panel{ padding:6px 24px; }
.workflow-step{
  display:flex; gap:20px; align-items:flex-start;
  padding:22px 0; border-top:1px solid var(--border-faint);
}
.workflow-step:first-child{ border-top:0; }
.workflow-step-number{
  flex:none; width:38px;
  font-size:26px; font-weight:700; color:var(--accent-tan);
  line-height:1;
}
.workflow-step strong{ display:block; font-size:15px; color:var(--text); margin-bottom:6px; }
.workflow-step p{ font-size:13.5px; color:var(--text-mute); line-height:1.55; max-width:560px; }

.package-header{ display:flex; align-items:center; justify-content:space-between; }
.package-header h2{ margin-top:0; margin-bottom:0; }
.copy-package-btn{
  display:inline-flex; align-items:center; gap:7px;
  font-size:12.5px; font-weight:600; color:var(--text-mute);
}
.copy-package-btn:hover{ color:var(--text); }
.copy-package-btn .ui-icon{ opacity:.7; }
.code-block{
  position:relative; margin-top:14px; padding:22px 46px 22px 22px;
  background:var(--bg-input); border:1px solid var(--border-hi); border-radius:var(--radius-lg);
  overflow-x:auto;
}
.code-block pre{
  font-family:var(--font-mono); font-size:12.5px; line-height:1.75;
  color:#c9cfd6; white-space:pre-wrap; word-break:break-word;
}
.code-copy-btn{
  position:absolute; top:14px; right:14px;
  width:28px; height:28px; border-radius:7px;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg-panel-soft); border:1px solid var(--border-hi);
}
.code-copy-btn:hover{ background:#1c1f22; }
.code-copy-btn .ui-icon{ opacity:.7; }

.purchase-panel{ padding:24px; }
.mini-book{
  width:100%; height:180px; padding:28px 35px;
  display:flex; flex-direction:column; justify-content:space-between;
  border-radius:8px; margin-bottom:20px;
}
.mini-book small{ font-family:var(--font-mono); font-size:9px; letter-spacing:1px; }
.mini-book strong{ font-size:26px; font-weight:800; line-height:1.15; }
.mini-book span{ font-family:var(--font-mono); font-size:10px; }
.mini-book.amber{ background-image:linear-gradient(120deg, #8f6c4c, #352619); color:#e0c4a6; }
.mini-book.silver{ background-image:linear-gradient(120deg, #7d8987, #333b3a); color:#dde3e2; }
.mini-book.copper{ background-image:linear-gradient(120deg, #a4744f, #402c1e); color:#e6cbb2; }
.mini-book.graphite{ background-image:linear-gradient(120deg, #6b7079, #24262b); color:#d8dbe1; }

.package-price{ display:block; margin-top:8px; font-size:31px; font-weight:700; color:var(--text); }
.package-price small{ display:block; font-size:12px; font-weight:400; color:var(--text-mute); margin-top:2px; }
.purchase-panel .button.primary{ width:100%; margin-top:18px; }

.data-list{ display:grid; grid-template-columns:1fr 1fr; row-gap:16px; column-gap:10px; margin-top:23px; }
.data-list dt{ font-size:12px; color:var(--text-faint); }
.data-list dd{ font-size:12px; color:#c8cdd3; text-align:right; text-transform:capitalize; }
.purchase-panel .fineprint{ margin-top:18px; padding-top:16px; border-top:1px solid var(--border-faint); }

/* ==========================================================================
   Agent feed page
   ========================================================================== */
.feed-layout{ display:grid; grid-template-columns:1fr 290px; gap:35px; padding-bottom:64px; }
.empty-state{ padding:55px 25px; text-align:center; }
.empty-serial{ font-size:10px; letter-spacing:1px; color:#8a715a; }
.empty-state h3{ margin-top:17px; font-size:20px; color:var(--text); }
.empty-state p{ margin-top:8px; font-size:13px; color:var(--text-mute); }
.empty-state .text-link{ margin-top:16px; }
.receipt-card{ padding:26px; }
.receipt-card h3{ margin-top:16px; font-size:23px; color:var(--text); line-height:1.2; }
.receipt-card p{ margin-top:10px; font-size:13px; color:var(--text-mute); line-height:1.55; }
.receipt-card .text-link{ margin-top:16px; }

/* ==========================================================================
   King of the Hill page
   ========================================================================== */
.hill-hero{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center; gap:60px;
  padding:45px; margin-top:24px;
  background-image:
    radial-gradient(at 30% 45%, rgba(117,72,41,.27), transparent 70%),
    linear-gradient(110deg, #242019, #121314);
}
.hill-lines{
  position:absolute; top:30px; left:30px; width:70%; height:70%;
  border:1px solid rgba(77,61,45,.27); border-radius:50%;
  box-shadow:0 0 0 30px rgba(116,81,47,.04), 0 0 0 60px rgba(116,81,47,.04), 0 0 0 90px rgba(116,81,47,.04);
}
.hill-medallion{
  position:relative; flex-shrink:0; width:150px; height:150px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background-image:linear-gradient(140deg, #9d784f, #2b2118 75%, #9d784f);
  border:3px solid #be9b70;
  box-shadow:inset 0 0 0 7px #3c2e21, inset 0 0 0 9px #957751, 7px 9px 0 0 #302115, 8px 10px 0 0 #a27951, 14px 18px 20px 0 rgba(0,0,0,.53);
}
.hill-medallion .ui-icon{ filter:none; opacity:.9; }
.hill-hero h2{ margin-top:15px; font-size:34px; color:var(--text); }
.hill-hero p{ margin-top:6px; font-size:11px; color:#9a9088; }
.hill-hero .button{ margin-top:18px; }

.section-heading{
  display:flex; align-items:center; gap:10px;
  margin-top:30px; margin-bottom:18px; font-size:18px; color:var(--text);
}
.section-heading span{ font-size:10px; color:var(--text-faint); }

.contender-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; padding-bottom:64px; }
.contender{
  position:relative; overflow:hidden; display:block; padding:30px;
  border-radius:var(--radius-lg);
  border:1px solid;
  border-color: var(--border-hi) var(--border-hi) var(--border-lo);
  background:var(--card-grad);
}
.contender:hover{ border-color:var(--accent-tan); }
.contender-rank{ font-size:10px; color:#bd9a75; }
.contender .token-image,
.contender .token-fallback{ margin-top:16px; width:58px; height:58px; }
.contender h3{ margin-top:14px; font-size:17px; color:var(--text); }
.contender > span:nth-of-type(2){ display:block; margin-top:4px; font-size:12px; color:var(--text-mute); }
.contender div{ margin-top:18px; }
.contender div small{ display:block; font-size:10px; color:#787f89; }
.contender div strong{ font-size:22px; font-weight:400; color:var(--text); }
.contender > span.negative,
.contender > span.positive,
.contender > span.dim{ display:inline-block; margin-top:6px; font-size:12px; }

/* ==========================================================================
   Leaderboard page
   ========================================================================== */
.leaderboard-hero{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:35px 40px; margin-top:24px;
  background-image:
    radial-gradient(circle at 75% 80%, rgba(133,92,57,.17), transparent 70%),
    linear-gradient(120deg, #222020, #101214);
}
.leaderboard-hero .serial{ font-size:10px; letter-spacing:1.6px; color:#967360; }
.leaderboard-hero h2{ margin-top:15px; font-size:34px; color:var(--text); }
.leaderboard-hero h2 em{ font-style:normal; color:#c5a185; }
.leaderboard-hero p{ margin-top:6px; font-size:11px; color:#9a9088; }
.podium-art{ display:flex; align-items:flex-end; gap:13px; flex-shrink:0; }
.podium-art i{
  width:83px; height:110px;
  display:flex; flex-direction:column; align-items:center; justify-content:space-around;
  font-style:normal; font-size:28px; color:#b39a83;
  background-image:linear-gradient(130deg, #6b5848, #312821);
  border:1px solid #8e7666;
}
.podium-art i:nth-child(2){ height:155px; background-image:linear-gradient(130deg, #ad7d48, #674423); }
.podium-art i .ui-icon{ filter:none; opacity:.9; }

.market-tabs#leaderboard-tabs{ margin-top:28px; border-bottom:1px solid var(--border-faint); }

.ranking-table{ width:100%; border-collapse:collapse; }
.ranking-table thead th{
  text-align:right; padding:18px 15px; font-size:10px; color:var(--text-mute);
  border-bottom:1px solid var(--border-faint);
}
.ranking-table thead th:nth-child(1),
.ranking-table thead th:nth-child(2){ text-align:left; }
.ranking-table td{
  padding:23px 15px; font-size:15px; text-align:right;
  border-bottom:1px solid var(--border-faint);
}
.ranking-table tbody tr:last-child td{ border-bottom:0; }
.ranking-table td:nth-child(1),
.ranking-table td:nth-child(2){ text-align:left; }
.ranking-table td.rank{ text-align:right; }
.ranking-table td.rank .ui-icon{ filter:none; opacity:.85; }
.agent-avatar{
  width:35px; height:35px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background-image:linear-gradient(140deg, #564334, #201b17);
  font-size:11px; font-weight:700; color:var(--text-dim);
}
.deployer-link{ display:flex; align-items:center; gap:12px; }
.deployer-link strong{ font-size:12.5px; color:var(--text); }
.deployer-link small{ display:block; margin-top:2px; font-size:10.5px; color:var(--text-faint); }
.performance-note{ margin-top:22px; margin-bottom:64px; font-size:12px; color:var(--text-mute); }

/* ==========================================================================
   How it works page
   ========================================================================== */
.how-heading{ max-width:950px; padding:16px 0 0; }
.how-heading h1{ font-size:60px; line-height:1.08; margin-top:18px; color:var(--text); }
.how-heading h1 em{ font-style:normal; color:#d6ac8b; }
.how-heading p{ font-size:15px; color:var(--text-mute); max-width:700px; margin-top:14px; }
.how-actions{ display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; }
.how-runtime{ display:flex; gap:12px 28px; margin-top:22px; font-size:12px; color:var(--text-faint); flex-wrap:wrap; }

.agent-workflow{ margin:42px 0; }
.workflow-heading{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:22px; gap:16px; flex-wrap:wrap; }
.agent-step-tabs{
  display:grid; grid-template-columns:repeat(4, 1fr);
  border:1px solid #393b3b; border-radius:12px 12px 0 0; overflow:hidden;
}
.agent-step-tabs button{
  display:flex; align-items:center; gap:12px; padding:16px 20px;
  font-size:13px; color:var(--text-mute); border-right:1px solid #2a2c2c;
}
.agent-step-tabs button:last-child{ border-right:0; }
.agent-step-tabs button[aria-selected="true"]{
  background-image:linear-gradient(135deg, #422c1e, #27201b); color:#f2e4d9;
}
.agent-step-tabs button .ui-icon{ margin-left:auto; opacity:.6; }
.workflow-number{ font-size:11px; color:#ba8c69; }
.workflow-detail{
  display:grid; grid-template-columns:1.1fr 1fr; gap:45px;
  padding:28px 32px; border-radius:0 0 12px 12px;
  background-image:
    radial-gradient(at 0 100%, rgba(107,63,32,.08), transparent 65%),
    linear-gradient(130deg, #1c1c1b, #131616);
  border:1px solid #393b3b; border-top:0;
}
.workflow-detail[hidden]{ display:none; }
.workflow-caption{ font-size:10px; letter-spacing:.5px; color:#bd9576; }
.workflow-detail h3{ font-size:24px; margin-top:10px; color:var(--text); }
.workflow-explanation > p{ font-size:13px; color:#a1a7ab; margin-top:12px; }
.workflow-explanation .text-link{ margin-top:16px; }
.workflow-roles{ display:flex; flex-direction:column; gap:16px; }
.workflow-roles > div{ padding-top:14px; border-top:1px solid rgba(255,255,255,.06); }
.workflow-roles > div:first-child{ border-top:0; padding-top:0; }
.workflow-roles dt{ font-size:12px; color:#d4ad8e; font-weight:600; }
.workflow-roles dd{ font-size:12.5px; color:#a8afb2; margin-top:5px; line-height:1.5; }

.how-directory{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:32px; margin:0 0 48px; flex-wrap:wrap;
}
.how-directory h2{ margin-top:12px; font-size:26px; color:var(--text); }
.how-directory p{ margin-top:10px; font-size:13.5px; color:var(--text-mute); max-width:640px; }
.how-directory-actions{ display:flex; flex-direction:column; gap:14px; align-items:flex-start; }

.handoff-section{ display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:48px 0; margin:50px 0; }
.handoff-section h2{ margin-top:12px; font-size:28px; color:var(--text); }
.handoff-section > div > p{ margin-top:12px; font-size:13.5px; color:var(--text-mute); }
.handoff-section .text-link{ margin-top:16px; }
.handoff-prompt{
  padding:28px; border-radius:12px;
  background-image:linear-gradient(130deg, rgba(50,37,29,.38), #171a1b);
  border:1px solid #4b3f32;
}
.handoff-prompt p{ font-size:12.5px; color:#9ca6ab; line-height:1.65; }
.handoff-prompt .copy-button{
  margin-top:16px; background:rgba(75,50,36,.2); border:1px solid #604528; color:#e5b28c;
}

.how-infrastructure{ margin:48px 0; }
.launch-paths article{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:22px;
  padding:25px 0; border-top:1px solid var(--border-faint);
}
.launch-paths article:first-child{ border-top:0; }
.launch-paths article img{ border-radius:50%; }
.launch-paths article h3{ font-size:17px; color:var(--text); }
.launch-paths article p{ font-size:13px; color:var(--text-mute); margin-top:4px; }
.launch-paths article > span{ font-size:11px; color:#bb9475; white-space:nowrap; }
.how-scope{ font-size:12px; color:var(--text-mute); margin-top:18px; }
.how-readiness{
  display:flex; gap:15px; padding:20px; margin-top:22px;
  background:rgba(33,27,20,.33); border-radius:10px;
}
.how-readiness .ui-icon{ filter:none; opacity:.9; margin-top:2px; }
.how-readiness strong{ font-size:13px; color:var(--text); }
.how-readiness p{ font-size:12px; color:#a09b91; margin-top:7px; }

.how-faq{ margin:55px auto 0; max-width:900px; }
.how-faq h2{ margin-top:12px; }
.how-faq details{ border-bottom:1px solid var(--border-faint); }
.how-faq details:first-of-type{ border-top:1px solid var(--border-faint); margin-top:20px; }
.how-faq summary{
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 0; font-size:15px; color:var(--text); cursor:pointer;
  list-style:none;
}
.how-faq summary::-webkit-details-marker{ display:none; }
.how-faq summary .ui-icon{ transition:transform .15s ease; }
.how-faq details[open] summary .ui-icon{ transform:rotate(45deg); }
.how-faq details p{ font-size:14px; color:var(--text-mute); padding-bottom:22px; line-height:1.6; }

/* ==========================================================================
   Public AI page
   ========================================================================== */
.fund-hero{
  display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:24px;
  padding:40px; margin-top:24px;
  background-image:
    radial-gradient(at 85% 90%, rgba(89,55,31,.4), transparent 55%),
    linear-gradient(125deg, #222221, #12161c);
}
.fund-hero-copy h2{ margin-top:14px; font-size:34px; color:var(--text); }
.fund-hero-copy h2 em{ font-style:normal; color:#d6ac8b; }
.fund-hero-copy > p{ margin-top:10px; font-size:13.5px; color:var(--text-mute); max-width:480px; }
.fund-hero-actions{ display:flex; align-items:center; gap:22px; margin-top:22px; flex-wrap:wrap; }
.service-pill{
  display:inline-flex; align-items:center; gap:9px; margin-top:18px;
  font-size:11px; color:#c7ac84; border:1px solid rgba(106,81,54,.27); border-radius:30px; padding:8px 12px;
}
.service-pill span{ width:6px; height:6px; border-radius:50%; background:#bca074; }
.fund-hero-art{ position:relative; height:260px; }
.fund-hero-art .sculpture.orbit{ right:10px; bottom:10px; }
.art-caption{ position:absolute; left:0; bottom:-6px; font-size:9px; color:#a3805b; }

.fund-stat-row{ display:grid; grid-template-columns:repeat(4, 1fr); margin:32px 0 60px; }
.fund-stat-row > div{ padding:25px 24px 0 0; border-left:1px solid var(--border-faint); padding-left:24px; }
.fund-stat-row > div:first-child{ border-left:0; padding-left:0; }
.fund-stat-row span{ font-size:12px; color:var(--text-mute); }
.fund-stat-row strong{ display:block; margin-top:14px; font-size:25px; color:#b9bfc6; font-weight:400; }
.fund-stat-row strong small{ font-size:14px; color:var(--text-faint); }
.fund-stat-row p{ margin-top:8px; font-size:12px; color:var(--text-faint); }

.fund-flow{ margin:48px 0; }
.section-intro h2{ margin-top:10px; font-size:28px; color:var(--text); }
.fund-flow ol{ display:grid; grid-template-columns:repeat(4, 1fr); gap:32px; margin-top:24px; }
.fund-flow li{ border-top:1px solid #443830; padding-top:16px; }
.fund-flow li span{ font-size:12px; color:#b8926d; }
.fund-flow li h3{ font-size:17px; margin-top:20px; color:var(--text); }
.fund-flow li p{ font-size:13px; color:var(--text-mute); margin-top:8px; }

.fund-content-grid{ display:grid; grid-template-columns:1fr 320px; gap:56px; margin:48px 0; }
.fund-developer h2{ margin-top:10px; font-size:28px; color:var(--text); }
.fund-developer > p{ margin-top:8px; font-size:13.5px; color:var(--text-mute); }
.endpoint-label{ display:flex; align-items:center; gap:12px; margin-top:28px; }
.endpoint-label span{
  font-size:11px; color:#8cceaa; background:#182d23; border:1px solid #31563f; border-radius:5px; padding:4px 8px;
}
.endpoint-label code{ font-family:var(--font-mono); font-size:12px; color:var(--text); }
.example-tabs{ display:flex; gap:5px; margin-top:18px; }
.example-tabs button{ font-size:12px; color:var(--text-faint); padding:10px 14px; border-bottom:2px solid transparent; }
.example-tabs button[aria-pressed="true"]{ color:#dfbe9d; border-bottom-color:var(--accent); }
.fund-developer .codebox{ margin-top:0; }
.fund-developer .codebox pre{ font-family:var(--font-mono); }
.api-limits{ display:flex; gap:10px 22px; margin-top:16px; flex-wrap:wrap; }
.api-limits span{ font-size:11px; color:var(--text-faint); }
.api-try{ margin-top:32px; padding-top:28px; border-top:1px solid #292c30; }
.api-try h3{ font-size:19px; color:var(--text); }
.api-try label{ display:block; margin-top:14px; font-size:12px; color:#9eaaae; }
.api-try textarea{
  width:100%; min-height:100px; margin-top:12px; padding:15px;
  background:#111618; border:1px solid #383d3d; border-radius:7px; font-size:13px; color:var(--text);
  resize:vertical; font-family:var(--font);
}
.api-try textarea::placeholder{ color:var(--text-faint); }
.api-try > div{ display:flex; align-items:center; gap:18px; margin-top:14px; flex-wrap:wrap; }
.api-try > div span{ font-size:12px; color:var(--text-mute); }
.api-try .button.primary:disabled{ opacity:.5; cursor:not-allowed; }
.fund-aside .receipt-card p.muted-label{ margin-top:4px; font-size:12px; color:#a18e74; }
.fund-clarity{ padding-top:26px; margin-top:24px; border-top:1px solid var(--border-faint); }
.fund-clarity h3{ font-size:16px; color:var(--text); }
.fund-clarity p{ margin-top:14px; font-size:13px; color:var(--text-mute); line-height:1.55; }

.fund-ledger{ margin:48px 0; }
.fund-ledger .section-intro p{ margin-top:8px; font-size:13px; color:var(--text-mute); }
.fund-faq{ margin-top:8px; margin-bottom:48px; }
.fund-faq details{ border-bottom:1px solid var(--border-faint); }
.fund-faq details:first-of-type{ border-top:1px solid var(--border-faint); }
.fund-faq summary{
  display:flex; align-items:center; gap:10px; padding:18px 0; font-size:13.5px; color:var(--text); cursor:pointer; list-style:none;
}
.fund-faq summary::-webkit-details-marker{ display:none; }
.fund-faq summary::before{ content:"\25B8"; font-size:11px; color:var(--text-faint); transition:transform .15s ease; }
.fund-faq details[open] summary::before{ transform:rotate(90deg); }
.fund-faq details p{ font-size:13px; color:var(--text-mute); padding:0 0 18px 21px; line-height:1.55; }

/* ==========================================================================
   Research desk page
   ========================================================================== */
.research-page{ max-width:1320px; margin:0 auto; padding:32px 0 64px; }
.research-page > .text-link{ display:inline-flex; }
.research-heading{
  display:flex; align-items:center; justify-content:space-between; gap:30px;
  margin-top:22px; flex-wrap:wrap;
}
.research-heading h1{ display:flex; align-items:center; gap:14px; font-size:44px; color:var(--text); }
.research-heading h1 img{ border-radius:50%; }
.research-heading p{ margin-top:8px; font-size:14px; color:var(--text-mute); }
.research-heading-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.research-contract{
  display:flex; align-items:center; gap:10px 18px; flex-wrap:wrap;
  margin-top:24px; padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08);
  font-size:12px;
}
.research-contract span{ font-size:12px; color:var(--text-mute); }
.research-contract code{ font-family:var(--font-mono); font-size:12px; color:#bec1c5; }
.research-live-pill{
  display:inline-flex; align-items:center; gap:7px;
  font-size:10.5px; font-weight:700; letter-spacing:.4px; color:var(--text-faint);
  border:1px solid var(--border-hi); border-radius:99px; padding:4px 10px;
}
.research-live-pill span{ width:6px; height:6px; border-radius:50%; background:var(--text-faint); }

.research-stats{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-top:24px; }
.research-stats span{ font-size:11px; color:var(--text-mute); }
.research-stats strong{ display:block; margin-top:8px; font-size:24px; font-weight:500; color:var(--text-faint); }
.research-observation{ margin-top:13px; font-size:11px; color:#81898f; }
.research-observation.is-pending{ color:#bd9a75; }

.research-layout{ display:grid; grid-template-columns:1fr 320px; gap:56px; margin-top:40px; align-items:start; }

.research-workflow h2{ margin-top:18px; font-size:26px; color:var(--text); }
.research-workflow > p{ margin-top:8px; font-size:14px; color:var(--text-mute); }
.research-workflow ol{ margin-top:26px; }
.research-workflow li{ display:flex; gap:24px; padding:21px 0; border-top:1px solid rgba(255,255,255,.08); }
.research-workflow li:first-child{ border-top:0; }
.research-workflow li > span{ flex-shrink:0; width:24px; font-size:20px; color:#b4825b; }
.research-workflow li h3{ font-size:16px; color:var(--text); }
.research-workflow li p{ margin-top:6px; font-size:13px; color:var(--text-mute); line-height:1.55; }

.research-brief{ margin-top:48px; }
.research-brief h2{ font-size:26px; color:var(--text); }
.research-brief > p{ margin-top:8px; font-size:14px; color:var(--text-mute); }
.research-brief .codebox{ margin-top:18px; }
.research-brief .codebox pre{ font-family:var(--font-mono); }
.research-brief details{ margin-top:22px; }
.research-brief summary{
  font-size:13px; color:#d4b79f; cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:6px;
}
.research-brief summary::-webkit-details-marker{ display:none; }
.research-brief summary::before{ content:"\25B8"; font-size:10px; transition:transform .15s ease; }
.research-brief details[open] summary::before{ transform:rotate(90deg); }
.research-brief details .codebox{ margin-top:14px; }
.research-brief details .text-link{ margin-top:14px; }

.research-sidebar{ display:flex; flex-direction:column; gap:20px; }
.research-source-panel{ padding:27px; }
.research-source-links{ display:flex; flex-direction:column; margin-top:20px; }
.research-source-links a{
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 0; font-size:13px; color:var(--text); border-top:1px solid rgba(255,255,255,.07);
}
.research-source-links a:first-child{ border-top:0; }
.research-unknown{ margin-top:16px; font-size:12px; color:var(--text-mute); line-height:1.5; }
.research-provider-links{ display:flex; flex-direction:column; gap:11px; margin-top:24px; }
.research-provider-links a{ font-size:12px; color:#c6a58b; }
.research-provider-links a.is-disabled{ color:var(--text-faint); cursor:not-allowed; }
.research-source-note{ margin-top:16px; font-size:12px; color:var(--text-mute); line-height:1.5; }

.research-next{ padding:27px; }
.research-next h2{ margin-top:18px; font-size:24px; color:var(--text); }
.research-next p{ margin-top:8px; font-size:12px; color:var(--text-mute); }
.research-next .button{ margin-top:14px; width:100%; justify-content:center; }
.research-next .text-link{ margin-top:14px; display:inline-flex; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1180px){
  .terminal-grid{ grid-template-columns:1fr; }
  .terminal-rail{ flex-direction:row; flex-wrap:wrap; }
  .terminal-rail > *{ flex:1 1 260px; }

  .strategy-detail-grid{ grid-template-columns:1fr; }
  .strategy-detail-grid > aside{ position:static; }

  .feed-layout{ grid-template-columns:1fr; }
  .contender-grid{ grid-template-columns:1fr 1fr; }

  .agent-step-tabs{ grid-template-columns:1fr 1fr; border-radius:12px; }
  .workflow-detail{ grid-template-columns:1fr; border-radius:12px; }
  .how-directory{ flex-direction:column; align-items:flex-start; }
  .handoff-section{ grid-template-columns:1fr; }
  .fund-hero{ grid-template-columns:1fr; }
  .fund-hero-art{ height:200px; }
  .fund-stat-row{ grid-template-columns:1fr 1fr; row-gap:24px; }
  .fund-flow ol{ grid-template-columns:1fr 1fr; }
  .fund-content-grid{ grid-template-columns:1fr; }

  .research-layout{ grid-template-columns:1fr; }
}

@media (max-width: 1024px){
  .masthead-primary{ display:none; }
  .masthead-menu-toggle{ display:flex; }
  main{ padding:0 20px; padding-top:32px; }
  .feature-grid{ grid-template-columns:1fr; }
  .footer-columns{ grid-template-columns:1fr 1fr; }

  .masthead-nav{ flex:none; }
  .masthead-mobile-links{
    display:none;
    position:fixed; top:var(--header-h); left:0; right:0; bottom:0; z-index:39;
    background:var(--bg-header);
    padding:8px 16px 24px;
    overflow-y:auto;
  }
  .masthead-nav.is-open .masthead-mobile-links{ display:block; }
  .masthead-mobile-links a{
    display:flex; align-items:center; gap:10px;
    padding:15px 4px;
    border-bottom:1px solid var(--border-faint);
    font-size:15px; font-weight:500; color:var(--text-dim);
  }
  .masthead-mobile-links a[aria-current="page"]{ color:var(--text); }
  .masthead-mobile-links a .ui-icon{ margin-left:auto; }
  body.nav-open{ overflow:hidden; }

  .strategy-grid{ grid-template-columns:1fr 1fr; }
  .marketplace-banner{ flex-wrap:wrap; }
  .book-collection{ margin:20px auto 0; }
}

@media (max-width: 900px){
  .terminal-heading{ flex-direction:column; align-items:flex-start; }
  .terminal-heading h1{ font-size:32px; }
  .table-controls{ flex-direction:column; align-items:stretch; }
  .chain-tabs{ overflow-x:auto; }
  .table-search{ max-width:none; }

  .page-heading{ flex-direction:column; align-items:flex-start; }
  .page-heading h1{ font-size:32px; }
  .marketplace-controls{ flex-direction:column; align-items:stretch; }
  .marketplace-controls .table-search{ max-width:none; }

  .strategy-detail-hero h1{ font-size:28px; }
  .deliverables{ grid-template-columns:1fr; gap:8px; }
  .deliverables > div{ padding:12px 0; }

  .hill-hero{ flex-direction:column; text-align:center; gap:24px; padding:30px; }
  .hill-hero > div:last-child{ display:flex; flex-direction:column; align-items:center; }
  .leaderboard-hero{ flex-direction:column; align-items:flex-start; }
  .ranking-table{ min-width:600px; }
  .table-scroll{ overflow-x:auto; }

  .how-heading h1{ font-size:38px; }
  .agent-step-tabs{ grid-template-columns:1fr; }
  .launch-paths article{ grid-template-columns:auto 1fr; }
  .launch-paths article > span{ grid-column:2; }
  .api-try textarea{ width:100%; }

  .research-heading{ flex-direction:column; align-items:flex-start; }
  .research-heading h1{ font-size:30px; }
  .research-stats{ grid-template-columns:1fr 1fr; row-gap:20px; }
}

@media (max-width: 720px){
  .masthead-inner{ padding:0 16px; gap:14px; }
  .masthead-word{ display:none; }
  .masthead-action-label{ display:none; }
  main{ padding:0 14px; padding-bottom:70px; }
  .terminal-heading h1{ font-size:26px; letter-spacing:-1px; }
  .mobile-market-tools{ display:block; }
  .market-table{ min-width:0; }
  .market-table thead{ display:none; }
  .market-table, .market-table tbody, .market-table tr{ display:block; width:100%; }
  .market-table tbody tr{
    display:grid; grid-template-columns:auto 1fr auto; gap:6px 10px;
    padding:14px; border-bottom:1px solid var(--border-faint);
  }
  .market-table tbody tr > td{ border-bottom:0; padding:0; white-space:normal; }
  .market-table td:nth-child(1){ grid-row:1/3; }
  .market-table td:nth-child(2){ display:none; }
  .market-table td:nth-child(3){ grid-column:2; }
  .market-table td:nth-child(4){ grid-column:3; grid-row:1; text-align:right; }
  .market-table td:nth-child(5),
  .market-table td:nth-child(6),
  .market-table td:nth-child(7){ display:none; }
  .market-table td:nth-child(8){ grid-column:3; grid-row:2; text-align:right; }
  .market-table td:nth-child(9),
  .market-table td:nth-child(10){ display:none; }
  .market-table td:nth-child(11){ grid-column:1/4; }
  .mobile-market-secondary{ display:block; font-size:10.5px; color:var(--text-faint); margin-top:2px; }
  .research-row-link{ margin-left:0; margin-top:4px; }

  .footer-invitation{ padding:52px 20px; }
  .footer-invitation h2{ font-size:26px; }
  .footer-columns{ grid-template-columns:1fr 1fr; padding:36px 20px 24px; gap:24px; }
  .footer-bottom{ padding:16px 20px; flex-direction:column; align-items:flex-start; }

  .page-heading h1{ font-size:26px; letter-spacing:-1px; }
  .marketplace-banner{ padding:24px; }
  .marketplace-banner h2{ font-size:26px; }
  .book-collection{ transform:scale(.8) rotate(-6deg); }
  .strategy-grid{ grid-template-columns:1fr; }
  .sell-banner{ flex-direction:column; align-items:flex-start; text-align:left; }
  .sell-banner button{ width:100%; justify-content:center; }

  .contender-grid{ grid-template-columns:1fr; }
  .page-heading .button{ width:100%; justify-content:center; }

  .mobile-dock{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:100;
    background:var(--bg-header); border-top:1px solid var(--border-faint);
    padding:8px 6px calc(env(safe-area-inset-bottom) + 6px);
    justify-content:space-between; align-items:center;
  }
  .mobile-dock a, .mobile-dock button{
    display:flex; flex-direction:column; align-items:center; gap:3px;
    font-size:10px; color:var(--text-faint); flex:1; padding:4px 0;
  }
  .mobile-dock a[aria-current="page"]{ color:var(--text); }
  .mobile-dock a .ui-icon{ opacity:.5; }
  .mobile-dock a[aria-current="page"] .ui-icon{ opacity:1; }
  .dock-launch span{
    width:40px; height:40px; border-radius:50%; margin-bottom:2px;
    display:flex; align-items:center; justify-content:center;
    background-image:linear-gradient(170deg, var(--accent-3) -30%, var(--accent-2) 20%, var(--accent) 90%);
  }
  .dock-launch span .ui-icon{ filter:none; opacity:1; }
}

@media (min-width: 721px){
  .mobile-x-link{ display:none; }
}