.farm-stocks-page {
  --stocks-panel: rgba(18, 26, 16, 0.9);
  --stocks-panel-strong: #151e13;
  --stocks-line: rgba(215, 235, 198, 0.14);
  --stocks-warm: #f4d79a;
  --stocks-copper: #cf8c53;
  background:
    radial-gradient(circle at 82% 8%, rgba(198, 250, 74, 0.09), transparent 29rem),
    radial-gradient(circle at 16% 33%, rgba(207, 140, 83, 0.055), transparent 35rem),
    linear-gradient(180deg, #0f160e 0, #0a0f09 54%, #0d120c 100%);
}

.farm-stocks-page .section-shell {
  width: min(calc(100% - 40px), 1280px);
  margin-inline: auto;
}

.stocks-header .main-nav a.active {
  color: var(--ink);
  background: var(--lime);
}

.stocks-network {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 7px 11px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.stocks-network i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 12px rgba(198, 250, 74, 0.7);
}

.stocks-global-banner {
  position: relative;
  z-index: 20;
  padding: 10px 20px;
  color: #dce9cf;
  border-bottom: 1px solid rgba(125, 213, 239, 0.2);
  background: rgba(50, 113, 130, 0.16);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.stocks-global-banner.demo {
  color: #d9f4fb;
  border-color: rgba(125, 213, 239, 0.25);
}

.stocks-global-banner.warning {
  color: #f2dfbd;
  border-color: rgba(255, 151, 88, 0.25);
  background: rgba(255, 151, 88, 0.08);
}

.stocks-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(440px, 0.95fr);
  align-items: center;
  gap: clamp(48px, 7vw, 100px);
  min-height: min(790px, calc(100vh - var(--header-height)));
  padding-block: clamp(72px, 10vh, 128px);
}

.stocks-hero-copy h1 {
  max-width: 780px;
  margin: 15px 0 0;
  font-size: clamp(58px, 7.2vw, 106px);
  font-weight: 880;
  line-height: 0.88;
  letter-spacing: -0.072em;
}

.stocks-hero-copy h1 span {
  color: var(--lime);
}

.stocks-hero-lede {
  max-width: 660px;
  margin: 29px 0 0;
  color: #c0cbb9;
  font-size: clamp(17px, 1.55vw, 21px);
  line-height: 1.58;
}

.stocks-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}

.stocks-hero-note {
  max-width: 620px;
  margin: 20px 0 0;
  color: #758070;
  font-size: 13px;
  font-weight: 650;
}

.stocks-cycle {
  position: relative;
  min-height: 510px;
  overflow: hidden;
  border: 1px solid var(--stocks-line);
  border-radius: 32px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0)),
    repeating-linear-gradient(90deg, transparent 0, transparent 47px, rgba(255, 255, 255, 0.018) 48px),
    repeating-linear-gradient(0deg, transparent 0, transparent 47px, rgba(255, 255, 255, 0.018) 48px),
    #11190f;
  box-shadow: 0 38px 100px rgba(0, 0, 0, 0.25);
  isolation: isolate;
}

.cycle-glow {
  position: absolute;
  z-index: -1;
  top: 45%;
  left: 50%;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(198, 250, 74, 0.13), transparent 67%);
  transform: translate(-50%, -50%);
}

.cycle-lines {
  position: absolute;
  inset: 37px 20px auto;
  width: calc(100% - 40px);
  height: calc(100% - 74px);
  pointer-events: none;
}

.cycle-lines path {
  fill: none;
  stroke: rgba(198, 250, 74, 0.3);
  stroke-width: 1.5;
  stroke-dasharray: 0.18 0.92;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  animation: stock-flow 16s linear infinite;
}

.cycle-node {
  position: absolute;
  display: grid;
  place-content: center;
  width: 168px;
  height: 124px;
  padding: 15px;
  border: 1px solid rgba(226, 239, 214, 0.16);
  border-radius: 20px;
  background: rgba(22, 31, 19, 0.96);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.cycle-node small,
.cycle-node strong,
.cycle-node span {
  display: block;
}

.cycle-node small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cycle-node strong {
  margin-top: 4px;
  color: var(--stocks-warm);
  font-size: 29px;
  letter-spacing: -0.05em;
}

.cycle-node span {
  margin-top: 1px;
  color: #788371;
  font-size: 12px;
}

.cycle-stock { top: 43px; left: calc(50% - 84px); }
.cycle-market { bottom: 54px; left: 41px; }
.cycle-rewards { right: 41px; bottom: 54px; }
.cycle-market strong { color: var(--lime); font-size: 23px; }
.cycle-rewards strong { color: var(--blue); }

.cycle-center {
  position: absolute;
  top: 48%;
  left: 50%;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 9px;
  color: #778270;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.cycle-center b {
  color: var(--lime);
  font-size: 23px;
}

@keyframes stock-flow {
  to { stroke-dashoffset: -99; }
}

.farm-stock-console {
  margin-bottom: 80px;
  overflow: hidden;
  border: 1px solid var(--stocks-line);
  border-radius: 27px;
  background: rgba(13, 19, 12, 0.75);
  box-shadow: 0 35px 110px rgba(0, 0, 0, 0.26);
}

.farm-stock-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding: clamp(24px, 3vw, 38px);
  border-bottom: 1px solid var(--stocks-line);
}

.farm-stock-identity {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 18px;
}

.farm-stock-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 66px;
  height: 66px;
  color: var(--stocks-warm);
  border: 1px solid rgba(244, 215, 154, 0.22);
  border-radius: 19px;
  background:
    radial-gradient(circle at 65% 23%, rgba(198, 250, 74, 0.22), transparent 43%),
    #1a2317;
  box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 25px;
  font-weight: 850;
  letter-spacing: -0.09em;
}

.farm-stock-avatar b { color: var(--lime); }
.farm-stock-identity .eyebrow { margin: 0 0 3px; }

.farm-stock-identity h2 {
  margin: 0;
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1;
  letter-spacing: -0.05em;
}

.farm-stock-identity h2 span {
  color: #7c8875;
  font-size: 0.55em;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.farm-stock-identity p:last-child {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.farm-stock-price {
  flex: 0 0 auto;
  text-align: right;
}

.farm-stock-price span,
.farm-stock-price strong,
.farm-stock-price small { display: block; }
.farm-stock-price span { color: var(--muted); font-size: 13px; }
.farm-stock-price strong { margin-top: 2px; font-size: clamp(23px, 2.5vw, 34px); letter-spacing: -0.05em; }
.farm-stock-price small { margin-top: 3px; color: var(--lime); font-size: 12px; font-weight: 750; }

.harvest-progress {
  padding: 22px clamp(24px, 3vw, 38px) 25px;
  border-bottom: 1px solid var(--stocks-line);
  background: linear-gradient(90deg, rgba(198, 250, 74, 0.035), transparent 72%);
}

.harvest-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: var(--muted);
  font-size: 13px;
}

.harvest-progress-copy b { color: var(--lime); font-size: 16px; }

.harvest-track {
  position: relative;
  height: 12px;
  margin-top: 14px;
  border: 1px solid rgba(198, 250, 74, 0.16);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.25);
}

.harvest-track > i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #8dbb26, var(--lime));
  box-shadow: 0 0 18px rgba(198, 250, 74, 0.28);
  transition: width 700ms cubic-bezier(.2, .8, .2, 1);
}

.harvest-track > span {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 19px;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.65));
  transform: translate(-50%, -58%);
  transition: left 700ms cubic-bezier(.2, .8, .2, 1);
}

.harvest-progress-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 12px;
}

.harvest-progress-foot > p {
  margin: 0;
  color: #747f6e;
  font-size: 12px;
}

.harvest-progress-foot .button { flex: 0 0 auto; min-height: 34px; padding-block: 6px; font-size: 12px; }

.farm-stock-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--stocks-line);
}

.farm-stock-metrics > div {
  min-width: 0;
  padding: 20px clamp(15px, 2vw, 24px);
  border-right: 1px solid var(--stocks-line);
}

.farm-stock-metrics > div:last-child { border-right: 0; }
.farm-stock-metrics span,
.farm-stock-metrics strong,
.farm-stock-metrics small { display: block; }
.farm-stock-metrics span { color: var(--muted); font-size: 12px; font-weight: 700; }
.farm-stock-metrics strong { margin-top: 5px; overflow: hidden; font-size: clamp(17px, 1.7vw, 22px); text-overflow: ellipsis; white-space: nowrap; }
.farm-stock-metrics small { margin-top: 3px; color: #697364; font-size: 11px; }

.market-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: start;
  gap: 16px;
  padding: 16px;
}

.panel-card {
  border: 1px solid var(--stocks-line);
  border-radius: 18px;
  background: var(--stocks-panel);
}

.curve-card { min-width: 0; overflow: hidden; }

.panel-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  padding: 21px 23px;
  border-bottom: 1px solid var(--stocks-line);
}

.panel-heading .eyebrow { margin: 0 0 4px; }
.panel-heading h3 { margin: 0; font-size: 22px; letter-spacing: -0.035em; }

.stock-chart-controls {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 7px;
}

.stock-chart-controls > b { color: var(--lime); font-size: 12px; }
.stock-chart-controls .period-tabs { border-color: var(--stocks-line); }

.farm-stock-chart-wrap {
  position: relative;
  height: 360px;
  min-width: 0;
}

.farm-stock-chart-wrap .market-canvas { display: block; width: 100%; height: 100%; }
.farm-stock-chart-wrap .chart-tooltip { border-color: rgba(198, 250, 74, 0.2); background: rgba(11, 17, 10, 0.96); }
.farm-stock-chart-source { margin: 0; padding: 9px 18px; color: #707b6b; border-top: 1px solid var(--stocks-line); font-size: 11px; line-height: 1.45; }

.curve-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--stocks-line);
}

.curve-facts > div { padding: 15px 20px; border-right: 1px solid var(--stocks-line); }
.curve-facts > div:last-child { border-right: 0; }
.curve-facts span,
.curve-facts b { display: block; }
.curve-facts span { color: var(--muted); font-size: 11px; }
.curve-facts b { margin-top: 3px; font-size: 13px; }

.curve-scale-explainer {
  display: grid;
  grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr);
  gap: 25px;
  padding: 17px 20px 19px;
  border-top: 1px solid var(--stocks-line);
  background: rgba(198, 250, 74, 0.025);
}

.curve-scale-explainer strong { color: var(--stocks-warm); font-size: 12px; line-height: 1.5; }
.curve-scale-explainer p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }

.trade-card { padding: 7px 17px 18px; }

.trade-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin: 3px -10px 18px;
  padding: 4px;
  border-bottom: 1px solid var(--stocks-line);
}

.trade-tabs button {
  padding: 10px;
  color: var(--muted);
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
}

.trade-tabs button.active { color: var(--ink); background: var(--lime); }

.trade-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.trade-title-row span { color: var(--muted); font-size: 12px; }
.trade-title-row h3 { margin: 2px 0 0; font-size: 21px; letter-spacing: -0.04em; }

.trade-settings-button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--muted);
  border: 1px solid var(--stocks-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}

.trade-settings-button:hover { color: var(--lime); border-color: rgba(198, 250, 74, 0.3); }

.trade-settings-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 10px;
  padding: 9px 10px;
  border: 1px solid var(--stocks-line);
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.12);
}

.trade-settings-panel label { color: var(--muted); font-size: 12px; }
.trade-settings-panel select { min-height: 32px; padding: 5px 28px 5px 9px; border: 1px solid var(--line); border-radius: 7px; font-size: 12px; font-weight: 800; }

.stocks-amount-field {
  display: block;
  padding: 13px;
  border: 1px solid var(--stocks-line);
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.17);
}

.stocks-amount-field:focus-within { border-color: rgba(198, 250, 74, 0.42); box-shadow: 0 0 0 3px rgba(198, 250, 74, 0.05); }
.stocks-amount-field > span { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }
.stocks-amount-field > span button { padding: 0; color: var(--lime); border: 0; background: transparent; cursor: pointer; font-size: 12px; font-weight: 850; }
.stocks-amount-field > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 10px; margin-top: 6px; }
.stocks-amount-field input { width: 100%; min-width: 0; padding: 0; color: var(--text); border: 0; outline: 0; background: transparent; font-size: 27px; font-weight: 750; letter-spacing: -0.04em; }
.stocks-amount-field strong { font-size: 13px; }
.stocks-amount-field select {
  min-width: 82px;
  min-height: 35px;
  padding: 6px 27px 6px 9px;
  color: var(--text);
  border: 1px solid rgba(198, 250, 74, 0.24);
  border-radius: 9px;
  background-color: #182216;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
}
.stocks-amount-field select:focus { outline: 2px solid rgba(198, 250, 74, 0.23); outline-offset: 2px; }
.stocks-amount-field small { display: block; margin-top: 4px; color: #6e7869; font-size: 11px; }

.trade-arrow {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: -3px auto;
  color: var(--lime);
  border: 1px solid var(--stocks-line);
  border-radius: 50%;
  background: #141d12;
  font-size: 13px;
}

.trade-output {
  padding: 13px;
  border: 1px solid var(--stocks-line);
  border-radius: 13px;
  background: rgba(198, 250, 74, 0.025);
}

.trade-output span,
.trade-output strong,
.trade-output small { display: block; }
.trade-output span { color: var(--muted); font-size: 12px; }
.trade-output strong { margin-top: 5px; overflow: hidden; font-size: 25px; letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; }
.trade-output small { margin-top: 2px; color: var(--lime); font-size: 12px; font-weight: 750; }

.trade-breakdown {
  display: grid;
  gap: 7px;
  margin: 14px 2px;
}

.trade-breakdown > div { display: flex; justify-content: space-between; gap: 14px; }
.trade-breakdown dt { color: var(--muted); font-size: 12px; }
.trade-breakdown dd { margin: 0; font-size: 12px; font-weight: 750; text-align: right; }
#trade-route-row { align-items: flex-start; }
#trade-route { max-width: 66%; color: #b7c4af; font-size: 11px; line-height: 1.35; }
.trade-submit { width: 100%; min-height: 48px; }
.trade-footnote { margin: 11px 2px 0; color: #6e7869; font-size: 11px; line-height: 1.5; text-align: center; }

.holder-dashboard {
  margin: 0 16px 16px;
  overflow: hidden;
}

.holder-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--stocks-line);
}

.holder-heading .eyebrow { margin: 0 0 3px; }
.holder-heading h3 { margin: 0; font-size: 23px; letter-spacing: -0.04em; }
.holder-heading p:last-child { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.holder-heading .button { flex: 0 0 auto; min-width: 155px; }

.holder-values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.holder-values > div { min-width: 0; padding: 21px 24px; border-right: 1px solid var(--stocks-line); }
.holder-values > div:last-child { border-right: 0; }
.holder-values span,
.holder-values strong,
.holder-values small { display: block; }
.holder-values span { color: var(--muted); font-size: 12px; font-weight: 700; }
.holder-values strong { margin-top: 5px; overflow: hidden; font-size: clamp(21px, 2.2vw, 30px); letter-spacing: -0.045em; text-overflow: ellipsis; white-space: nowrap; }
.holder-values small { margin-top: 3px; color: #6e7869; font-size: 11px; }
.holder-values .earned strong { color: var(--lime); }

.yield-ledger {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--stocks-line);
  background: rgba(198, 250, 74, .018);
}

.yield-ledger > div {
  min-width: 0;
  padding: 15px 24px;
  border-right: 1px solid var(--stocks-line);
}

.yield-ledger > div:last-child { border-right: 0; }
.yield-ledger span,
.yield-ledger b,
.yield-ledger small { display: block; }
.yield-ledger span { color: #768171; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.yield-ledger b { margin-top: 4px; overflow: hidden; color: #d7e1d0; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.yield-ledger small { margin-top: 2px; color: #626d5d; font-size: 10px; }

.yield-accounting { border-top: 1px solid var(--stocks-line); }
.yield-accounting summary {
  padding: 13px 24px;
  color: #95a18f;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}
.yield-accounting summary:hover { color: var(--lime); }
.yield-accounting p { max-width: 980px; margin: 0; padding: 0 24px 17px; color: #778272; font-size: 11px; line-height: 1.65; }

.stock-activity {
  margin: 0 16px 16px;
  overflow: hidden;
}

.stock-activity-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--stocks-line);
}

.stock-activity-heading .eyebrow { margin: 0 0 3px; }
.stock-activity-heading h3 { margin: 0; font-size: 21px; letter-spacing: -.035em; }
.stock-activity-heading p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.stock-activity-filters { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--stocks-line); border-radius: 11px; background: rgba(0, 0, 0, .14); }
.stock-activity-filters button { padding: 7px 10px; color: #778272; border: 0; border-radius: 7px; background: transparent; cursor: pointer; font: inherit; font-size: 10px; font-weight: 850; }
.stock-activity-filters button.active { color: #10160f; background: var(--lime); }

.stock-activity-list { min-height: 74px; }
.stock-activity-row {
  display: grid;
  grid-template-columns: 118px minmax(220px, 1fr) 145px 68px 12px;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 12px 24px;
  color: inherit;
  border-bottom: 1px solid var(--stocks-line);
  text-decoration: none;
}
.stock-activity-row:last-child { border-bottom: 0; }
.stock-activity-row:hover { background: rgba(198, 250, 74, .025); }
.stock-activity-kind { color: #dbe5d4; font-size: 11px; font-weight: 900; }
.stock-activity-row.kind-buy .stock-activity-kind { color: var(--lime); }
.stock-activity-row.kind-sell .stock-activity-kind { color: #ff8b93; }
.stock-activity-row.kind-claim .stock-activity-kind { color: var(--stocks-warm); }
.stock-activity-amount,
.stock-activity-actor { min-width: 0; }
.stock-activity-amount b,
.stock-activity-amount small,
.stock-activity-actor b,
.stock-activity-actor small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stock-activity-amount b { font-size: 12px; }
.stock-activity-amount small,
.stock-activity-actor small { margin-top: 3px; color: #667160; font-size: 9px; }
.stock-activity-actor b { color: #aab6a4; font: 700 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
.stock-activity-row time { color: #707b6b; font-size: 10px; text-align: right; }
.stock-activity-row > i { color: #65705f; font-size: 10px; font-style: normal; }
.stock-activity-empty { display: grid; min-height: 100px; place-items: center; padding: 22px; color: #6f7a69; font-size: 11px; text-align: center; }

.stocks-explainer { padding-block: 72px 110px; }

.stocks-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  column-gap: 80px;
  align-items: end;
}

.stocks-section-heading .eyebrow { grid-column: 1 / -1; }
.stocks-section-heading h2 { margin: 8px 0 0; font-size: clamp(42px, 5.5vw, 74px); line-height: 0.98; letter-spacing: -0.062em; }
.stocks-section-heading > p:last-child { margin: 0 0 4px; color: var(--muted); font-size: 16px; line-height: 1.6; }

.lifecycle-line {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 44px;
  overflow: hidden;
  border: 1px solid var(--stocks-line);
  border-radius: 20px;
}

.lifecycle-line article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 17px;
  min-height: 246px;
  padding: 26px;
  border-right: 1px solid var(--stocks-line);
  background: rgba(255, 255, 255, 0.015);
}

.lifecycle-line article:last-child { border-right: 0; }
.lifecycle-line article.active { background: linear-gradient(145deg, rgba(198, 250, 74, 0.08), rgba(198, 250, 74, 0.015)); }
.lifecycle-line article > span { display: grid; place-items: center; width: 35px; height: 35px; color: var(--lime); border: 1px solid rgba(198, 250, 74, 0.22); border-radius: 50%; font-size: 11px; font-weight: 850; }
.lifecycle-line small { color: var(--lime); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.lifecycle-line h3 { margin: 7px 0 0; font-size: 21px; line-height: 1.12; letter-spacing: -0.035em; }
.lifecycle-line p { margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.58; }

.fee-model {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(40px, 7vw, 90px);
  margin-top: 100px;
}

.fee-model-copy h2 { margin: 9px 0 0; font-size: clamp(39px, 4vw, 61px); line-height: 1; letter-spacing: -0.055em; }
.fee-model-copy > p:last-child { margin: 20px 0 0; color: var(--muted); font-size: 15px; line-height: 1.65; }

.fee-flow {
  display: grid;
  grid-template-columns: minmax(150px, .75fr) repeat(3, minmax(130px, 1fr));
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--stocks-line);
  border-radius: 18px;
  background: rgba(17, 25, 15, 0.78);
}

.fee-flow > div { position: relative; padding: 26px 20px; border-right: 1px solid var(--stocks-line); }
.fee-flow > div:last-child { border-right: 0; }
.fee-flow span,
.fee-flow b,
.fee-flow small { display: block; }
.fee-flow span { color: var(--muted); font-size: 11px; font-weight: 750; }
.fee-flow b { margin-top: 9px; font-size: clamp(18px, 1.7vw, 25px); letter-spacing: -0.04em; }
.fee-flow small { margin-top: 8px; color: #6e7869; font-size: 11px; line-height: 1.45; }
.fee-source { display: grid; align-content: center; background: rgba(244, 215, 154, 0.035); }
.fee-source b { color: var(--stocks-warm); }
.fee-branch.rewards b { color: var(--lime); }
.fee-branch.protocol b { color: var(--blue); }

.stocks-boundaries {
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 38px;
  margin-bottom: 94px;
  padding: clamp(28px, 4vw, 45px);
  border: 1px solid rgba(255, 151, 88, 0.15);
  border-radius: 20px;
  background: rgba(255, 151, 88, 0.025);
}

.stocks-boundaries .eyebrow { color: var(--orange); }
.stocks-boundaries h2 { margin: 7px 0 0; font-size: clamp(30px, 3.2vw, 45px); line-height: 1; letter-spacing: -0.05em; }
.stocks-boundaries > p { margin: 0; color: #99a493; font-size: 13px; line-height: 1.65; }

.stocks-how-dialog { width: min(700px, calc(100% - 28px)); }

html[data-market-phase="harvested"] #market-phase-label { color: var(--stocks-warm); }
html[data-market-phase="harvested"] .harvest-track > i { background: linear-gradient(90deg, #b77943, var(--stocks-warm)); }
html[data-market-phase="harvested"] .harvest-track > span { filter: none; }

.stock-view[hidden] { display: none !important; }

.stocks-platform-home {
  padding-bottom: 96px;
}

.stocks-platform-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  align-items: center;
  gap: clamp(48px, 7vw, 105px);
  min-height: min(760px, calc(100vh - var(--header-height)));
  padding-block: clamp(72px, 10vh, 120px);
}

.stocks-platform-copy h1,
.stocks-page-heading h1 {
  margin: 14px 0 0;
  font-size: clamp(55px, 7vw, 102px);
  font-weight: 880;
  line-height: .9;
  letter-spacing: -.07em;
}

.stocks-platform-copy h1 span { color: var(--lime); }

.stocks-platform-copy > p:not(.eyebrow, .stocks-hero-note) {
  max-width: 680px;
  margin: 27px 0 0;
  color: #bcc9b5;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.6;
}

.stocks-platform-orbit {
  position: relative;
  min-height: 535px;
  overflow: hidden;
  border: 1px solid var(--stocks-line);
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 49%, rgba(198, 250, 74, .12), transparent 31%),
    repeating-linear-gradient(90deg, transparent 0, transparent 47px, rgba(255, 255, 255, .018) 48px),
    repeating-linear-gradient(0deg, transparent 0, transparent 47px, rgba(255, 255, 255, .018) 48px),
    #11190f;
  box-shadow: 0 38px 100px rgba(0, 0, 0, .27);
}

.stocks-platform-orbit::before,
.stocks-platform-orbit::after {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 355px;
  height: 355px;
  content: "";
  border: 1px dashed rgba(198, 250, 74, .25);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.stocks-platform-orbit::after {
  width: 235px;
  height: 235px;
  border-color: rgba(207, 140, 83, .2);
}

.orbit-core,
.orbit-node {
  position: absolute;
  z-index: 2;
  display: grid;
  align-content: center;
  text-align: center;
}

.orbit-core {
  top: 50%;
  left: 50%;
  width: 174px;
  height: 174px;
  color: var(--stocks-warm);
  border: 1px solid rgba(244, 215, 154, .24);
  border-radius: 50%;
  background: rgba(22, 31, 19, .97);
  box-shadow: 0 0 60px rgba(198, 250, 74, .11), inset 0 0 0 7px rgba(0, 0, 0, .15);
  transform: translate(-50%, -50%);
}

.orbit-core small,
.orbit-node small { color: #74806e; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.orbit-core b { margin-top: 2px; color: var(--lime); font-size: 28px; letter-spacing: -.055em; }
.orbit-core em,
.orbit-node em { color: #7f8a79; font-size: 11px; font-style: normal; }

.orbit-node {
  width: 132px;
  min-height: 83px;
  padding: 13px;
  border: 1px solid var(--stocks-line);
  border-radius: 17px;
  background: rgba(20, 29, 18, .96);
  box-shadow: 0 14px 35px rgba(0, 0, 0, .28);
}

.orbit-node b { margin: 3px 0 1px; color: #e8efdf; font-size: 17px; }
.orbit-create { top: 43px; left: calc(50% - 66px); }
.orbit-trade { top: calc(50% - 42px); right: 30px; }
.orbit-earn { bottom: 41px; left: calc(50% - 66px); }
.orbit-harvest { top: calc(50% - 42px); left: 30px; }

.stocks-platform-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  margin-top: -24px;
  border: 1px solid var(--stocks-line);
  border-radius: 21px;
  background: rgba(17, 25, 15, .92);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.stocks-platform-stats > div {
  padding: 24px 27px;
  border-right: 1px solid var(--stocks-line);
}

.stocks-platform-stats > div:last-child { border-right: 0; }
.stocks-platform-stats span,
.stocks-platform-stats b,
.stocks-platform-stats small { display: block; }
.stocks-platform-stats span { color: #7c8876; font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.stocks-platform-stats b { margin-top: 6px; color: var(--stocks-warm); font-size: 30px; letter-spacing: -.05em; }
.stocks-platform-stats small { margin-top: 2px; color: #687363; font-size: 11px; }

.stocks-featured { padding-top: 100px; }

.stocks-directory-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 30px;
}

.stocks-directory-heading h2 {
  margin: 8px 0 0;
  font-size: clamp(36px, 4.5vw, 62px);
  line-height: .98;
  letter-spacing: -.055em;
}

.stocks-directory-heading p:last-child { margin: 12px 0 0; color: var(--muted); font-size: 15px; }
.stocks-directory-heading > a:not(.button) { color: var(--lime); font-size: 13px; font-weight: 850; }

.stock-farm-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.stock-farm-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 330px;
  overflow: hidden;
  color: inherit;
  border: 1px solid var(--stocks-line);
  border-radius: 21px;
  background:
    radial-gradient(circle at 90% 0, var(--card-glow, var(--color-accent-soft)), transparent 42%),
    rgba(17, 25, 15, .88);
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.stock-farm-card:hover {
  border-color: rgba(198, 250, 74, .34);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
  transform: translateY(-3px);
}

.stock-farm-card > a {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 23px;
  color: inherit;
  text-decoration: none;
}

.stock-card-top,
.stock-card-token,
.stock-card-progress-copy,
.stock-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.stock-card-token { justify-content: flex-start; min-width: 0; }
.stock-card-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  color: var(--stocks-warm);
  border: 1px solid rgba(244, 215, 154, .2);
  border-radius: 14px;
  background: #182116;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -.06em;
}

.stock-card-token div { min-width: 0; }
.stock-card-token b,
.stock-card-token small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stock-card-token b { font-size: 18px; letter-spacing: -.03em; }
.stock-card-token small { margin-top: 3px; color: #737f6d; font-size: 11px; }

.stock-card-promise { margin: 27px 0 0; color: #dfe8d7; font-size: 22px; font-weight: 820; line-height: 1.12; letter-spacing: -.04em; }
.stock-card-promise span { color: var(--lime); }
.stock-card-progress { margin-top: auto; padding-top: 26px; }
.stock-card-progress-copy { color: #788372; font-size: 11px; }
.stock-card-progress-copy b { color: #d9e4d0; font-size: 12px; }
.stock-card-track { height: 7px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: rgba(255, 255, 255, .055); }
.stock-card-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #83ad28, var(--lime)); }
.stock-card-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 19px; }
.stock-card-metrics div { padding: 11px 12px; border: 1px solid rgba(215, 235, 198, .08); border-radius: 11px; background: rgba(0, 0, 0, .12); }
.stock-card-metrics span,
.stock-card-metrics b { display: block; }
.stock-card-metrics span { color: #687363; font-size: 10px; }
.stock-card-metrics b { margin-top: 4px; overflow: hidden; color: #cbd6c4; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.stock-card-footer { margin-top: 17px; padding-top: 15px; color: #6e7968; border-top: 1px solid rgba(215, 235, 198, .08); font-size: 11px; }
.stock-card-footer b { color: var(--stocks-warm); font-size: 12px; }

.stocks-platform-principles { padding-top: 105px; }
.stocks-platform-principles article {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: clamp(24px, 5vw, 70px);
  padding: clamp(32px, 5vw, 58px) 0;
  border-top: 1px solid var(--stocks-line);
}
.stocks-platform-principles article:last-child { border-bottom: 1px solid var(--stocks-line); }
.stocks-platform-principles article > span { color: var(--stocks-copper); font-size: 13px; font-weight: 900; }
.stocks-platform-principles h2 { max-width: 850px; margin: 8px 0 0; font-size: clamp(32px, 4vw, 55px); line-height: 1; letter-spacing: -.055em; }
.stocks-platform-principles article p:last-child { max-width: 790px; margin: 18px 0 0; color: #99a594; font-size: 15px; line-height: 1.7; }

.stocks-directory,
.stocks-create { min-height: calc(100vh - var(--header-height)); padding-block: 72px 105px; }
.stocks-page-heading { align-items: center; margin-bottom: 43px; }
.stocks-page-heading h1 { font-size: clamp(50px, 6vw, 82px); }
.stocks-fixed-pill { padding: 9px 12px; color: var(--stocks-warm); border: 1px solid rgba(244, 215, 154, .18); border-radius: 999px; background: rgba(244, 215, 154, .045); font-size: 12px; font-weight: 850; white-space: nowrap; }

.stocks-directory-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.stocks-search,
.stocks-sort {
  display: flex;
  align-items: center;
  min-height: 48px;
  border: 1px solid var(--stocks-line);
  border-radius: 13px;
  background: rgba(17, 25, 15, .82);
}
.stocks-search { gap: 10px; padding: 0 14px; }
.stocks-search svg { width: 18px; height: 18px; fill: none; stroke: #6f7b69; stroke-width: 1.7; }
.stocks-search input { width: 100%; color: #e9efe4; border: 0; outline: 0; background: transparent; font: inherit; }
.stocks-search input::placeholder { color: #65705f; }
.stocks-sort { gap: 8px; padding-left: 13px; color: #747f6e; font-size: 11px; font-weight: 800; }
.stocks-sort select { min-height: 46px; padding: 0 34px 0 2px; color: #dce5d6; border: 0; outline: 0; background: transparent; font: inherit; font-weight: 800; }
.stocks-directory-summary { display: flex; justify-content: space-between; gap: 20px; margin: 20px 1px; color: #6f7a69; font-size: 11px; font-weight: 750; }
.stock-farm-grid-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stocks-empty { padding: 75px 20px; border: 1px dashed var(--stocks-line); border-radius: 20px; text-align: center; }
.stocks-empty > span { font-size: 38px; }
.stocks-empty h2 { margin: 12px 0 0; font-size: 31px; }
.stocks-empty p { margin: 9px 0 23px; color: var(--muted); }

.stock-create-layout { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(360px, .72fr); align-items: start; gap: 18px; }
.stock-create-card,
.stock-create-preview { border: 1px solid var(--stocks-line); border-radius: 22px; background: rgba(17, 25, 15, .88); box-shadow: 0 26px 75px rgba(0, 0, 0, .2); }
.stock-create-card { overflow: hidden; }
.stock-create-stepper { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--stocks-line); }
.stock-create-stepper li { position: relative; display: flex; align-items: center; gap: 9px; padding: 17px 20px; color: #697463; border-right: 1px solid var(--stocks-line); font-size: 11px; font-weight: 850; }
.stock-create-stepper li:last-child { border-right: 0; }
.stock-create-stepper b { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(215, 235, 198, .12); border-radius: 50%; font-size: 10px; }
.stock-create-stepper li.active { color: #dce6d5; background: rgba(198, 250, 74, .035); }
.stock-create-stepper li.active b { color: #11170f; border-color: var(--lime); background: var(--lime); }
.stock-create-step { min-width: 0; margin: 0; padding: clamp(25px, 4vw, 40px); border: 0; }
.stock-create-step legend { display: block; width: 100%; color: #edf3e8; font-size: clamp(26px, 3vw, 36px); font-weight: 850; letter-spacing: -.045em; }
.stock-create-step legend span { display: block; margin-bottom: 5px; color: var(--lime); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.stock-create-step > p { margin: 10px 0 27px; color: #889482; font-size: 13px; line-height: 1.55; }
.stock-create-step label { display: block; margin-top: 18px; color: #c9d3c2; font-size: 12px; font-weight: 800; }
.stock-create-step label > span:first-child { display: block; margin-bottom: 8px; }
.stock-create-step label em { color: #687362; font-size: 10px; font-style: normal; }
.stock-create-step input:not([type="checkbox"]) { width: 100%; min-height: 50px; padding: 0 14px; color: #f0f4ed; border: 1px solid var(--stocks-line); border-radius: 12px; outline: 0; background: rgba(4, 8, 3, .25); font: inherit; font-size: 14px; }
.stock-create-step input:focus { border-color: rgba(198, 250, 74, .45); box-shadow: 0 0 0 3px rgba(198, 250, 74, .06); }
.stock-create-step label small { display: block; margin-top: 7px; color: #667060; font-size: 10px; font-weight: 600; line-height: 1.45; }
.stock-field-grid.two { display: grid; grid-template-columns: 1.25fr .75fr; gap: 13px; }
.stocks-address-field,
.stocks-unit-field { display: flex; align-items: stretch; }
.stocks-address-field input,
.stocks-unit-field input { border-radius: 12px 0 0 12px !important; }
.stocks-address-field button,
.stocks-unit-field b { display: grid; place-items: center; min-width: 84px; padding: 0 12px; color: var(--lime); border: 1px solid var(--stocks-line); border-left: 0; border-radius: 0 12px 12px 0; background: rgba(198, 250, 74, .035); font: inherit; font-size: 11px; font-weight: 900; }
.stock-quick-quotes,
.stock-curve-presets { display: flex; align-items: center; gap: 7px; margin: 24px 0 2px; }
.stock-quick-quotes > span { margin-right: 4px; color: #707b6a; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.stock-quick-quotes button,
.stock-curve-presets button { min-height: 33px; padding: 6px 11px; color: #8d9987; border: 1px solid var(--stocks-line); border-radius: 9px; background: rgba(255, 255, 255, .02); font: inherit; font-size: 11px; font-weight: 850; }
.stock-quick-quotes button.active,
.stock-curve-presets button.active { color: #121810; border-color: var(--lime); background: var(--lime); }
.stock-create-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--stocks-line); }
.stock-create-actions .button { min-width: 148px; }
.confirm-row { display: grid !important; grid-template-columns: auto 1fr; align-items: start; gap: 11px; padding: 13px; border: 1px solid var(--stocks-line); border-radius: 11px; background: rgba(0, 0, 0, .12); font-weight: 650 !important; line-height: 1.5; }
.confirm-row input { margin-top: 3px; accent-color: var(--lime); }
.stock-launch-review { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 23px 0; }
.stock-launch-review > div { padding: 13px; border: 1px solid var(--stocks-line); border-radius: 11px; background: rgba(0, 0, 0, .13); }
.stock-launch-review span,
.stock-launch-review b { display: block; }
.stock-launch-review span { color: #6f7a69; font-size: 10px; }
.stock-launch-review b { margin-top: 5px; overflow-wrap: anywhere; color: #dce6d5; font-size: 13px; }
.stock-transaction-plan { margin-top: 18px; padding: 15px; border-left: 2px solid var(--stocks-copper); background: rgba(207, 140, 83, .045); }
.stock-transaction-plan > span { color: var(--stocks-warm); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.stock-transaction-plan ol { margin: 10px 0 0; padding-left: 20px; color: #879281; font-size: 11px; line-height: 1.8; }

.stock-create-preview { position: sticky; top: calc(var(--header-height) + 18px); overflow: hidden; padding: 23px; }
.stock-preview-token { display: flex; align-items: center; gap: 13px; }
.stock-preview-token > span { display: grid; place-items: center; width: 52px; height: 52px; color: var(--stocks-warm); border: 1px solid rgba(244, 215, 154, .2); border-radius: 15px; background: #182116; font-size: 20px; font-weight: 900; }
.stock-preview-token small,
.stock-preview-token h2,
.stock-preview-token p { display: block; margin: 0; }
.stock-preview-token small { color: #6e7968; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.stock-preview-token h2 { margin-top: 3px; font-size: 22px; letter-spacing: -.04em; }
.stock-preview-token p { margin-top: 3px; color: #7d8977; font-size: 11px; }
.stock-preview-token p b { color: var(--lime); }
.stock-preview-chart { margin-top: 23px; padding: 14px 13px 8px; border: 1px solid var(--stocks-line); border-radius: 14px; background: rgba(0, 0, 0, .15); }
.stock-preview-chart > div { display: flex; justify-content: space-between; color: #717c6b; font-size: 10px; font-weight: 800; }
.stock-preview-chart > div b { color: var(--lime); }
.stock-preview-chart svg { display: block; width: 100%; height: auto; margin-top: 8px; overflow: visible; }
.stock-preview-chart line { stroke: rgba(215, 235, 198, .12); }
.stock-preview-chart text { fill: #5f6a5a; font-size: 9px; font-weight: 800; }
.stock-preview-chart .curve-area { fill: url(#stockCurveFill); }
.stock-preview-chart .curve-line { fill: none; stroke: var(--lime); stroke-width: 2.5; stroke-linecap: round; }
.stock-preview-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 9px; }
.stock-preview-metrics div,
.stock-preview-allocation div { padding: 11px; border: 1px solid rgba(215, 235, 198, .09); border-radius: 10px; background: rgba(0, 0, 0, .11); }
.stock-preview-metrics span,
.stock-preview-metrics b,
.stock-preview-allocation span,
.stock-preview-allocation b,
.stock-preview-allocation small { display: block; }
.stock-preview-metrics span,
.stock-preview-allocation small { color: #667160; font-size: 9px; }
.stock-preview-metrics b { margin-top: 4px; overflow: hidden; color: #d8e2d1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.stock-preview-allocation { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 7px; }
.stock-preview-allocation span { color: var(--stocks-warm); font-size: 17px; font-weight: 900; }
.stock-preview-allocation b { margin: 3px 0; color: #d8e2d1; font-size: 11px; }
.stock-create-preview > p { margin: 15px 2px 0; color: #6e7968; font-size: 10px; line-height: 1.5; }
.form-status { min-height: 18px; margin: 13px 0 0 !important; color: #8b9785 !important; }
.form-status.error { color: #ffad84 !important; }
.form-status.success { color: var(--lime) !important; }

.trade-custom-token { width: 100%; margin: -4px 0 13px; padding: 4px; color: #7c8875; border: 0; background: transparent; font: inherit; font-size: 10px; font-weight: 800; text-align: right; }
.trade-custom-token:hover { color: var(--lime); }
.trade-token-picker { margin: -4px 0 15px; padding: 12px; border: 1px solid var(--stocks-line); border-radius: 11px; background: rgba(0, 0, 0, .14); }
.trade-token-picker label > span { display: block; margin-bottom: 6px; color: #84907e; font-size: 10px; font-weight: 800; }
.trade-token-picker label > div { display: flex; }
.trade-token-picker input { min-width: 0; flex: 1; min-height: 38px; padding: 0 10px; color: #dfe8d8; border: 1px solid var(--stocks-line); border-radius: 9px 0 0 9px; outline: 0; background: rgba(255, 255, 255, .025); font: inherit; font-size: 11px; }
.trade-token-picker button { padding: 0 11px; color: var(--lime); border: 1px solid var(--stocks-line); border-left: 0; border-radius: 0 9px 9px 0; background: rgba(198, 250, 74, .04); font: inherit; font-size: 10px; font-weight: 900; }
.trade-token-picker > small { display: block; margin-top: 7px; color: #667160; font-size: 9px; line-height: 1.4; }

@media (max-width: 1120px) {
  .stocks-platform-hero { grid-template-columns: 1fr; min-height: 0; }
  .stocks-platform-orbit { width: min(100%, 700px); margin-inline: auto; }
  .stock-farm-grid,
  .stock-farm-grid-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-create-layout { grid-template-columns: 1fr; }
  .stock-create-preview { position: relative; top: auto; }
  .stocks-directory-toolbar { grid-template-columns: 1fr auto; }
  .stocks-search { grid-column: 1 / -1; }
  .stocks-hero { grid-template-columns: 1fr; min-height: 0; }
  .stocks-hero-copy { max-width: 900px; }
  .stocks-cycle { width: min(100%, 700px); min-height: 530px; margin-inline: auto; }
  .market-workspace { grid-template-columns: 1fr; }
  .holder-values { grid-template-columns: repeat(2, 1fr); }
  .holder-values > div:nth-child(even) { border-right: 0; }
  .holder-values > div:nth-child(-n + 2) { border-bottom: 1px solid var(--stocks-line); }
  .trade-card { width: min(100%, 560px); justify-self: center; }
  .farm-stock-metrics { grid-template-columns: repeat(3, 1fr); }
  .farm-stock-metrics > div:nth-child(3) { border-right: 0; }
  .farm-stock-metrics > div:nth-child(-n + 3) { border-bottom: 1px solid var(--stocks-line); }
  .fee-model { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .stocks-section-heading { grid-template-columns: 1fr; }
  .stocks-section-heading > p:last-child { margin-top: 22px; }
  .lifecycle-line { grid-template-columns: 1fr; }
  .lifecycle-line article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--stocks-line); }
  .lifecycle-line article:last-child { border-bottom: 0; }
  .fee-flow { grid-template-columns: 1fr 1fr; }
  .fee-flow > div { border-bottom: 1px solid var(--stocks-line); }
  .fee-flow > div:nth-child(even) { border-right: 0; }
  .fee-flow > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .stocks-boundaries { grid-template-columns: 1fr 1fr; }
  .stocks-boundaries > div { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .farm-stocks-page .section-shell { width: min(calc(100% - 24px), 1280px); }
  .stocks-network { padding-inline: 8px; font-size: 12px; }
  .stocks-network i { display: none; }
  .stocks-header .main-nav a,
  .stocks-header .nav-link { padding-inline: 8px; font-size: 12px; }
  .stocks-platform-home { padding-bottom: 65px; }
  .stocks-platform-hero { gap: 40px; padding-block: 53px 65px; }
  .stocks-platform-copy h1,
  .stocks-page-heading h1 { font-size: clamp(49px, 15vw, 72px); }
  .stocks-platform-copy > p:not(.eyebrow, .stocks-hero-note) { font-size: 16px; }
  .stocks-platform-orbit { min-height: 440px; border-radius: 23px; }
  .stocks-platform-orbit::before { width: 290px; height: 290px; }
  .stocks-platform-orbit::after { width: 185px; height: 185px; }
  .orbit-core { width: 140px; height: 140px; }
  .orbit-node { width: 106px; min-height: 70px; padding: 9px; }
  .orbit-node b { font-size: 14px; }
  .orbit-trade { right: 10px; }
  .orbit-harvest { left: 10px; }
  .orbit-create { top: 27px; left: calc(50% - 53px); }
  .orbit-earn { bottom: 27px; left: calc(50% - 53px); }
  .stocks-platform-stats { grid-template-columns: 1fr 1fr; margin-top: -10px; }
  .stocks-platform-stats > div { padding: 18px; border-bottom: 1px solid var(--stocks-line); }
  .stocks-platform-stats > div:nth-child(even) { border-right: 0; }
  .stocks-platform-stats > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .stocks-featured,
  .stocks-platform-principles { padding-top: 70px; }
  .stocks-directory-heading { align-items: flex-start; flex-direction: column; }
  .stocks-directory-heading .button { width: 100%; }
  .stock-farm-grid,
  .stock-farm-grid-directory { grid-template-columns: 1fr; }
  .stocks-platform-principles article { grid-template-columns: 34px minmax(0, 1fr); gap: 13px; }
  .stocks-directory,
  .stocks-create { padding-block: 51px 75px; }
  .stocks-directory-toolbar { grid-template-columns: 1fr; }
  .stocks-search { grid-column: auto; }
  .stocks-sort { justify-content: space-between; }
  .stocks-directory-summary { align-items: flex-start; flex-direction: column; gap: 5px; }
  .stock-create-stepper li { justify-content: center; padding: 13px 6px; }
  .stock-create-stepper li span { display: none; }
  .stock-create-step { padding: 24px 18px; }
  .stock-field-grid.two { grid-template-columns: 1fr; gap: 0; }
  .stock-create-actions { align-items: stretch; flex-direction: column-reverse; }
  .stock-create-actions .button { width: 100%; }
  .stock-create-preview { padding: 17px; }
  .stocks-hero { gap: 45px; padding-block: 54px 68px; }
  .stocks-hero-copy h1 { font-size: clamp(53px, 16vw, 80px); }
  .stocks-hero-lede { margin-top: 23px; font-size: 16px; }
  .stocks-hero-actions { align-items: stretch; flex-direction: column; }
  .stocks-hero-actions .button { width: 100%; }
  .stocks-cycle { min-height: 460px; border-radius: 23px; }
  .cycle-node { width: 137px; height: 105px; padding: 10px; border-radius: 16px; }
  .cycle-node strong { font-size: 23px; }
  .cycle-market { bottom: 38px; left: 18px; }
  .cycle-rewards { right: 18px; bottom: 38px; }
  .cycle-stock { top: 33px; left: calc(50% - 68px); }
  .cycle-market strong { font-size: 19px; }
  .farm-stock-console { margin-bottom: 40px; border-radius: 20px; }
  .farm-stock-heading { align-items: flex-start; flex-direction: column; gap: 17px; padding: 21px 18px; }
  .farm-stock-price { width: 100%; padding-top: 15px; border-top: 1px solid var(--stocks-line); text-align: left; }
  .farm-stock-avatar { width: 54px; height: 54px; border-radius: 15px; font-size: 21px; }
  .farm-stock-identity { align-items: flex-start; gap: 12px; }
  .farm-stock-identity p:last-child { font-size: 12px; }
  .harvest-progress { padding: 19px 18px 22px; }
  .harvest-progress-copy { align-items: flex-start; flex-direction: column; gap: 3px; }
  .harvest-progress-foot { align-items: stretch; flex-direction: column; }
  .harvest-progress-foot .button { width: 100%; }
  .farm-stock-metrics { grid-template-columns: 1fr 1fr; }
  .farm-stock-metrics > div,
  .farm-stock-metrics > div:nth-child(3) { border-right: 1px solid var(--stocks-line); border-bottom: 1px solid var(--stocks-line); }
  .farm-stock-metrics > div:nth-child(even) { border-right: 0; }
  .farm-stock-metrics > div:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .market-workspace { padding: 10px; }
  .panel-heading { align-items: flex-start; flex-direction: column; padding: 18px; }
  .stock-chart-controls { align-items: flex-start; width: 100%; }
  .stock-chart-controls .period-tabs { width: 100%; overflow-x: auto; }
  .stock-chart-controls .period-tabs button { flex: 1 0 auto; }
  .farm-stock-chart-wrap { height: 310px; }
  .farm-stock-chart-wrap .chart-tooltip { width: min(232px, calc(100% - 16px)); }
  .curve-facts { grid-template-columns: 1fr 1fr; }
  .curve-facts > div:nth-child(2) { border-right: 0; }
  .curve-facts > div:nth-child(-n + 2) { border-bottom: 1px solid var(--stocks-line); }
  .curve-facts > div { padding: 12px; }
  .curve-scale-explainer { grid-template-columns: 1fr; gap: 6px; padding: 15px 13px 17px; }
  .holder-dashboard { margin: 0 10px 10px; }
  .holder-heading { align-items: stretch; flex-direction: column; padding: 20px 18px; }
  .holder-heading .button { width: 100%; }
  .holder-values { grid-template-columns: 1fr; }
  .holder-values > div { padding: 17px 18px; border-right: 0; border-bottom: 1px solid var(--stocks-line); }
  .holder-values > div:last-child { border-bottom: 0; }
  .yield-ledger { grid-template-columns: 1fr; }
  .yield-ledger > div { padding: 14px 18px; border-right: 0; border-bottom: 1px solid var(--stocks-line); }
  .yield-ledger > div:last-child { border-bottom: 0; }
  .yield-accounting summary { padding-inline: 18px; }
  .yield-accounting p { padding-inline: 18px; }
  .stock-activity { margin: 0 10px 10px; }
  .stock-activity-heading { align-items: stretch; flex-direction: column; padding: 18px; }
  .stock-activity-filters { width: 100%; overflow-x: auto; }
  .stock-activity-filters button { flex: 1 0 auto; }
  .stock-activity-row { grid-template-columns: 92px minmax(0, 1fr) 55px 10px; gap: 9px; padding: 12px 16px; }
  .stock-activity-actor { display: none; }
  .stocks-explainer { padding-block: 58px 80px; }
  .stocks-section-heading h2 { font-size: clamp(40px, 12vw, 58px); }
  .lifecycle-line article { grid-template-columns: 35px minmax(0, 1fr); padding: 21px 18px; }
  .fee-model { margin-top: 75px; }
  .fee-flow { grid-template-columns: 1fr; }
  .fee-flow > div,
  .fee-flow > div:nth-child(even),
  .fee-flow > div:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--stocks-line); }
  .fee-flow > div:last-child { border-bottom: 0; }
  .stocks-boundaries { grid-template-columns: 1fr; gap: 19px; margin-bottom: 55px; padding: 24px 20px; }
  .stocks-boundaries > div { grid-column: auto; }
}

@media (max-width: 390px) {
  .stocks-network { display: none; }
  .stocks-cycle { min-height: 430px; }
  .cycle-node { width: 124px; }
  .cycle-market { left: 10px; }
  .cycle-rewards { right: 10px; }
  .farm-stock-identity h2 span { display: block; margin-top: 5px; }
  .farm-stock-metrics { grid-template-columns: 1fr; }
  .farm-stock-metrics > div,
  .farm-stock-metrics > div:nth-child(3),
  .farm-stock-metrics > div:nth-child(even),
  .farm-stock-metrics > div:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--stocks-line); }
  .farm-stock-metrics > div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .cycle-lines path { animation: none; }
}