/* HELIX landing page · violet + lime · sits on top of index.css base palette */

.lp { font-family: var(--sans); }

/* film grain · subtle texture across the whole page */
.lp-grain {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none;
  opacity: .35;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px),
    radial-gradient(1.5px 1.5px at 20px 20px, rgba(255,255,255,.018), transparent),
    radial-gradient(1.5px 1.5px at 60px 80px, rgba(255,255,255,.012), transparent);
  background-size: auto, 80px 80px, 80px 80px;
}

/* aurora · two soft glow blobs at top corners */
.lp-aurora {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 600px at 88% -10%, rgba(167,139,250,.18), transparent 55%),
    radial-gradient(700px 500px at -5% 18%, rgba(211,255,0,.06), transparent 55%),
    radial-gradient(600px 600px at 50% 95%, rgba(110,231,255,.05), transparent 60%);
}

/* TOPBAR · lighter, more space */
.lp-nav {
  position: sticky; top: 0; z-index: 50;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 48px;
  padding: 18px 48px;
  background: linear-gradient(180deg, rgba(5,8,24,.92) 0%, rgba(5,8,24,.62) 100%);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(31,34,67,.5);
}
.lp-nav .lp-links a { font-weight: 500; color: var(--ink-mute); }
.lp-nav .lp-links a:hover { color: var(--ink); }
.lp-brand {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--ink);
  font-family: var(--mono);
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
}
.lp-brand:hover { color: var(--ink); }
.lp-logo {
  width: 26px; height: 26px;
}
.lp-wordmark {
  font-size: 15px;
  letter-spacing: .14em;
  background: linear-gradient(90deg, #fff 0%, #c4b8e6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lp-ver {
  font-size: 10px;
  color: var(--ink-mute);
  font-weight: 500;
  letter-spacing: .04em;
  margin-left: 4px;
  border-left: 1px solid var(--line);
  padding-left: 10px;
}
.lp-links {
  display: flex; gap: 28px;
  justify-content: center;
  font-family: var(--mono);
  font-size: 12px;
}
.lp-links a {
  color: var(--ink-dim);
  text-decoration: none;
  letter-spacing: .02em;
  transition: color .15s ease;
}
.lp-links a:hover { color: var(--amber); }
.lp-actions { display: flex; gap: 8px; }

.lp-btn {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px;
  padding: 0 14px;
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .04em;
  border-radius: var(--r-4);
  border: 1px solid;
  cursor: pointer;
  transition: all .15s ease;
  text-decoration: none;
}
.lp-btn-ghost {
  color: var(--ink-dim);
  border-color: var(--line);
  background: transparent;
}
.lp-btn-ghost:hover { color: var(--ink); border-color: var(--ink-mute); background: var(--panel); }
.lp-btn-primary {
  background: linear-gradient(180deg, var(--amber) 0%, #8b6df0 100%);
  color: #0a0518;
  border-color: var(--amber);
  box-shadow: 0 6px 22px -8px var(--amber-a40);
}
.lp-btn-primary:hover {
  background: linear-gradient(180deg, #c4abff 0%, #a78bfa 100%);
  color: #0a0518;
  box-shadow: 0 8px 26px -6px var(--amber-a40);
}
.lp-btn-outline {
  color: var(--ink);
  border-color: var(--line);
  background: var(--panel);
}
.lp-btn-outline:hover {
  border-color: var(--amber-a40);
  background: var(--panel-2);
  color: var(--amber);
}
.lp-btn-lg {
  height: 44px;
  padding: 0 22px;
  font-size: 13px;
  letter-spacing: .04em;
}

/* live ticker · thin market strip, low-contrast */
.lp-ticker {
  position: relative; z-index: 5;
  background: transparent;
  border-bottom: 1px solid rgba(31,34,67,.4);
  overflow: hidden;
  padding: 7px 0;
  opacity: .92;
}
.lp-ticker .lpt-item { font-size: 11px; }
.lp-ticker .lpt-sym { font-size: 10px; }
.lp-ticker .lpt-chg { font-size: 10px; }
.lp-ticker-inner {
  display: inline-flex;
  gap: 36px;
  white-space: nowrap;
  animation: lpt-scroll 60s linear infinite;
  padding-left: 100%;
}
@keyframes lpt-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}
.lpt-item {
  display: inline-flex; align-items: baseline; gap: 8px;
  font-family: var(--mono);
  font-size: 12px;
}
.lpt-sym {
  color: var(--ink-mute);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.lpt-px {
  color: var(--ink);
  font-weight: 600;
}
.lpt-chg { font-size: 11px; font-weight: 600; }
.lpt-up { color: var(--green); }
.lpt-dn { color: var(--red); }
.lpt-mute { color: var(--ink-faint); }

/* MAIN */
.lp-main {
  position: relative; z-index: 3;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 32px;
}

/* HERO */
.lp-hero {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 80px 0 60px;
  min-height: 560px;
}
.lp-hero-compact {
  padding: 44px 0 30px;
  min-height: 380px;
}
.lp-hero-compact .lp-helix-viz { max-width: 320px; }
.lp-hero-compact .lp-h1 { font-size: clamp(40px, 5.4vw, 68px); margin-bottom: 18px; }
.lp-hero-compact .lp-lede { font-size: 13.5px; margin-bottom: 22px; }
.lp-hero-compact .lp-eyebrow { margin-bottom: 18px; }
.lp-hero-compact .lp-cta-row { margin-bottom: 22px; }
.lp-hero-compact .lp-hero-right { min-height: 320px; }
.lp-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--amber);
  padding: 6px 12px;
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  border-radius: 9999px;
  margin-bottom: 28px;
}
.lp-dot {
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 9999px;
  background: var(--lime);
  box-shadow: 0 0 8px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}
.lp-h1 {
  font-family: var(--sans);
  font-size: clamp(48px, 6.6vw, 88px);
  line-height: .98;
  letter-spacing: -.032em;
  margin: 0 0 24px;
  color: #fff;
  font-weight: 700;
}
.lp-h1-em {
  background: linear-gradient(90deg, var(--amber) 0%, var(--lime) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: italic;
  font-weight: 800;
}
.lp-lede {
  font-family: var(--mono);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink-dim);
  margin: 0 0 32px;
  max-width: 540px;
}
.lp-cta-row {
  display: flex; gap: 12px; flex-wrap: wrap;
  margin-bottom: 36px;
}
.lp-hero-pills {
  display: flex; gap: 8px; flex-wrap: wrap;
}
.lp-pill {
  display: inline-flex; align-items: baseline; gap: 7px;
  padding: 7px 12px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 9999px;
  font-family: var(--mono);
  font-size: 11px;
  white-space: nowrap;
}
.lp-pill-k { color: var(--ink-mute); text-transform: uppercase; letter-spacing: .08em; font-size: 9.5px; }
.lp-pill-v { color: var(--ink); font-weight: 600; }

/* HERO right — helix visualization */
.lp-hero-right {
  position: relative;
  min-height: 460px;
  display: flex; align-items: center; justify-content: center;
}
.lp-helix-viz {
  position: relative;
  width: 100%;
  max-width: 460px;
  aspect-ratio: 1;
}
.lp-helix-svg {
  width: 100%; height: 100%;
  display: block;
}
.lp-helix-svg #strand-l, .lp-helix-svg #strand-r {
  animation: strand-pulse 6s ease-in-out infinite;
}
.lp-helix-svg #strand-r { animation-delay: -3s; }
@keyframes strand-pulse {
  0%, 100% { opacity: .55; }
  50%      { opacity: 1; }
}
.lp-helix-viz::before {
  content: "";
  position: absolute;
  inset: -10%;
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(167,139,250,.14), transparent 60%);
  pointer-events: none;
}

/* floating mini-cards near the helix */
.lp-card-float {
  position: absolute;
  display: flex; align-items: baseline; gap: 8px;
  padding: 8px 12px;
  background: linear-gradient(180deg, rgba(20,22,52,.96), rgba(12,14,28,.92));
  border: 1px solid var(--line);
  border-radius: var(--r-4);
  font-family: var(--mono);
  font-size: 11px;
  box-shadow: 0 8px 28px -10px rgba(0,0,0,.6);
  backdrop-filter: blur(4px);
  white-space: nowrap;
  animation: float-y 6s ease-in-out infinite;
}
@keyframes float-y {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
.lp-card-float-1 { top: 10%; left: -8%; animation-delay: -1s; }
.lp-card-float-2 { top: 48%; right: -10%; animation-delay: -3s; }
.lp-card-float-3 { bottom: 8%; left: 8%; animation-delay: -5s; }
.lp-cf-side {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 2px 6px;
  border-radius: var(--r-2);
}
.lp-cf-long { color: var(--green); background: var(--green-a10); border: 1px solid var(--green-a20); }
.lp-cf-short { color: var(--red); background: var(--red-a10); border: 1px solid var(--red-a20); }
.lp-cf-pair { color: var(--ink-mute); font-size: 10.5px; letter-spacing: .04em; }
.lp-cf-px { color: var(--ink); font-weight: 600; }
.lp-cf-pnl { color: var(--green); font-weight: 600; }
.lp-cf-up { color: var(--green); }

/* STATS RAIL */
.lp-stats {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  background: var(--line-soft);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  overflow: hidden;
  margin: 36px 0 80px;
}
.lp-stat {
  background: var(--panel);
  padding: 16px 18px;
  display: flex; flex-direction: column; gap: 4px;
  position: relative;
}
.lp-stat-k {
  font-family: var(--mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--ink-mute);
}
.lp-stat-v {
  font-family: var(--mono);
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.012em;
  line-height: 1;
}
.lp-stat-d {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
  letter-spacing: .02em;
}
.lp-up { color: var(--green); }
.lp-dn { color: var(--red); }

/* sections */
.lp-section { padding: 64px 0; border-top: 1px solid var(--line-soft); }
.lp-section:first-of-type { border-top: 0; padding-top: 0; }
.lp-section-tight { padding: 30px 0 36px; }

/* BLOOMBERG METRICS STRIP · dense terminal-style */
.lp-mstrip {
  margin: 16px 0 22px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 2px solid var(--amber);
  border-radius: var(--r-6);
  overflow: hidden;
}
.lp-mstrip-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px;
  background: linear-gradient(180deg, rgba(19,23,52,.95), rgba(12,14,28,.92));
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line-soft);
}
.lp-mstrip-tag {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--amber);
}
.lp-mstrip-live {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--ink-mute);
  display: inline-flex; align-items: center; gap: 7px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.lp-mstrip-live strong { color: var(--ink); font-weight: 600; }
.lp-mstrip-pulse {
  width: 5px; height: 5px; border-radius: 9999px;
  background: var(--lime);
  box-shadow: 0 0 6px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}
.lp-mstrip-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1px;
  background: var(--line-soft);
}
.ms-cell {
  background: var(--panel);
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 3px;
  position: relative;
  min-width: 0;
}
.ms-k {
  font-family: var(--mono);
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--ink-mute);
}
.ms-v {
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.01em;
  line-height: 1;
}
.ms-up { color: var(--green); }
.ms-dn { color: var(--red); }
.ms-amber { color: var(--amber); }
.ms-cyan { color: var(--cyan); }
.ms-lime { color: var(--lime); }
.ms-d {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--ink-mute);
}
.ms-spark { width: 100%; height: 11px; }
.ms-bar {
  width: 100%; height: 3px;
  background: var(--line);
  border-radius: 9999px;
  overflow: hidden;
  margin-top: 3px;
}
.ms-bar-f {
  display: block; height: 100%;
  background: linear-gradient(90deg, var(--green) 0%, var(--amber) 100%);
  transition: width .5s ease;
}

/* panel bar (terminal-style section heads) */
.lp-pbar {
  display: flex; align-items: center; gap: 14px;
  padding: 9px 14px;
  margin-bottom: 14px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-left: 2px solid var(--amber);
  border-radius: var(--r-4);
  font-family: var(--mono);
  font-size: 12px;
  flex-wrap: wrap;
}
.lp-pbar-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--amber);
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  padding: 2px 7px;
  border-radius: var(--r-2);
}
.lp-pbar-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #fff;
}
.lp-pbar-sub {
  font-size: 11px;
  color: var(--ink-mute);
  flex: 1 1 auto;
  min-width: 0;
}
.lp-pbar-stat {
  display: inline-flex; align-items: baseline; gap: 5px;
  font-size: 11px;
  padding: 2px 8px;
}
.lp-pbar-k { color: var(--ink-mute); text-transform: uppercase; letter-spacing: .06em; font-size: 9.5px; }
.lp-pbar-stat strong { font-weight: 600; color: var(--ink); }
.lp-pbar-live {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--lime);
}
.lp-pbar-pulse {
  width: 5px; height: 5px; border-radius: 9999px;
  background: var(--lime);
  box-shadow: 0 0 6px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}
.lp-sec-head { max-width: 720px; margin-bottom: 36px; }
.lp-sec-tag {
  display: inline-block;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--amber);
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  padding: 4px 10px;
  border-radius: var(--r-2);
  margin-bottom: 14px;
}
.lp-sec-h {
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.06;
  letter-spacing: -.022em;
  margin: 0 0 14px;
  color: #fff;
  font-weight: 700;
}
.lp-sec-sub {
  font-family: var(--mono);
  font-size: 13px;
  color: var(--ink-dim);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

/* MARKETS TABLE · dense 10 columns */
.lp-mkt-tbl {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  overflow: hidden;
}
.lp-mkt-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr .9fr 1fr 1.1fr 1fr .6fr;
  align-items: center;
  gap: 14px;
  padding: 14px 22px;
  font-family: var(--mono);
  font-size: 13px;
  border-bottom: 1px solid var(--line-soft);
  transition: background .15s ease;
}
/* simplify first-load density: hide 1h chg col (3), OI long col (5), trades col (9) */
.lp-mkt-row:not(.lp-mkt-head) > span:nth-child(3),
.lp-mkt-row:not(.lp-mkt-head) > span:nth-child(5),
.lp-mkt-row:not(.lp-mkt-head) > span:nth-child(9) {
  display: none;
}
/* show only first 6 markets · expand on "view more" */
.lp-mkt-row[data-mkt]:nth-of-type(n+8) {
  display: none;
}
.lp-mkt-tbl.lp-mkt-expanded .lp-mkt-row[data-mkt]:nth-of-type(n+8) {
  display: grid;
}
.lp-mkt-row .mk-1h, .lp-mkt-row .mk-chg, .lp-mkt-row .mk-oil, .lp-mkt-row .mk-ois, .lp-mkt-row .mk-f, .lp-mkt-row .mk-v, .lp-mkt-row .mk-t {
  font-family: var(--mono);
  font-weight: 600;
}
.lp-mkt-row .mk-oil { color: var(--green); }
.lp-mkt-row .mk-ois { color: var(--red); }
.lp-mkt-row .mk-v, .lp-mkt-row .mk-t { color: var(--ink); font-weight: 500; }
.mk-px-flash {
  animation: pxflash .6s ease-out;
}
@keyframes pxflash {
  0%   { background: var(--green-a20); }
  100% { background: transparent; }
}
.mk-px-flash-dn {
  animation: pxflashdn .6s ease-out;
}
@keyframes pxflashdn {
  0%   { background: var(--red-a20); }
  100% { background: transparent; }
}
.lp-mkt-meta {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-mute);
}
.lp-mkt-row-old {
  display: grid;
  grid-template-columns: 1.4fr 1fr .9fr 1.2fr 1fr 1.1fr .6fr;
  align-items: center;
  gap: 16px;
  padding: 14px 22px;
  font-family: var(--mono);
  font-size: 13px;
  border-bottom: 1px solid var(--line-soft);
  transition: background .15s ease;
}
.lp-mkt-row:hover { background: rgba(167,139,250,.04); }
.lp-mkt-row:last-of-type { border-bottom: 0; }
.lp-mkt-head {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--ink-mute);
  background: var(--panel-2);
}
.lp-mkt-head:hover { background: var(--panel-2); }
.mk-sym {
  display: inline-flex; align-items: center; gap: 10px;
  color: #fff;
  font-weight: 600;
  letter-spacing: .02em;
}
.mk-icon {
  width: 22px; height: 22px;
  border-radius: 9999px;
  background: var(--bg-3);
  border: 1px solid var(--line);
  display: inline-flex; align-items: center; justify-content: center;
  position: relative;
}
.mk-icon::after {
  content: "";
  width: 12px; height: 12px;
  border-radius: 9999px;
}
.mk-icon-eth::after { background: linear-gradient(180deg, #b08aff, #6f51d6); }
.mk-icon-btc::after { background: linear-gradient(180deg, #f9b855, #e08200); }
.mk-icon-sol::after { background: linear-gradient(135deg, #9945ff, #14f195); }
.mk-icon-hype::after { background: linear-gradient(135deg, #97fce4, #14b8a6); }
.mk-icon-pepe::after { background: linear-gradient(135deg, #58c728, #2e7d18); }
.mk-icon-doge::after { background: linear-gradient(135deg, #ffc850, #a8801a); }
.mk-icon-arb::after  { background: linear-gradient(135deg, #28a0f0, #1567a8); }
.mk-icon-wif::after  { background: linear-gradient(135deg, #d4a25a, #8b6534); }
.mk-icon-jup::after  { background: linear-gradient(135deg, #c7f284, #6cb334); }
.mk-icon-link::after { background: linear-gradient(135deg, #4a8efc, #1d4ed8); }
.mk-icon-avax::after { background: linear-gradient(135deg, #ff6b6b, #c1272d); }
.mk-icon-meme::after { background: linear-gradient(135deg, #b4ff6a, #5fc222); }
.mk-px { color: var(--ink); font-weight: 600; }
.mk-chg, .mk-f { font-weight: 600; }
.mk-oi, .mk-v { color: var(--ink-dim); }
.mk-go { text-align: right; }
.mk-go a {
  color: var(--amber);
  font-size: 11.5px;
  letter-spacing: .04em;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: var(--r-2);
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  transition: all .12s ease;
}
.mk-go a:hover { background: var(--amber-a20); }
.lp-mkt-foot {
  padding: 14px 22px;
  background: var(--panel-2);
  text-align: center;
  border-top: 1px solid var(--line-soft);
}
.lp-mkt-more {
  color: var(--amber);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .04em;
  text-decoration: none;
}
.lp-mkt-more:hover { color: var(--lime); }

/* FLOW */
.lp-flow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.lp-flow-step {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  padding: 24px 26px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  align-items: start;
  transition: border-color .2s ease, transform .2s ease;
}
.lp-flow-step:hover {
  border-color: var(--amber-a40);
  transform: translateY(-2px);
}
.lpf-icon {
  width: 44px; height: 44px;
  border-radius: var(--r-4);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
}
.lpf-icon-1 { background: var(--amber-a10); color: var(--amber); border: 1px solid var(--amber-a20); }
.lpf-icon-2 { background: var(--cyan-a10); color: var(--cyan); border: 1px solid var(--cyan-a20); }
.lpf-icon-3 { background: var(--green-a10); color: var(--green); border: 1px solid var(--green-a20); }
.lpf-icon-4 { background: var(--lime-a10); color: var(--lime); border: 1px solid var(--lime-a20); }
.lpf-body h4 {
  font-size: 16px;
  margin: 0 0 8px;
  letter-spacing: -.008em;
  color: #fff;
}
.lpf-body p {
  font-family: var(--mono);
  font-size: 12.5px;
  color: var(--ink-dim);
  line-height: 1.65;
  margin: 0 0 12px;
}
.lpf-code {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--cyan);
  background: var(--cyan-a10);
  border-radius: var(--r-2);
  padding: 4px 8px;
}

/* VAULT */
.lp-vault {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 14px;
}
.lp-vault-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.lpv-stat {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 22px 20px;
  display: flex; flex-direction: column; gap: 6px;
}
.lpv-k {
  font-family: var(--mono);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--ink-mute);
}
.lpv-v {
  font-family: var(--mono);
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.014em;
  line-height: 1;
}
.lpv-v-lime { color: var(--lime); }
.lpv-d {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
}
.lp-vault-body {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 26px 28px;
}
.lp-vault-body h4 {
  font-size: 15px;
  margin: 0 0 14px;
  color: #fff;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.lp-vault-body ul {
  list-style: none;
  padding: 0; margin: 0;
}
.lp-vault-body ul li {
  font-family: var(--mono);
  font-size: 12.5px;
  color: var(--ink-dim);
  line-height: 1.6;
  padding: 10px 0;
  padding-left: 22px;
  position: relative;
  border-bottom: 1px dashed var(--line-soft);
}
.lp-vault-body ul li:last-child { border-bottom: 0; }
.lp-vault-body ul li::before {
  content: "→";
  position: absolute;
  left: 0; top: 9px;
  color: var(--amber);
  font-weight: 700;
}
.lp-vault-body ul li strong { color: #fff; font-weight: 600; }

/* TOKEN */
.lp-token {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.lp-token-spec {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 22px;
}
.lpt-row {
  display: flex; align-items: baseline; justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px dashed var(--line-soft);
  font-family: var(--mono);
  font-size: 13px;
}
.lpt-row:last-of-type { border-bottom: 0; }
.lpt-k { color: var(--ink-mute); text-transform: uppercase; font-size: 10.5px; letter-spacing: .08em; }
.lpt-v { color: var(--ink); font-weight: 600; }
.lpt-v-lime { color: var(--lime); }
.lpt-v-violet { color: var(--amber); }
.lp-token-flow {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 30px;
  display: flex; flex-direction: column; justify-content: center;
}
.lptf-head {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-mute);
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 22px;
}
.lptf-diagram {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.lptf-node {
  display: flex; flex-direction: column; gap: 4px;
  padding: 14px 22px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--r-4);
  text-align: center;
  font-family: var(--mono);
  min-width: 160px;
}
.lptf-node-k {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--ink-mute);
}
.lptf-node-v {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.lptf-node-trade { border-color: var(--amber-a40); }
.lptf-node-stake { border-color: var(--amber-a20); }
.lptf-node-burn { border-color: var(--lime-a40); }
.lptf-arrow { width: 200px; height: 24px; opacity: .85; }
.lptf-split { display: flex; gap: 14px; }

/* TRUST */
.lp-section-trust { padding: 36px 0; }
.lp-trust {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 22px 28px;
  display: flex; flex-direction: column; gap: 14px;
}
.lp-trust-row {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--ink-dim);
  padding: 6px 0;
  border-bottom: 1px dashed var(--line-soft);
}
.lp-trust-row:last-child { border-bottom: 0; padding-bottom: 0; }
.lpr-k {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--ink-mute);
  min-width: 100px;
}
.lpr-badge {
  display: inline-block;
  padding: 4px 10px;
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  color: var(--amber);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  border-radius: var(--r-2);
}
.lpr-meta { color: var(--ink-dim); }

/* FAQ */
.lp-faq {
  display: flex; flex-direction: column; gap: 8px;
  max-width: 860px;
}
.lp-faq-item {
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: var(--r-4);
  overflow: hidden;
}
.lp-faq-item summary {
  padding: 16px 20px;
  font-family: var(--sans);
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
  display: flex; justify-content: space-between; align-items: center;
}
.lp-faq-item summary::-webkit-details-marker { display: none; }
.lp-faq-item summary::after {
  content: "+";
  color: var(--amber);
  font-size: 18px;
}
.lp-faq-item[open] summary::after { content: "−"; }
.lp-faq-body {
  padding: 0 20px 18px;
  color: var(--ink-dim);
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.7;
  border-top: 1px solid var(--line-soft);
  padding-top: 16px;
}

/* FOOTER */
.lp-foot {
  position: relative; z-index: 4;
  max-width: 1320px;
  margin: 60px auto 0;
  padding: 36px 32px 24px;
  border-top: 1px solid var(--line);
}
.lp-foot-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 60px;
  margin-bottom: 24px;
}
.lp-foot-cols {
  display: grid;
  grid-template-columns: repeat(3, 160px);
  gap: 40px;
  justify-content: end;
}
.lp-foot-col { display: flex; flex-direction: column; gap: 6px; }
.lp-foot-h {
  font-family: var(--mono);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--ink-mute);
  margin-bottom: 6px;
}
.lp-foot-col a {
  color: var(--ink-dim);
  font-family: var(--mono);
  font-size: 12px;
  text-decoration: none;
}
.lp-foot-col a:hover { color: var(--amber); }
.lp-foot-disclaim {
  display: flex; justify-content: space-between; gap: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line-soft);
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-faint);
}
.lp-foot-build { color: var(--ink-mute); }

/* RESPONSIVE */
@media (max-width: 1024px) {
  .lp-hero { grid-template-columns: 1fr; gap: 24px; padding: 56px 0 32px; }
  .lp-hero-right { min-height: 360px; }
  .lp-stats { grid-template-columns: repeat(3, 1fr); }
  .lp-flow { grid-template-columns: 1fr; }
  .lp-vault { grid-template-columns: 1fr; }
  .lp-token { grid-template-columns: 1fr; }
  .lp-links { display: none; }
  .lp-nav { grid-template-columns: auto 1fr; }
}
@media (max-width: 640px) {
  .lp-main { padding: 0 18px; }
  .lp-nav { padding: 12px 18px; gap: 12px; }
  .lp-stats { grid-template-columns: repeat(2, 1fr); }
  .lp-mkt-row { grid-template-columns: 1.4fr 1fr .9fr .6fr; }
  .lp-mkt-row > span:nth-child(4), .lp-mkt-row > span:nth-child(5), .lp-mkt-row > span:nth-child(6) { display: none; }
  .lp-foot-row { grid-template-columns: 1fr; gap: 24px; }
  .lp-foot-cols { grid-template-columns: 1fr 1fr; justify-content: start; }
  .lp-foot-disclaim { flex-direction: column; gap: 6px; }
  .lp-card-float-2 { right: 0; }
  .lp-card-float-1 { left: 0; }
}

/* TAPE · trades + liquidations split */
.lp-tape-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 12px;
}
.lp-tape-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  overflow: hidden;
}
.lp-tape-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px;
  background: var(--panel-2);
  border-bottom: 1px solid var(--line-soft);
}
.lp-tape-title {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-mute);
  letter-spacing: .06em;
}
.lp-tape-meta {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--ink-mute);
  text-transform: uppercase;
  letter-spacing: .08em;
  display: inline-flex; align-items: center; gap: 6px;
}
.lp-tape-red {
  color: var(--red);
}
.lp-tape-pulse-red {
  display: inline-block;
  width: 5px; height: 5px; border-radius: 9999px;
  background: var(--red);
  box-shadow: 0 0 6px var(--red);
  animation: pulse 1.6s ease-in-out infinite;
}
.lp-tape-tbl { padding: 4px 0; max-height: 360px; overflow: hidden; }
.lp-tape-row {
  display: grid;
  grid-template-columns: 1fr .7fr 1.1fr 1fr .6fr 1fr;
  gap: 8px;
  align-items: center;
  padding: 7px 14px;
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--ink-dim);
  border-bottom: 1px dashed var(--line-soft);
  animation: row-in .35s ease;
}
.lp-tape-thead {
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink-mute);
  background: var(--bg-2);
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line-soft);
  animation: none;
}
/* liq panel uses fewer columns */
#tape-liqs .lp-tape-row {
  grid-template-columns: 1fr 1.1fr .6fr 1fr .8fr 1fr;
}
.lp-tape-row:last-child { border-bottom: 0; }
@keyframes row-in {
  from { opacity: 0; transform: translateY(-4px); background: rgba(167,139,250,.08); }
  to   { opacity: 1; transform: translateY(0); background: transparent; }
}
.lpt-blk { color: var(--cyan); }
.lpt-side {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 2px 6px;
  border-radius: var(--r-2);
  text-align: center;
}
.lpt-side-long  { color: var(--green); background: var(--green-a10); border: 1px solid var(--green-a20); }
.lpt-side-short { color: var(--red); background: var(--red-a10); border: 1px solid var(--red-a20); }
.lpt-side-close { color: var(--ink-mute); background: transparent; border: 1px solid var(--line); }
.lpt-mkt { color: var(--ink); font-weight: 600; }
.lpt-sz  { color: var(--ink); font-weight: 600; }
.lpt-sz-red { color: var(--red); }
.lpt-lev { color: var(--amber); font-weight: 700; }
.lpt-trader { color: var(--ink-mute); }

/* MOVERS */
.lp-movers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.lp-mover-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  overflow: hidden;
}
.lp-mover-head {
  padding: 8px 14px;
  background: var(--panel-2);
  border-bottom: 1px solid var(--line-soft);
}
.lp-mover-title {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-mute);
  letter-spacing: .06em;
}
.lp-mover-row {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  align-items: baseline;
  gap: 8px;
  padding: 9px 14px;
  font-family: var(--mono);
  font-size: 12px;
  border-bottom: 1px dashed var(--line-soft);
  transition: background .12s ease;
}
.lp-mover-row:hover { background: rgba(167,139,250,.04); }
.lp-mover-row:last-child { border-bottom: 0; }
.lpm-sym { color: var(--ink); font-weight: 600; }
.lpm-px { color: var(--ink-dim); }
.lpm-chg { text-align: right; font-weight: 700; }

/* FUNDING HEATMAP */
.lp-fundgrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 4px;
  margin-bottom: 12px;
}
.lpfg-cell {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 12px 6px 10px;
  border-radius: var(--r-2);
  font-family: var(--mono);
  text-align: center;
  position: relative;
  min-width: 0;
  transition: background .8s ease;
}
.lpfg-sym {
  font-size: 9.5px;
  letter-spacing: .04em;
  color: var(--ink);
  font-weight: 600;
}
.lpfg-rate {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #fff;
}
/* color encoding · longs pay (positive) = green, shorts pay (negative) = red */
.lpfg-l5 { background: rgba(0,255,133,.32); }
.lpfg-l4 { background: rgba(0,255,133,.22); }
.lpfg-l3 { background: rgba(0,255,133,.14); }
.lpfg-l2 { background: rgba(0,255,133,.08); }
.lpfg-l1 { background: rgba(0,255,133,.04); }
.lpfg-z  { background: rgba(255,255,255,.02); }
.lpfg-s1 { background: rgba(255,53,99,.04); }
.lpfg-s2 { background: rgba(255,53,99,.08); }
.lpfg-s3 { background: rgba(255,53,99,.14); }
.lpfg-s4 { background: rgba(255,53,99,.22); }
.lpfg-s5 { background: rgba(255,53,99,.32); }
.lp-fund-legend {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--mono);
  font-size: 10px;
  color: var(--ink-mute);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.lpfl-bar {
  flex: 1;
  height: 6px;
  background: linear-gradient(90deg, var(--red) 0%, var(--ink-faint) 50%, var(--green) 100%);
  border-radius: 9999px;
  max-width: 480px;
}

/* VAULT + TOKEN split */
.lp-vt-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.lp-vt-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 20px 22px;
}
.lp-vt-head {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-mute);
  letter-spacing: .06em;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-soft);
}
.lp-vt-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--line-soft);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-4);
  overflow: hidden;
  margin-bottom: 14px;
}
.lp-vt-stats .lpv-stat {
  background: var(--panel);
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
}
.lp-vt-stats .lpv-v { font-size: 20px; }
.lp-vt-list {
  list-style: none;
  padding: 0; margin: 0;
}
.lp-vt-list li {
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--ink-dim);
  line-height: 1.55;
  padding: 8px 0 8px 18px;
  position: relative;
  border-bottom: 1px dashed var(--line-soft);
}
.lp-vt-list li:last-child { border-bottom: 0; }
.lp-vt-list li::before {
  content: "→";
  position: absolute;
  left: 0; top: 8px;
  color: var(--amber);
  font-weight: 700;
}
.lp-vt-list li strong { color: #fff; font-weight: 600; }
.lp-tk-spec {
  display: flex; flex-direction: column;
}
.lp-tk-spec .lpt-row { padding: 8px 0; font-size: 12px; }

/* FLOW horizontal */
.lp-flow-h {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 8px;
}
.lp-flow-h-step {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  padding: 14px 16px;
  display: flex; flex-direction: column; gap: 6px;
}
.lpfh-n {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--amber);
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  padding: 2px 7px;
  border-radius: var(--r-2);
  width: fit-content;
}
.lpfh-t {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -.008em;
}
.lpfh-c {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--cyan);
  background: var(--cyan-a10);
  padding: 4px 8px;
  border-radius: var(--r-2);
  align-self: flex-start;
}
.lpfh-sep {
  align-self: center;
  color: var(--ink-faint);
  font-size: 16px;
  padding: 0 2px;
}

/* responsive */
@media (max-width: 1280px) {
  .lp-mstrip-grid { grid-template-columns: repeat(6, 1fr); }
  .lp-mkt-row { grid-template-columns: 1.2fr 1fr .7fr .7fr 1fr 1fr 1fr .6fr; }
  .lp-mkt-row > span:nth-child(9) { display: none; }
  .lp-fundgrid { grid-template-columns: repeat(8, 1fr); }
  .lp-flow-h { grid-template-columns: 1fr; gap: 6px; }
  .lpfh-sep { display: none; }
}
@media (max-width: 768px) {
  .lp-mstrip-grid { grid-template-columns: repeat(3, 1fr); }
  .lp-mkt-row { grid-template-columns: 1.2fr 1fr 1fr .6fr; }
  .lp-mkt-row > span:nth-child(3),
  .lp-mkt-row > span:nth-child(5),
  .lp-mkt-row > span:nth-child(6),
  .lp-mkt-row > span:nth-child(7),
  .lp-mkt-row > span:nth-child(9) { display: none; }
  .lp-tape-grid { grid-template-columns: 1fr; }
  .lp-movers-grid { grid-template-columns: 1fr; }
  .lp-fundgrid { grid-template-columns: repeat(6, 1fr); }
  .lp-vt-split { grid-template-columns: 1fr; }
}

/* AEVO-style performance hero strip */
.lp-perf {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line-soft);
  border: 1px solid var(--line);
  border-radius: var(--r-6);
  overflow: hidden;
  margin-top: 8px;
}
.lp-perf-cell {
  background: var(--panel);
  padding: 16px 18px 14px;
  display: flex; flex-direction: column; gap: 4px;
  position: relative;
}
.lp-perf-cell::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--amber-a40), transparent);
  opacity: .5;
}
.lpp-v {
  font-family: var(--mono);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.024em;
  color: #fff;
}
.lpp-su {
  font-size: 16px;
  font-weight: 600;
  color: var(--ink-mute);
  letter-spacing: 0;
  margin-left: 2px;
}
.lpp-u {
  font-family: var(--mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--lime);
  font-weight: 600;
}
.lpp-k {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
  letter-spacing: .02em;
}

/* MINI DEPTH VIZ · TradingView-style */
.lp-depth-mini {
  position: absolute;
  bottom: -12px;
  right: -20px;
  width: 220px;
  background: linear-gradient(180deg, rgba(20,22,52,.96), rgba(12,14,28,.94));
  border: 1px solid var(--line);
  border-radius: var(--r-4);
  padding: 10px 12px;
  font-family: var(--mono);
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 40px -12px rgba(0,0,0,.7);
  animation: float-y 6s ease-in-out infinite;
  animation-delay: -2.5s;
}
.lp-depth-head {
  display: flex; align-items: center; justify-content: space-between;
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px dashed var(--line-soft);
  font-size: 9.5px;
  color: var(--ink-mute);
  letter-spacing: .06em;
}
.lpd-pulse {
  width: 5px; height: 5px; border-radius: 9999px;
  background: var(--lime);
  box-shadow: 0 0 6px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}
.lp-depth-row {
  padding: 2px 0;
  font-size: 10px;
}
.lpd-bid, .lpd-ask {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 6px;
  align-items: center;
  padding: 3px 4px;
  position: relative;
}
.lpd-bar {
  height: 100%;
  position: absolute;
  top: 0; bottom: 0;
  border-radius: 1px;
  opacity: .22;
}
.lpd-bid .lpd-bar { left: 0; }
.lpd-ask .lpd-bar { right: 0; }
.lpd-bar-g { background: var(--green); }
.lpd-bar-r { background: var(--red); }
.lpd-px {
  color: var(--ink);
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: right;
}
.lpd-bid .lpd-px { color: var(--green); }
.lpd-ask .lpd-px { color: var(--red); }
.lpd-sz {
  color: var(--ink-mute);
  position: relative;
  z-index: 1;
  font-size: 9.5px;
}
.lp-depth-mid {
  display: flex; align-items: baseline; justify-content: space-between;
  padding: 5px 4px;
  margin: 3px 0;
  background: linear-gradient(90deg, var(--green-a10), var(--red-a10));
  border-radius: var(--r-2);
}
.lpd-mid-px {
  color: #fff;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: -.01em;
}
.lpd-mid-sp {
  color: var(--lime);
  font-size: 9.5px;
  letter-spacing: .04em;
}

/* MARKETS sort tabs · Hyperliquid-style */
.lp-mkt-tabs {
  display: flex;
  gap: 2px;
  padding: 3px;
  margin-bottom: 12px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--r-4);
  width: fit-content;
}
.lp-mkt-tab {
  background: transparent;
  border: 0;
  color: var(--ink-mute);
  padding: 6px 14px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  cursor: pointer;
  border-radius: var(--r-2);
  transition: all .12s ease;
}
.lp-mkt-tab:hover { color: var(--ink); }
.lp-mkt-tab-on {
  color: var(--amber);
  background: var(--amber-a10);
  box-shadow: inset 0 0 0 1px var(--amber-a20);
}

/* CIRCULAR HELIX motif · curved separators + round glyphs */
.lp-section + .lp-section { position: relative; }
.lp-section-tight {
  position: relative;
}
/* curved divider above tight sections */
.lp-section-tight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--amber-a40), transparent);
  display: none; /* opt-in per section if we want */
}
.lp-pbar-tag {
  border-radius: 9999px;  /* round badges instead of squared */
  padding: 3px 9px;
}
.lp-pbar-stat {
  border-radius: 9999px;
}
.lp-mstrip-tag {
  background: var(--amber-a10);
  border: 1px solid var(--amber-a20);
  padding: 3px 10px;
  border-radius: 9999px;
}

/* helix-curve mini glyph for use inside section heads */
.lp-helix-glyph {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 6px;
}

/* responsive perf strip */
@media (max-width: 1024px) {
  .lp-perf { grid-template-columns: repeat(2, 1fr); }
  .lp-depth-mini { right: 0; width: 200px; }
}
@media (max-width: 768px) {
  .lp-perf-cell { padding: 12px 14px 10px; }
  .lpp-v { font-size: 26px; }
  .lp-depth-mini { display: none; }
  .lp-mkt-tabs { flex-wrap: wrap; }
}

/* ====== PREMIUM PASS · v4 ====== */

/* HERO · full first viewport · single focal point */
.lp-hero-compact {
  padding: 88px 0 100px;
  min-height: 78vh;
  align-items: center;
  gap: 64px;
}
.lp-hero-compact .lp-helix-viz { max-width: 380px; }
.lp-hero-compact .lp-h1 {
  font-size: clamp(56px, 7vw, 96px);
  line-height: .96;
  margin-bottom: 26px;
}
.lp-hero-compact .lp-lede {
  font-size: 15.5px;
  line-height: 1.65;
  margin-bottom: 36px;
  max-width: 520px;
}
.lp-hero-compact .lp-eyebrow { margin-bottom: 24px; }
.lp-hero-compact .lp-cta-row { margin-bottom: 32px; }
.lp-hero-compact .lp-hero-right { min-height: 380px; }

/* HERO micro stat row · understated supporting row, not a panel */
.lp-hero-micro {
  display: inline-flex;
  align-items: baseline;
  gap: 14px;
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--ink-mute);
  letter-spacing: .02em;
  flex-wrap: wrap;
}
.lpm-stat {
  display: inline-flex; align-items: baseline; gap: 6px;
}
.lpm-v {
  color: var(--ink);
  font-weight: 600;
  font-size: 13px;
}
.lpm-k {
  font-size: 10px;
  color: var(--ink-mute);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.lpm-sep { color: var(--ink-faint); }

/* hero pills · keep them, but de-emphasize since micro-stats above */
.lp-hero-compact .lp-hero-pills { display: none; }

/* AEVO PERF · standalone section · breathing space */
.lp-perf-section {
  padding: 64px 0 64px;
  border-top: 1px solid rgba(31,34,67,.4);
  position: relative;
  /* faint helix watermark behind the perf cells — adds depth without adding
     another section. SVG inlined as a data URL keeps it static-asset-free. */
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80'%3E%3Cpath d='M10 4 Q120 40 10 76' stroke='%2397fce4' stroke-width='0.6' fill='none' opacity='0.05'/%3E%3Cpath d='M230 4 Q120 40 230 76' stroke='%2397fce4' stroke-width='0.6' fill='none' opacity='0.05'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% auto;
}
.lp-perf {
  margin-top: 0;
  background: transparent;
  border: 0;
  gap: 0;
  border-radius: 0;
  position: relative;
}
.lp-perf-cell {
  background: transparent;
  border-right: 1px solid rgba(31,34,67,.6);
  padding: 8px 36px;
  text-align: left;
  position: relative;
  transition: background 0.2s;
}
.lp-perf-cell::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(151,252,228,0.35), transparent);
  opacity: 0;
  transition: opacity 0.2s;
}
.lp-perf-cell:hover { background: rgba(151,252,228,0.025); }
.lp-perf-cell:hover::before { opacity: 1; }
.lp-perf-cell:last-child { border-right: 0; }
.lp-perf-cell::after { display: none; }
.lpp-v {
  font-size: 44px;
  letter-spacing: -.028em;
  /* subtle gradient on the big numerals so they read embossed, not flat */
  background: linear-gradient(180deg, #f4f6fb 0%, #c4c4cc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.lpp-u { font-size: 11px; letter-spacing: .12em; }
.lpp-k { font-size: 11px; }

/* MORE SECTION SPACING throughout */
.lp-section-tight {
  padding: 72px 0 80px;
  border-top: 1px solid rgba(31,34,67,.4);
}
.lp-section:not(.lp-section-trust):not(.lp-section-tight) {
  padding: 88px 0 96px;
}
.lp-section-trust { padding: 64px 0; }

/* metrics strip · gives more space, looks more embedded */
.lp-mstrip {
  margin: 0 0 0;
  border-radius: var(--r-10);
}

/* MARKETS · "view all" toggle */
.lp-mkt-foot {
  padding: 16px 22px;
  background: var(--panel-2);
  display: flex; align-items: center; justify-content: space-between;
  border-top: 1px solid var(--line-soft);
}
.lp-mkt-foot-tog {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--ink-dim);
  padding: 6px 14px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  border-radius: var(--r-2);
  cursor: pointer;
  transition: all .15s ease;
}
.lp-mkt-foot-tog:hover {
  color: var(--amber);
  border-color: var(--amber-a40);
  background: var(--amber-a10);
}

/* keep depth viz CSS but hide it now (moved out of hero) */
.lp-depth-mini { display: none !important; }

@media (max-width: 1024px) {
  .lp-hero-compact { padding: 56px 0 60px; min-height: auto; gap: 32px; }
  .lp-perf-cell { padding: 8px 20px; }
  .lpp-v { font-size: 34px; }
}
@media (max-width: 768px) {
  .lp-perf-cell { border-right: 0; border-bottom: 1px solid rgba(31,34,67,.4); padding: 16px 8px; }
  .lp-hero-micro { gap: 10px; font-size: 10.5px; }
}

/* ====== v5 PREMIUM TERMINAL · boot gate + stripped hero ====== */

/* BOOT GATE · terminal entrance */
.lp-boot {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #050818;
  font-family: var(--mono);
  cursor: pointer;
  transition: opacity .42s ease, visibility 0s linear .42s;
}
.lp-boot.lp-boot-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.lp-boot::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(31,34,67,.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31,34,67,.18) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000 30%, transparent 80%);
}
.lp-boot-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.lp-boot-logo {
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  animation: lpb-logo-pulse 2.2s ease-in-out infinite;
}
@keyframes lpb-logo-pulse {
  0%, 100% { opacity: .92; transform: scale(1); }
  50%      { opacity: 1; transform: scale(1.04); }
}
.lp-boot-name {
  font-family: var(--mono);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .42em;
  color: #fff;
  margin-bottom: 6px;
  padding-left: .42em;
}
.lp-boot-sub {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .2em;
  color: var(--ink-mute);
  margin-bottom: 36px;
}
.lp-boot-net {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-dim);
  margin-bottom: 24px;
  padding: 8px 14px;
  border: 1px solid rgba(31,34,67,.6);
  border-radius: 9999px;
  background: rgba(8,11,31,.5);
}
.lpb-k { color: var(--ink-mute); text-transform: uppercase; letter-spacing: .14em; font-size: 9.5px; }
.lpb-v { color: var(--ink); font-weight: 600; }
.lpb-ok { color: var(--lime); }
.lpb-sep { color: var(--ink-faint); }

.lp-boot-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  width: 280px;
}
.lpb-bar {
  width: 100%;
  height: 2px;
  background: rgba(31,34,67,.6);
  border-radius: 9999px;
  overflow: hidden;
}
.lpb-bar-fill {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--amber), var(--lime));
  animation: lpb-fill 1.6s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes lpb-fill {
  0%   { width: 0; }
  60%  { width: 88%; }
  100% { width: 100%; }
}
.lpb-log {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
  letter-spacing: .04em;
  min-height: 16px;
}
.lp-boot-enter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  background: transparent;
  border: 1px solid var(--lime);
  color: var(--lime);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 0;
  cursor: pointer;
  transition: all .15s ease;
  opacity: 0;
  pointer-events: none;
}
.lp-boot.lp-boot-ready .lp-boot-enter {
  opacity: 1;
  pointer-events: auto;
  animation: lpb-enter-pulse 1.4s ease-in-out infinite;
}
@keyframes lpb-enter-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(211,255,0,.0); }
  50%      { box-shadow: 0 0 0 6px rgba(211,255,0,.08); }
}
.lp-boot-enter:hover {
  background: var(--lime);
  color: #0a0518;
}
.lp-boot-hint {
  margin-top: 16px;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .2em;
  color: var(--ink-faint);
  text-transform: uppercase;
  opacity: 0;
  transition: opacity .35s ease;
}
.lp-boot.lp-boot-ready .lp-boot-hint { opacity: 1; }

/* ===== KILL gradients / glow ===== */
.lp-aurora {
  background:
    radial-gradient(900px 600px at 88% -10%, rgba(167,139,250,.08), transparent 60%),
    radial-gradient(700px 500px at -5% 18%, rgba(211,255,0,.02), transparent 60%);
}
.lp-wordmark {
  background: none;
  -webkit-text-fill-color: var(--ink);
  color: var(--ink);
}
.lp-helix-viz::before { display: none !important; }
.lp-helix-svg circle[fill="url(#g-bg)"] { display: none; }

/* ===== STRIPPED HERO — single focal point ===== */
.lp-hero-strip {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 64px;
  align-items: center;
  padding: 96px 0 120px;
  min-height: 72vh;
}
.lp-hero-strip .lp-h1 {
  font-size: clamp(56px, 7.4vw, 104px);
  line-height: .94;
  letter-spacing: -.036em;
  margin: 0 0 20px;
  font-weight: 700;
}
.lp-hero-strip .lp-h1-em {
  font-style: normal;
  font-weight: 700;
  background: none;
  -webkit-text-fill-color: var(--lime);
  color: var(--lime);
}
.lp-hero-strip .lp-helix-viz {
  max-width: 320px;
}
.lp-lede-mono {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--ink-mute);
  margin: 0 0 40px;
  padding-left: 18px;
  border-left: 2px solid var(--lime);
  line-height: 1.6;
}
/* CTA: kill gradient — single solid */
.lp-hero-strip .lp-btn-primary {
  background: transparent;
  color: var(--lime);
  border: 1px solid var(--lime);
  box-shadow: none;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 0;
  height: 48px;
  padding: 0 28px;
}
.lp-hero-strip .lp-btn-primary:hover {
  background: var(--lime);
  color: #0a0518;
  box-shadow: 0 0 0 4px rgba(211,255,0,.1);
}
.lp-hero-strip .lp-btn-primary svg path { stroke: currentColor; }

/* ===== MONO + GRID-LOCK + SURGICAL ACCENTS ===== */
.lp-nav { font-family: var(--mono); }
.lp-nav .lp-links a { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.lp-wordmark { letter-spacing: .24em; font-size: 13px; }
.lp-ver { font-family: var(--mono); font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; }

/* nav CTA: kill gradient */
.lp-btn-primary {
  background: var(--lime);
  color: #0a0518;
  border-color: var(--lime);
  box-shadow: none;
}
.lp-btn-primary:hover {
  background: var(--ink);
  color: #0a0518;
}
.lp-btn-ghost { font-family: var(--mono); text-transform: uppercase; letter-spacing: .12em; font-size: 10.5px; }

/* sharp corners on panels */
.lp-mstrip, .lp-mkt-tbl, .lp-tape-panel, .lp-mover-panel, .lp-vt-panel, .lp-faq-item, .feed-panel {
  border-radius: 0;
}
.ms-cell, .lp-perf-cell, .lp-mkt-row, .lpv-stat {
  border-radius: 0;
}
.lp-pbar { border-radius: 0; }
.lp-pbar-tag { border-radius: 0; padding: 3px 8px; }
.lp-pbar-stat { border-radius: 0; }
.lp-mstrip-tag { border-radius: 0; }

/* ticker: even thinner */
.lp-ticker { padding: 6px 0; opacity: .82; }

/* helix viz: dim it — it's supporting, not the focal */
.lp-hero-strip .lp-helix-svg { opacity: .55; }
.lp-hero-strip .lp-card-float { opacity: .9; }

@media (max-width: 1024px) {
  .lp-hero-strip { grid-template-columns: 1fr; gap: 32px; padding: 56px 0 64px; }
  .lp-hero-strip .lp-helix-viz { max-width: 240px; margin: 0 auto; }
}

/* ====== v6 TERMINAL · grotesk + functional + no fluff ====== */

/* kill aurora entirely · single subtle bg */
body.lp .lp-aurora {
  background:
    radial-gradient(800px 500px at 92% -20%, rgba(167,139,250,.04), transparent 60%);
}

/* tighter, more credible nav */
.lp-nav {
  padding: 14px 32px;
  border-bottom: 1px solid rgba(31,34,67,.45);
  background: rgba(5,8,24,.78);
}
.lp-nav .lp-links a { font-size: 10.5px; letter-spacing: .12em; }
.lp-wordmark { font-size: 14px; letter-spacing: .28em; }

/* HERO v6 · functional, tight, real */
.lp-hero-v6 {
  padding: 56px 0 80px;
  min-height: auto;
}
.lp-hero-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
  margin-bottom: 56px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(31,34,67,.45);
}
.lpm6-k { color: var(--ink-mute); letter-spacing: .02em; }
.lpm6-v { color: var(--ink); font-weight: 500; }
.lpm6-sep { color: var(--ink-faint); }
.lpm6-status {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--lime);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.lpm6-dot {
  width: 6px; height: 6px;
  background: var(--lime);
  box-shadow: 0 0 8px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}

.lp-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 64px;
  align-items: start;
}

/* HEADLINE · grotesk, compact, NOT billboard */
.lp-h1-v6 {
  font-family: var(--sans);
  font-size: clamp(40px, 4.4vw, 64px);
  line-height: 1.04;
  letter-spacing: -.028em;
  color: #fff;
  font-weight: 600;
  margin: 0 0 24px;
  max-width: 580px;
}

.lp-hero-sub-v6 {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink-dim);
  margin: 0 0 36px;
  max-width: 520px;
  font-weight: 400;
}

.lp-hero-cta-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

/* TERMINAL-COMMAND CTA · sharper, more deliberate */
.lp-cta-term {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 14px 22px;
  background: var(--lime);
  color: #0a0518;
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  border: 1px solid var(--lime);
  border-radius: 0;
  transition: all .15s ease;
  position: relative;
}
.lp-cta-term:hover {
  background: transparent;
  color: var(--lime);
  box-shadow: 0 0 0 4px rgba(211,255,0,.08);
}
.lpct-prompt {
  font-weight: 700;
  font-size: 14px;
  color: #0a0518;
}
.lp-cta-term:hover .lpct-prompt { color: var(--lime); }
.lpct-cmd { font-weight: 600; }
.lpct-arrow { font-size: 14px; }

.lp-cta-link {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-mute);
  text-decoration: none;
  letter-spacing: .02em;
  transition: color .15s ease;
  border-bottom: 1px dashed transparent;
}
.lp-cta-link:hover { color: var(--ink); border-bottom-color: var(--ink-mute); }

/* hero spec row · 4 inline data cells */
.lp-hero-spec {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(31,34,67,.5);
  border: 1px solid rgba(31,34,67,.5);
}
.lphs-cell {
  background: rgba(8,11,31,.4);
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 3px;
}
.lphs-k {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--ink-mute);
  text-transform: uppercase;
  letter-spacing: .14em;
}
.lphs-v {
  font-family: var(--mono);
  font-size: 12.5px;
  color: var(--ink);
  font-weight: 600;
}

/* LIVE MARKETS WIDGET · execution surface */
.lp-hero-widget {
  background: rgba(8,11,31,.6);
  border: 1px solid rgba(31,34,67,.6);
  font-family: var(--mono);
}
.lphw-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(31,34,67,.5);
  background: rgba(15,18,42,.5);
}
.lphw-tag {
  font-size: 10.5px;
  color: var(--ink-mute);
  letter-spacing: .06em;
}
.lphw-live {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--lime);
}
.lphw-pulse {
  width: 5px; height: 5px; border-radius: 9999px;
  background: var(--lime);
  box-shadow: 0 0 6px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}
.lphw-row {
  display: grid;
  grid-template-columns: 1.1fr .85fr .65fr .75fr .95fr 56px;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  font-size: 12px;
  border-bottom: 1px solid rgba(31,34,67,.35);
  transition: background .12s ease;
}
.lphw-spark {
  display: block;
  width: 56px;
  height: 16px;
  opacity: .82;
}
.lphw-spark path {
  fill: none;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lphw-spark.lp-up path { stroke: #97fce4; }
.lphw-spark.lp-dn path { stroke: #ff8a7a; }
.lphw-spark-fill {
  fill: currentColor;
  opacity: .12;
}
.lphw-thead .lphw-spark-h {
  display: block;
  text-align: right;
  color: var(--ink-mute);
}
.lphw-row:hover { background: rgba(167,139,250,.04); }
.lphw-row:last-of-type { border-bottom: 0; }
.lphw-thead {
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--ink-mute);
  background: rgba(15,18,42,.3);
  padding: 8px 14px;
}
.lphw-thead:hover { background: rgba(15,18,42,.3); }
.lphw-sym { color: var(--ink); font-weight: 600; letter-spacing: .02em; }
.lphw-px { color: var(--ink); font-weight: 500; }
.lphw-chg { font-weight: 600; }
.lphw-oi { color: var(--ink-dim); }
.lphw-f { font-weight: 600; }
.lphw-foot {
  display: flex; align-items: baseline; gap: 8px;
  padding: 10px 14px;
  background: rgba(15,18,42,.5);
  border-top: 1px solid rgba(31,34,67,.5);
  font-size: 10.5px;
}
.lphw-foot-k { color: var(--ink-mute); text-transform: uppercase; letter-spacing: .1em; font-size: 9.5px; }
.lphw-foot-v { color: var(--ink); font-weight: 600; }
.lphw-foot-sep { color: var(--ink-faint); margin: 0 4px; }

/* widget price flash (subtle) */
.lphw-flash-up   { animation: pxflash .5s ease-out; }
.lphw-flash-down { animation: pxflashdn .5s ease-out; }

/* hide v5 hero remnants */
.lp-hero-strip { display: none !important; }
.lp-helix-viz { display: none !important; }
.lp-card-float { display: none !important; }
.lp-helix-glyph { display: none !important; }

/* update h1-em fallback (still appears in some places) */
.lp-h1-em { font-style: normal; }

/* heading typography elsewhere — switch to grotesk weight 600 not 700, tighter */
.lp-sec-h, .lp-pbar-title {
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: -.014em;
}
.lp-sec-h {
  font-size: clamp(24px, 2.8vw, 32px);
}

/* CTA elsewhere · keep them sharp */
.lp-btn-primary {
  background: var(--lime);
  color: #0a0518;
  border-color: var(--lime);
  border-radius: 0;
  letter-spacing: .04em;
}
.lp-btn-primary:hover {
  background: transparent;
  color: var(--lime);
}
.lp-btn-outline { border-radius: 0; }
.lp-btn-ghost { border-radius: 0; }

/* perf strip · also use grotesk-y on values */
.lpp-v { font-family: var(--sans); font-weight: 600; }
.lpp-u, .lpp-k { font-family: var(--mono); }

/* metrics strip — already mono on values, ensure section heads + sub use grotesk */
.lp-pbar-tag, .lp-pbar-stat, .lp-pbar-sub, .lp-pbar-live, .lp-mstrip-tag, .lp-mstrip-live { font-family: var(--mono); }

/* responsive */
@media (max-width: 1024px) {
  .lp-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .lp-hero-meta { margin-bottom: 32px; }
  .lp-hero-v6 { padding: 36px 0 64px; }
}
@media (max-width: 768px) {
  .lp-hero-spec { grid-template-columns: repeat(2, 1fr); }
  .lphw-row { grid-template-columns: 1fr .9fr .7fr .8fr; gap: 6px; padding: 8px 12px; font-size: 11.5px; }
  .lphw-row > span:nth-child(5) { display: none; }
  .lphw-thead > span:nth-child(5) { display: none; }
}

/* ====== BOOT GATE v2 · spec'd layout ====== */

/* override v1 boot styles */
.lp-boot {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #050818;
  font-family: var(--mono);
  cursor: pointer;
  display: block; /* override flex */
  overflow: hidden;
}
.lp-boot.lp-boot-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s ease, visibility 0s linear .35s;
}

/* faint grid · subtle noise · center glow */
.lp-boot::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(31,34,67,.22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31,34,67,.22) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  mask-image: radial-gradient(ellipse 60% 50% at 50% 42%, #000 30%, transparent 85%);
}
.lp-boot::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(640px 360px at 50% 42%, rgba(167,139,250,.10), transparent 65%),
    radial-gradient(1.5px 1.5px at 23% 11%, rgba(255,255,255,.04), transparent 4px),
    radial-gradient(1px 1px at 71% 19%, rgba(255,255,255,.03), transparent 4px),
    radial-gradient(1px 1px at 38% 76%, rgba(255,255,255,.04), transparent 4px),
    radial-gradient(1.5px 1.5px at 81% 71%, rgba(255,255,255,.03), transparent 4px);
  background-size: auto, 120px 120px, 200px 200px, 160px 160px, 240px 240px;
  opacity: .9;
}

/* 1. STATUS BAR · top center · operational microtext */
.lpb-statusbar {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid rgba(31,34,67,.6);
  background: rgba(8,11,31,.55);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .04em;
  color: var(--ink-mute);
  white-space: nowrap;
  z-index: 2;
}
.lpbs-k { color: var(--ink-mute); }
.lpbs-v { color: var(--ink); font-weight: 500; padding-left: 4px; }
.lpbs-sep { color: var(--ink-faint); margin: 0 2px; }
.lpbs-ok {
  color: var(--lime);
  position: relative;
  padding-left: 14px;
}
.lpbs-ok::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px; height: 5px;
  background: var(--lime);
  box-shadow: 0 0 6px var(--lime);
  animation: pulse 1.6s ease-in-out infinite;
}

/* 2-6. CENTER STACK · slightly above center · asymmetric */
.lpb-stack {
  position: absolute;
  top: 38%; /* not dead-center, a hair above */
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* avoid perfect symmetry */
  gap: 22px;
  z-index: 2;
}

/* 2. logo + name */
.lpb-id {
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.lpb-logo {
  width: 36px;
  height: 36px;
  align-self: center;
  animation: lpb-logo-flicker 4s ease-in-out infinite;
}
@keyframes lpb-logo-flicker {
  0%, 92%, 100% { opacity: 1; }
  93%, 95%      { opacity: .55; }
  94%           { opacity: 1; }
}
.lpb-name {
  font-family: var(--sans); /* grotesk */
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #fff;
  line-height: 1;
}
.lpb-sub {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
  letter-spacing: .14em;
  text-transform: lowercase;
  align-self: flex-end;
  padding-bottom: 4px;
}

/* 3. boot lines · live feel */
.lpb-boot-lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--ink-dim);
  letter-spacing: .02em;
  min-width: 280px;
}
.lpb-line {
  opacity: 1;
  transition: opacity .3s ease;
}
.lpb-line.lpb-pending {
  opacity: .3;
  color: var(--ink-mute);
}
.lpb-line.lpb-done {
  opacity: .65;
  color: var(--ink-dim);
}
.lpb-line.lpb-done::after {
  content: "  ok";
  color: var(--lime);
  font-weight: 600;
  letter-spacing: .04em;
}
.lpb-prompt {
  color: var(--lime);
  font-weight: 700;
  margin-right: 6px;
}
.lpb-cursor {
  display: inline-block;
  width: 7px;
  color: var(--lime);
  animation: lpb-blink 1s steps(2) infinite;
}
@keyframes lpb-blink {
  0%, 50%  { opacity: 1; }
  51%, 100% { opacity: 0; }
}

/* 4. segmented loader · 24 cells */
.lpb-loader {
  display: flex;
  gap: 2px;
  width: 280px;
}
.lpb-loader span {
  flex: 1;
  height: 4px;
  background: rgba(31,34,67,.6);
  position: relative;
  overflow: hidden;
}
.lpb-loader span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--lime);
  transform: translateX(-100%);
}
.lpb-loader span.lpb-fill::after {
  transform: translateX(0);
  transition: transform .15s ease;
}

/* 5. enter terminal · command-action */
.lpb-enter {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 22px;
  background: transparent;
  border: 1px solid var(--lime);
  color: var(--lime);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  cursor: pointer;
  transition: all .15s ease;
  opacity: 0;
  pointer-events: none;
  position: relative;
}
.lp-boot.lp-boot-ready .lpb-enter {
  opacity: 1;
  pointer-events: auto;
}
.lpb-enter::before {
  content: "";
  position: absolute;
  inset: -3px;
  border: 1px solid var(--lime);
  opacity: 0;
  animation: lpb-enter-pulse 1.6s ease-in-out infinite;
  pointer-events: none;
}
@keyframes lpb-enter-pulse {
  0%, 100% { opacity: 0; transform: scale(1); }
  50%      { opacity: .35; transform: scale(1.015); }
}
.lpb-enter:hover {
  background: var(--lime);
  color: #050818;
}
.lpb-enter:hover .lpb-en-prompt,
.lpb-enter:hover .lpb-en-arrow { color: #050818; }
.lpb-en-prompt { font-size: 13px; font-weight: 700; color: var(--lime); }
.lpb-en-cmd { font-weight: 700; }
.lpb-en-arrow { font-size: 13px; color: var(--lime); }

/* 6. keyboard hint */
.lpb-hint {
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  text-transform: lowercase;
  opacity: 0;
  transition: opacity .3s ease;
}
.lp-boot.lp-boot-ready .lpb-hint { opacity: 1; }

/* footer corner stamp · anti-symmetry */
.lpb-footstamp {
  position: absolute;
  bottom: 18px;
  right: 24px;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  color: var(--ink-faint);
  z-index: 2;
}

/* responsive */
@media (max-width: 640px) {
  .lpb-statusbar { font-size: 9px; padding: 6px 10px; gap: 5px; flex-wrap: wrap; max-width: 90%; }
  .lpb-stack { gap: 18px; }
  .lpb-name { font-size: 26px; }
  .lpb-loader { width: 220px; }
  .lpb-boot-lines { min-width: 220px; font-size: 11px; }
  .lpb-footstamp { font-size: 9px; bottom: 12px; right: 12px; }
}

/* ====== BOOT v3 · scale up, anchor lower, dense industrial ====== */

/* ambient: stronger but still restrained background texture */
.lp-boot::before {
  background-image:
    linear-gradient(rgba(31,34,67,.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31,34,67,.28) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse 75% 65% at 50% 56%, #000 30%, transparent 88%);
}
.lp-boot::after {
  background:
    radial-gradient(680px 440px at 50% 56%, rgba(167,139,250,.13), transparent 65%),
    radial-gradient(240px 160px at 50% 56%, rgba(211,255,0,.04), transparent 70%),
    radial-gradient(1.5px 1.5px at 13% 11%, rgba(255,255,255,.06), transparent 5px),
    radial-gradient(1px 1px at 71% 19%, rgba(255,255,255,.05), transparent 4px),
    radial-gradient(1.5px 1.5px at 38% 84%, rgba(255,255,255,.06), transparent 5px),
    radial-gradient(1px 1px at 81% 71%, rgba(167,139,250,.08), transparent 4px),
    radial-gradient(1px 1px at 24% 38%, rgba(211,255,0,.04), transparent 3px),
    radial-gradient(1.5px 1.5px at 87% 42%, rgba(167,139,250,.06), transparent 4px);
  background-size: auto, auto, 180px 180px, 220px 220px, 160px 160px, 240px 240px, 200px 200px, 280px 280px;
}

/* slowly drifting scan line · faint */
.lpb-scanline {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.lpb-scanline::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0;
  height: 120px;
  background: linear-gradient(180deg, transparent 0%, rgba(167,139,250,.025) 50%, transparent 100%);
  animation: lpb-scan 9s linear infinite;
}
@keyframes lpb-scan {
  0%   { transform: translateY(-20%); }
  100% { transform: translateY(120vh); }
}

/* data specks floating around the periphery · operational chatter */
.lpb-data-specks {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  font-family: var(--mono);
  font-size: 9.5px;
  color: rgba(196,184,230,.18);
  letter-spacing: .04em;
}
.lpb-data-specks span {
  position: absolute;
  white-space: nowrap;
  animation: lpb-speck-fade 6s ease-in-out infinite;
}
.lpb-data-specks span:nth-child(1) { animation-delay: 0s; }
.lpb-data-specks span:nth-child(2) { animation-delay: -1s; }
.lpb-data-specks span:nth-child(3) { animation-delay: -2s; }
.lpb-data-specks span:nth-child(4) { animation-delay: -3s; }
.lpb-data-specks span:nth-child(5) { animation-delay: -4s; }
.lpb-data-specks span:nth-child(6) { animation-delay: -5s; }
@keyframes lpb-speck-fade {
  0%, 100% { opacity: .14; }
  50%      { opacity: .32; }
}

/* 1. STATUS BAR · smaller, denser, more system-like */
.lpb-statusbar {
  top: 18px;
  padding: 6px 12px;
  font-size: 9.5px;
  letter-spacing: .04em;
  gap: 6px;
  background: rgba(8,11,31,.65);
  border-color: rgba(31,34,67,.55);
}
.lpbs-k { font-size: 9px; color: var(--ink-faint); text-transform: uppercase; letter-spacing: .12em; }
.lpbs-v { padding-left: 3px; font-size: 9.5px; }
.lpbs-ok::before { width: 4px; height: 4px; left: 3px; }
.lpbs-ok { padding-left: 11px; }
.lpbs-sep { margin: 0 1px; }

/* 2-6. CENTER STACK · LARGER + slightly BELOW center */
.lpb-stack {
  top: 54%; /* below center, anchored */
  gap: 24px;
}

/* logo · scaled up */
.lpb-logo {
  width: 48px;
  height: 48px;
}

/* wordmark · larger, more confident */
.lpb-name {
  font-size: 40px;
  letter-spacing: .16em;
  font-weight: 700;
}
.lpb-sub {
  font-size: 11.5px;
  padding-bottom: 6px;
  letter-spacing: .16em;
}

/* boot lines · tighter spacing, clearer hierarchy */
.lpb-boot-lines {
  gap: 2px;
  font-size: 12.5px;
  min-width: 340px;
}
.lpb-line { padding: 1px 0; }
.lpb-prompt { margin-right: 8px; }

/* segmented loader · wider */
.lpb-loader {
  width: 340px;
  gap: 2px;
}
.lpb-loader span { height: 5px; }

/* enter terminal · larger, more confident */
.lpb-enter {
  padding: 14px 26px;
  font-size: 13px;
  letter-spacing: .16em;
  gap: 12px;
}
.lpb-en-prompt { font-size: 15px; }
.lpb-en-arrow { font-size: 14px; }

/* hint · keep small */
.lpb-hint {
  font-size: 10px;
  letter-spacing: .16em;
}

/* footer stamp · slightly more visible */
.lpb-footstamp {
  font-size: 10px;
  bottom: 16px;
  right: 20px;
  color: rgba(196,184,230,.22);
  letter-spacing: .14em;
}

/* hide data specks on very small screens */
@media (max-width: 768px) {
  .lpb-data-specks { display: none; }
  .lpb-stack { top: 52%; gap: 18px; }
  .lpb-name { font-size: 30px; }
  .lpb-logo { width: 38px; height: 38px; }
  .lpb-boot-lines { min-width: 240px; font-size: 11.5px; }
  .lpb-loader { width: 240px; }
  .lpb-statusbar { font-size: 9px; padding: 5px 10px; gap: 4px; }
}

/* ====== v7 · institutional type + restrained accent ====== */

/* base body — Inter, tighter rendering */
body.lp {
  font-feature-settings: "ss01", "ss02", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* HERO · tighter, more compact, more product-credible */
.lp-h1-v6 {
  font-family: var(--sans);
  font-size: clamp(34px, 3.8vw, 52px);
  line-height: 1.06;
  letter-spacing: -.022em;
  font-weight: 600;
  margin: 0 0 18px;
  max-width: 560px;
  color: #fff;
}
.lp-hero-sub-v6 {
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-dim);
  margin: 0 0 32px;
  max-width: 480px;
  font-weight: 400;
  letter-spacing: -.001em;
}
.lp-hero-v6 { padding: 48px 0 72px; }

.lp-hero-meta {
  font-size: 10px;
  margin-bottom: 44px;
  padding-bottom: 14px;
  letter-spacing: .02em;
}

.lp-hero-cta-row {
  gap: 22px;
  margin-bottom: 36px;
}

/* hero spec cells · tighter, more disciplined */
.lp-hero-spec {
  max-width: 540px;
}
.lphs-cell {
  padding: 11px 14px;
}
.lphs-k {
  font-size: 9px;
  letter-spacing: .14em;
}
.lphs-v {
  font-size: 12px;
}

/* live widget · tighter rhythm */
.lp-hero-widget {
  border-color: rgba(31,34,67,.55);
  background: rgba(10,13,32,.5);
}
.lphw-head {
  padding: 9px 14px;
}
.lphw-tag { font-size: 10px; }
.lphw-live { font-size: 9px; }
.lphw-row {
  padding: 9px 14px;
  font-size: 11.5px;
  gap: 6px;
}
.lphw-thead { font-size: 9px; padding: 7px 14px; letter-spacing: .14em; }
.lphw-foot { font-size: 10px; padding: 9px 14px; }
.lphw-foot-k { font-size: 9px; letter-spacing: .14em; }

/* TERMINAL CTA · keep but tighten */
.lp-cta-term {
  padding: 13px 22px;
  font-size: 12px;
  letter-spacing: .04em;
}
.lpct-prompt { font-size: 13px; }
.lpct-arrow { font-size: 13px; }

/* SECTION HEADINGS · grotesk, sized down */
.lp-sec-h {
  font-family: var(--sans);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 600;
  letter-spacing: -.012em;
  line-height: 1.15;
  margin: 0 0 10px;
}
.lp-sec-sub {
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 400;
  letter-spacing: -.001em;
  color: var(--ink-dim);
  line-height: 1.55;
}

/* NAV · Inter, more credible */
.lp-nav {
  padding: 13px 32px;
  border-bottom: 1px solid rgba(31,34,67,.4);
}
.lp-wordmark {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
}
.lp-ver {
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .12em;
  color: var(--ink-faint);
}
.lp-nav .lp-links a {
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  color: var(--ink-mute);
}
.lp-nav .lp-links a:hover { color: var(--ink); }
.lp-btn-ghost {
  font-family: var(--sans);
  font-size: 11.5px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}

/* RESTRAIN ACCENTS · pull back lime borders */
.lp-mstrip { border-left: 1px solid var(--line); }  /* was 2px lime */
.panel-bar { border-left: 1px solid var(--line); }  /* trade page */
.lp-pbar { border-left: 1px solid var(--line); }    /* landing */
.h-ribbon { border-left: 1px solid var(--line); }   /* trade page */
.lp-mstrip-tag { color: var(--ink-dim); background: transparent; border: 1px solid var(--line); }
.lp-pbar-tag {
  color: var(--ink-mute);
  background: transparent;
  border: 1px solid var(--line);
  font-weight: 500;
}
.lp-pbar-title {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--ink);
}
.lp-pbar-live {
  color: var(--ink-mute);
}
.lp-pbar-live .lp-pbar-pulse {
  background: var(--lime);
  box-shadow: 0 0 5px rgba(211,255,0,.4);
}

/* metric tile values — keep mono, dim labels */
.ms-k { color: var(--ink-faint); font-weight: 500; }
.ms-v { font-weight: 600; }

/* HLP / token panels — tighter */
.lp-vt-head {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 500;
}
.lpv-k { font-size: 9.5px; letter-spacing: .14em; }
.lpv-v { font-family: var(--mono); font-weight: 600; }

/* FAQ */
.lp-faq-item summary {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 500;
}
.lp-faq-body {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}

/* FOOTER · cleaner */
.lp-foot-col a {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 500;
}
.lp-foot-h {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .12em;
}
.lp-foot-disclaim {
  font-family: var(--sans);
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--ink-mute);
  font-weight: 400;
}

/* perf strip · grotesk values, restrained */
.lp-perf-section {
  border-top: 1px solid rgba(31,34,67,.4);
  border-bottom: 1px solid rgba(31,34,67,.4);
  padding: 56px 0;
}
.lpp-v {
  font-family: var(--sans);
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -.024em;
}
.lpp-u {
  color: var(--ink-mute);
  font-size: 10px;
  letter-spacing: .14em;
  font-weight: 500;
}
.lpp-k {
  color: var(--ink-faint);
  font-size: 10.5px;
}

/* SYSBAR / TICKER · subtle */
.lp-ticker { opacity: .75; }
.lpt-sym { color: var(--ink-faint); font-weight: 500; }

/* BOOT screen · wordmark grotesk Inter */
.lpb-name {
  font-family: var(--sans);
  font-weight: 700;
  letter-spacing: .12em;
}
.lpb-en-cmd, .lpb-enter { letter-spacing: .1em; }

/* hero meta + status text · keep mono but rebalance */
.lpm6-k { font-family: var(--mono); font-size: 10px; color: var(--ink-faint); }
.lpm6-v { font-family: var(--mono); font-weight: 500; }
.lpm6-status {
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .14em;
}

/* RESTRAIN section padding — disciplined rhythm */
.lp-section-tight {
  padding: 64px 0 72px;
  border-top: 1px solid rgba(31,34,67,.35);
}

/* MARKETS table · denser, grotesk symbol */
.lp-mkt-row { font-size: 12.5px; }
.mk-sym { font-family: var(--sans); font-weight: 600; letter-spacing: -.005em; }

/* mover panels */
.lpm-sym { font-family: var(--sans); font-weight: 600; letter-spacing: -.005em; }

/* movers panel head */
.lp-mover-title { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; }

/* tape: smaller more dense */
.lp-tape-title { font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; }
.lpt-mkt { font-family: var(--sans); font-weight: 600; letter-spacing: -.005em; }

/* small text everywhere defaults to mono only when it's data, else Inter */
.lp-mstrip-tag { font-size: 9.5px; letter-spacing: .14em; }
.lp-mstrip-live { font-size: 9.5px; letter-spacing: .14em; }

/* responsive */
@media (max-width: 1024px) {
  .lp-h1-v6 { font-size: clamp(30px, 5vw, 44px); }
  .lp-hero-sub-v6 { font-size: 14px; }
}

/* ====== v8 · headline polish — product statement, not banner ====== */

.lp-h1-v6 {
  font-family: var(--sans);
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.02;
  letter-spacing: -.03em;
  font-weight: 700;
  font-feature-settings: "ss01", "ss02", "cv11";
  color: #fff;
  margin: 0 0 22px;
  max-width: 600px;
  display: block;
}
.lp-h1-line {
  display: block;
}
.lp-h1-line-2 {
  /* slight pull-in for optical balance on line 2 */
  margin-left: -1px;
}
/* terminal-style trailing dot · subtle lime accent · "operational" mark */
.lp-h1-dot {
  display: inline-block;
  color: var(--lime);
  margin-left: 1px;
  font-weight: 700;
}

/* sub-headline · tighter rhythm with H1 */
.lp-hero-sub-v6 {
  font-family: var(--sans);
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink-dim);
  margin: 0 0 36px;
  max-width: 460px;
  font-weight: 400;
  letter-spacing: -.002em;
}

/* hero block · slightly tighter rhythm */
.lp-hero-v6 { padding: 44px 0 72px; }
.lp-hero-meta {
  margin-bottom: 36px;
  padding-bottom: 14px;
  font-size: 10px;
  border-bottom: 1px solid rgba(31,34,67,.35);
}

/* CTA · refine action proportions */
.lp-cta-term {
  padding: 13px 22px 13px 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .03em;
}
.lpct-prompt { font-size: 13px; opacity: .9; }
.lpct-arrow { font-size: 13px; opacity: .9; }

/* link CTA · refined  */
.lp-cta-link {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -.005em;
  color: var(--ink-mute);
  border-bottom: 0;
  position: relative;
  padding-bottom: 2px;
}
.lp-cta-link::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  border-bottom: 1px solid rgba(122,116,156,.4);
  transition: border-color .15s ease;
}
.lp-cta-link:hover { color: var(--ink); }
.lp-cta-link:hover::after { border-bottom-color: var(--ink); }

/* hero spec strip · tighter, more integrated */
.lp-hero-spec {
  margin-top: 4px;
  gap: 0;
  border: 1px solid rgba(31,34,67,.35);
  background: transparent;
}
.lphs-cell {
  background: transparent;
  padding: 10px 14px;
  border-right: 1px solid rgba(31,34,67,.35);
}
.lphs-cell:last-child { border-right: 0; }
.lphs-k { font-size: 9px; letter-spacing: .14em; color: var(--ink-faint); }
.lphs-v { font-size: 11.5px; font-weight: 600; }

/* WIDGET · subtle improvements */
.lp-hero-widget {
  background: rgba(8,11,31,.55);
  border-color: rgba(31,34,67,.45);
}
.lphw-head {
  background: rgba(15,18,42,.45);
  padding: 8px 14px;
  border-bottom-color: rgba(31,34,67,.4);
}
.lphw-row {
  font-size: 11.5px;
  padding: 8px 14px;
  border-bottom-color: rgba(31,34,67,.3);
}
.lphw-thead { padding: 7px 14px; font-size: 9px; letter-spacing: .14em; }
.lphw-foot {
  padding: 8px 14px;
  background: rgba(15,18,42,.4);
  border-top-color: rgba(31,34,67,.4);
  font-size: 10px;
}
.lphw-sym {
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: -.005em;
}

/* responsive · keep ratios on smaller screens */
@media (max-width: 1024px) {
  .lp-h1-v6 { font-size: clamp(30px, 5.6vw, 40px); }
  .lp-h1-line { display: inline; }
  .lp-h1-line-2 { display: inline; margin-left: 4px; }
  .lp-hero-spec { grid-template-columns: repeat(2, 1fr); }
  .lphs-cell:nth-child(2) { border-right: 0; }
  .lphs-cell:nth-child(1), .lphs-cell:nth-child(2) { border-bottom: 1px solid rgba(31,34,67,.35); }
}

/* ====== v9 · ATMOSPHERIC · mythic · embedded ====== */

/* ---------- text: never pure white ---------- */
body.lp, body.lp *,
h1, h2, h3, h4, h5, p, span, a, button, label, input, textarea {
  color: var(--ink);
}
.lp-h1-v6,
.lp-sec-h,
.lp-vt-head,
.lp-pbar-title,
.lp-vault-body h4,
.lpf-body h4,
.lp-faq-item summary,
.lpv-v,
.lpt-v,
.ms-v,
.mk-sym,
.mk-px,
.lpfh-t,
.lphw-sym,
.lphw-px,
.lpb-name,
.lpm-sym,
.lpt-v-violet {
  color: var(--ink);
}

/* inner-glow on prime headlines · text feels lit from inside */
.lp-h1-v6 {
  color: var(--ink);
  text-shadow:
    0 0 24px rgba(167,139,250,.10),
    0 0 1px rgba(222,227,240,.4);
}
.lp-sec-h {
  text-shadow: 0 0 16px rgba(167,139,250,.06);
}
.lpb-name {
  text-shadow:
    0 0 18px rgba(167,139,250,.18),
    0 0 1px rgba(222,227,240,.4);
}

/* terminal cmd cta: soft fill, no harsh white-on-lime */
.lp-cta-term {
  background: var(--lime);
  color: #0a0518;
}
.lp-cta-term .lpct-prompt,
.lp-cta-term .lpct-arrow { color: #0a0518; }

/* ---------- borders & dividers: barely there ---------- */
.lp-nav { border-bottom: 1px solid rgba(120,130,180,.08); }
.lp-ticker { border-bottom: 1px solid rgba(120,130,180,.06); }
.lp-section-tight { border-top: 1px solid rgba(120,130,180,.06); }
.lp-perf-section { border-top: 1px solid rgba(120,130,180,.06); border-bottom: 1px solid rgba(120,130,180,.06); }
.lp-hero-meta { border-bottom: 1px solid rgba(120,130,180,.08); }
.lp-hero-spec,
.lp-hero-spec .lphs-cell { border-color: rgba(120,130,180,.08) !important; }
.lp-hero-widget { border-color: rgba(120,130,180,.10); }
.lphw-head,
.lphw-foot { border-color: rgba(120,130,180,.08); }
.lphw-row { border-color: rgba(120,130,180,.05); }
.lphw-thead { border-color: rgba(120,130,180,.08); }

/* panel bars · barely-there border */
.lp-pbar { border: 1px solid rgba(120,130,180,.08); border-left-width: 1px; }
.lp-mstrip { border: 1px solid rgba(120,130,180,.08); border-left-width: 1px; }
.lp-mstrip-head { border-bottom: 1px solid rgba(120,130,180,.06); }
.lp-mstrip-grid { background: rgba(120,130,180,.04); }

/* market table */
.lp-mkt-tbl { border: 1px solid rgba(120,130,180,.08); }
.lp-mkt-row { border-bottom-color: rgba(120,130,180,.05); }
.lp-mkt-head { background: rgba(120,130,180,.03); }
.lp-mkt-foot { background: rgba(120,130,180,.03); border-top-color: rgba(120,130,180,.06); }

/* tape · movers · feeds · vault · token */
.lp-tape-panel,
.lp-mover-panel,
.lp-vt-panel,
.feed-panel,
.faq-item { border: 1px solid rgba(120,130,180,.08); }
.lp-tape-head,
.lp-mover-head,
.feed-head { border-bottom-color: rgba(120,130,180,.06); background: rgba(120,130,180,.03); }
.lp-tape-row { border-bottom-color: rgba(120,130,180,.05); }
.lp-mover-row { border-bottom-color: rgba(120,130,180,.05); }
.ft-row { border-bottom-color: rgba(120,130,180,.05); }
.lpv-stat { background: rgba(120,130,180,.03) !important; }
.lp-vt-stats { background: rgba(120,130,180,.06); border-color: rgba(120,130,180,.08); }
.lp-vt-list li { border-bottom-color: rgba(120,130,180,.05); }
.lpt-row { border-bottom-color: rgba(120,130,180,.05); }

/* faq */
.lp-faq-item { border: 1px solid rgba(120,130,180,.08); background: rgba(120,130,180,.025); }
.lp-faq-body { border-top: 1px solid rgba(120,130,180,.06); }

/* footer */
.lp-foot { border-top: 1px solid rgba(120,130,180,.08); }
.lp-foot-disclaim { border-top: 1px solid rgba(120,130,180,.06); }

/* sysbar */
.sysbar { border-top: 1px solid rgba(120,130,180,.08); border-bottom: 1px solid rgba(120,130,180,.08); }

/* trade page panels — embed-feel */
.panel-bar { border: 1px solid rgba(120,130,180,.08); border-left-width: 1px; }
.h-ribbon  { border: 1px solid rgba(120,130,180,.08); border-left-width: 1px; }
.rail-tile, .opos-row, .ms-cell, .lp-perf-cell, .lphs-cell {
  border-color: rgba(120,130,180,.06);
}

/* ---------- atmospheric depth · embedded panels ---------- */
.lp-hero-widget,
.lp-mkt-tbl,
.lp-tape-panel,
.lp-mover-panel,
.lp-vt-panel,
.lp-mstrip,
.feed-panel,
.lp-faq-item {
  background:
    linear-gradient(180deg, rgba(40,40,80,.04) 0%, rgba(8,11,38,.6) 100%);
  backdrop-filter: blur(8px);
}

/* atmospheric panel inner highlight */
.lp-hero-widget::before,
.lp-mstrip::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(167,139,250,.04) 0%, transparent 30%);
}
.lp-hero-widget, .lp-mstrip { position: relative; overflow: hidden; }

/* boot screen text · soft cool tones */
.lpbs-v, .lpbs-k { color: var(--ink-dim); }
.lpb-line { color: var(--ink-dim); }
.lpb-line.lpb-done { color: var(--ink-mute); }

/* nav links · soften */
.lp-nav .lp-links a { color: var(--ink-mute); }
.lp-nav .lp-links a:hover { color: var(--ink); }
.lp-wordmark { color: var(--ink); }

/* up/down values · slightly softened green/red but readable */
.lp-up, .ms-up, .lpt-up { color: #5fe5a4; }
.lp-dn, .ms-dn, .lpt-dn { color: #f06585; }

/* ----- accent restraint: only key live data uses lime ----- */
.lpfg-cell { background: rgba(120,130,180,.04); }
.lpfg-l5 { background: rgba(95,229,164,.28); }
.lpfg-l4 { background: rgba(95,229,164,.20); }
.lpfg-l3 { background: rgba(95,229,164,.13); }
.lpfg-l2 { background: rgba(95,229,164,.08); }
.lpfg-l1 { background: rgba(95,229,164,.04); }
.lpfg-s1 { background: rgba(240,101,133,.04); }
.lpfg-s2 { background: rgba(240,101,133,.08); }
.lpfg-s3 { background: rgba(240,101,133,.13); }
.lpfg-s4 { background: rgba(240,101,133,.20); }
.lpfg-s5 { background: rgba(240,101,133,.28); }

/* hero pulse — softer */
.lp-dot, .lpm6-dot, .lp-pbar-pulse, .lphw-pulse {
  background: #b6e84a;
  box-shadow: 0 0 6px rgba(182,232,74,.5);
}

/* ----- atmospheric body weave · soft layered gradients ----- */
body.lp::before {
  content: "";
  position: fixed; inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(1100px 800px at 70% 0%, rgba(110,90,210,.10), transparent 55%),
    radial-gradient(900px 600px at 20% 40%, rgba(60,75,160,.06), transparent 60%),
    radial-gradient(700px 700px at 50% 110%, rgba(140,90,200,.05), transparent 70%);
  mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.85) 50%, rgba(0,0,0,.95) 100%);
}

/* aurora · pulled back */
.lp-aurora {
  background:
    radial-gradient(700px 500px at 92% -10%, rgba(167,139,250,.05), transparent 65%),
    radial-gradient(500px 400px at 5% 30%, rgba(110,90,210,.04), transparent 65%);
}

/* helix logo strands · slightly softer */
.lp-logo path[stroke="#a78bfa"],
.lpb-logo path[stroke="#a78bfa"] { stroke: #b8a3ff; }


/* ====== v10 · distinct display type + atmospheric polish ====== */

/* SPACE GROTESK on display elements · engineered geometric character */
.lp-h1-v6,
.lp-sec-h,
.lpb-name,
.lp-wordmark,
.lp-sec-tag,
.lp-pbar-title,
.lp-mstrip-tag,
.lpp-v {
  font-family: var(--display);
  font-feature-settings: "ss01", "ss02";
}

/* H1 · engineered, slightly compressed, refined tracking */
.lp-h1-v6 {
  font-family: var(--display);
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.0;
  letter-spacing: -.02em;
  font-weight: 600;
  color: #e8ecf5; /* slightly brighter for the most important emphasis */
  text-shadow:
    0 0 28px rgba(167,139,250,.10),
    0 0 1px rgba(232,236,245,.5);
  max-width: 580px;
  margin-bottom: 20px;
}
.lp-h1-line { display: block; }
/* tightly tracked second line for engineered density */
.lp-h1-line-2 { letter-spacing: -.022em; }
.lp-h1-dot {
  color: var(--lime);
  margin-left: 1px;
  font-weight: 700;
  text-shadow: 0 0 6px rgba(211,255,0,.5);
}

/* SECTION HEADS · also Space Grotesk · sized down */
.lp-sec-h {
  font-family: var(--display);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 600;
  letter-spacing: -.014em;
  line-height: 1.18;
  color: var(--ink);
}

/* HELIX wordmark · the brand signature · Space Grotesk */
.lp-wordmark,
.lpb-name {
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--ink);
}
.lp-wordmark { font-size: 13.5px; letter-spacing: .16em; }
.lpb-name { font-size: 40px; letter-spacing: .14em; }

/* large perf numbers · display font */
.lpp-v {
  font-family: var(--display);
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -.022em;
  color: var(--ink);
}

/* BODY · stay on Inter · quieter weight */
.lp-hero-sub-v6 {
  font-family: var(--sans);
  font-size: 14.5px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--ink-dim);
  letter-spacing: -.001em;
  max-width: 460px;
}

.lp-sec-sub,
.lp-faq-body,
.lp-vault-body p,
.lp-vault-body li,
.lpf-body p {
  font-family: var(--sans);
  font-weight: 400;
  color: var(--ink-dim);
  font-size: 13px;
  line-height: 1.65;
}

/* DATA cells · keep mono · already soft */
.ms-v, .lpv-v, .lpt-v, .mk-px, .lphw-px, .lphs-v {
  color: var(--ink);
}

/* refine atmospheric color scale ·  emphasize only key headlines */
:root {
  --ink-bright: #f0f3f8; /* reserve for primary headline emphasis */
}

/* terminal cmd cta · slightly more atmospheric */
.lp-cta-term {
  background: linear-gradient(180deg, var(--lime) 0%, #c2ec00 100%);
  color: #0a0518;
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow:
    0 0 0 1px rgba(211,255,0,.4),
    0 0 24px -8px rgba(211,255,0,.4),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.lp-cta-term:hover {
  background: transparent;
  color: var(--lime);
  box-shadow:
    0 0 0 1px var(--lime),
    0 0 32px -8px rgba(211,255,0,.5);
}
.lpct-cmd { font-family: var(--display); }

/* link cta · refined */
.lp-cta-link {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-mute);
  letter-spacing: -.005em;
}

/* NAV · keep slim, soft */
.lp-nav .lp-links a {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-mute);
  letter-spacing: 0;
  text-transform: none;
}

/* MARKET TABLE · reduce boxed-in feel */
.lp-mkt-tbl {
  border: 1px solid rgba(120,130,180,.06);
  background:
    linear-gradient(180deg, rgba(40,40,80,.025) 0%, rgba(8,11,38,.5) 100%);
  backdrop-filter: blur(8px);
}
.lp-mkt-head {
  background: transparent;
  border-bottom: 1px solid rgba(120,130,180,.06);
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  color: var(--ink-faint);
}
.lp-mkt-row { border-bottom: 1px solid rgba(120,130,180,.04); }
.mk-sym {
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: -.005em;
  color: var(--ink);
}
.mk-px { font-family: var(--mono); font-weight: 500; color: var(--ink-dim); }
.mk-oil, .mk-ois { color: var(--ink-mute); }
.mk-v, .mk-t { color: var(--ink-mute); font-weight: 500; }
.lp-mkt-foot {
  background: transparent;
  border-top: 1px solid rgba(120,130,180,.06);
}

/* TICKER · soft */
.lp-ticker { opacity: .65; }
.lpt-sym { color: var(--ink-faint); }
.lpt-px { color: var(--ink-dim); }

/* hero spec strip · barely-bordered */
.lp-hero-spec {
  border: 1px solid rgba(120,130,180,.06);
  background: rgba(20,24,52,.18);
}
.lp-hero-spec .lphs-cell {
  border-right: 1px solid rgba(120,130,180,.04);
}
.lphs-v { font-family: var(--display); font-weight: 600; color: var(--ink); }
.lphs-k { color: var(--ink-faint); }

/* hero widget · embed deeper */
.lp-hero-widget {
  background:
    linear-gradient(180deg, rgba(40,40,80,.04) 0%, rgba(8,11,38,.55) 100%);
  border: 1px solid rgba(120,130,180,.06);
  backdrop-filter: blur(12px);
}
.lphw-head { border-bottom: 1px solid rgba(120,130,180,.05); background: transparent; }
.lphw-row { border-bottom: 1px solid rgba(120,130,180,.03); }
.lphw-thead { background: transparent; color: var(--ink-faint); }
.lphw-foot { background: transparent; border-top: 1px solid rgba(120,130,180,.05); }
.lphw-sym {
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: -.005em;
}

/* MSTRIP · deeper embed */
.lp-mstrip {
  background:
    linear-gradient(180deg, rgba(40,40,80,.04) 0%, rgba(8,11,38,.55) 100%);
  border: 1px solid rgba(120,130,180,.06);
  backdrop-filter: blur(12px);
}
.lp-mstrip-head { background: transparent; border-bottom: 1px solid rgba(120,130,180,.05); }
.lp-mstrip-grid { background: transparent; gap: 0; }
.ms-cell { background: transparent; border-right: 1px solid rgba(120,130,180,.04); border-bottom: 1px solid rgba(120,130,180,.04); }

/* TAPE / MOVERS / FEEDS · all atmospheric */
.lp-tape-panel,
.lp-mover-panel,
.feed-panel,
.lp-vt-panel,
.lp-faq-item {
  background:
    linear-gradient(180deg, rgba(40,40,80,.04) 0%, rgba(8,11,38,.55) 100%);
  border: 1px solid rgba(120,130,180,.06);
  backdrop-filter: blur(8px);
}
.lp-tape-head, .lp-mover-head, .feed-head {
  background: transparent;
  border-bottom: 1px solid rgba(120,130,180,.05);
}
.lp-tape-thead { background: transparent; color: var(--ink-faint); }
.lp-tape-row { border-bottom: 1px solid rgba(120,130,180,.03); }
.lp-mover-row { border-bottom: 1px solid rgba(120,130,180,.03); }
.lpm-sym, .lpt-mkt {
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: -.005em;
}

/* FUNDING heatmap · softer cells */
.lpfg-cell {
  border: 1px solid rgba(120,130,180,.04);
}
.lpfg-sym { font-family: var(--display); font-weight: 600; letter-spacing: -.005em; }
.lpfg-rate { font-family: var(--mono); font-weight: 500; color: var(--ink); }

/* perf section · soften further */
.lp-perf-section {
  border-top: 1px solid rgba(120,130,180,.05);
  border-bottom: 1px solid rgba(120,130,180,.05);
  background: rgba(20,24,52,.12);
}
.lp-perf-cell {
  border-right: 1px solid rgba(120,130,180,.05);
  background: transparent;
}

/* FAQ · embedded feel */
.lp-faq-item summary {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--ink);
}

/* FOOTER · low contrast */
.lp-foot {
  background: rgba(8,11,38,.6);
  border-top: 1px solid rgba(120,130,180,.06);
}
.lp-foot-h { color: var(--ink-faint); }
.lp-foot-col a { color: var(--ink-mute); }
.lp-foot-col a:hover { color: var(--ink-dim); }
.lp-foot-disclaim {
  border-top: 1px solid rgba(120,130,180,.05);
  color: var(--ink-faint);
}

/* BOOT screen · brand consistency */
.lpb-name {
  font-family: var(--display);
  font-weight: 700;
}
.lpb-en-cmd { font-family: var(--display); font-weight: 600; }

/* small text wherever it lives · whisper */
.lp-pbar-tag,
.lp-mstrip-tag {
  font-family: var(--display);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: .12em;
  color: var(--ink-mute);
  background: transparent;
  border: 1px solid rgba(120,130,180,.1);
}

/* SECTION TIGHT padding · proper rhythm */
.lp-section-tight {
  padding: 80px 0 88px;
  border-top: 1px solid rgba(120,130,180,.05);
}

/* responsive */
@media (max-width: 768px) {
  .lp-h1-v6 { font-size: clamp(30px, 6vw, 38px); }
  .lpb-name { font-size: 30px; }
}

/* ====== v11 · IBM PLEX · PURE BLACK · MINT ACCENT ====== */
/* Wipes prior decorative gradients and atmospheric tints. */

/* hide v6 hero remnants in favor of v11 */
.lp-hero-v6 { display: none !important; }

/* base body: pure black, soft pearl text, IBM Plex */
body.lp {
  background: #000;
  color: var(--ink);
  font-family: var(--sans);
  font-feature-settings: "ss03", "ss04";
}
body.lp::before, body.lp::after { display: none; }
.lp-aurora, .lp-grain { display: none; }

/* one-shot rule: kill backdrop blur + gradient panel bg site-wide */
.lp-hero-widget,
.lp-mstrip,
.lp-tape-panel,
.lp-mover-panel,
.feed-panel,
.lp-vt-panel,
.lp-mkt-tbl,
.lp-faq-item,
.lp-perf-section,
.lp-foot {
  background: transparent !important;
  backdrop-filter: none !important;
}
.lp-hero-widget::before, .lp-mstrip::before { display: none !important; }

/* hairline rules everywhere · barely visible */
.lp-nav { border-bottom: 1px solid #15151a; padding: 18px 36px; background: rgba(0,0,0,.86); }
.lp-ticker { border-bottom: 1px solid #15151a; opacity: 1; padding: 8px 0; }
.lp-section-tight { border-top: 1px solid #15151a; padding: 96px 0 96px; }
.lp-perf-section { border-top: 1px solid #15151a; border-bottom: 1px solid #15151a; padding: 56px 0; }
.lp-foot { border-top: 1px solid #15151a; }

/* NAV · IBM Plex · subdued */
.lp-wordmark {
  font-family: var(--display);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .14em;
  color: var(--ink);
  background: none !important;
  -webkit-text-fill-color: var(--ink) !important;
}
.lp-ver {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--ink-mute);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.lp-nav .lp-links a {
  font-family: var(--sans);
  font-size: 12.5px;
  font-weight: 400;
  color: var(--ink-mute);
  letter-spacing: -.005em;
  text-transform: none;
}
.lp-nav .lp-links a:hover { color: var(--ink); }
.lp-btn-ghost {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-mute);
  border: 1px solid #1f1f24;
  background: transparent;
  border-radius: 0;
  text-transform: none;
  letter-spacing: 0;
  padding: 0 14px;
  height: 32px;
}
.lp-btn-ghost:hover { color: var(--ink); border-color: #2c2c33; }
.lp-btn-primary {
  background: var(--ink);
  color: #000;
  border: 1px solid var(--ink);
  border-radius: 0;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0 16px;
  height: 32px;
  box-shadow: none;
}
.lp-btn-primary:hover { background: var(--amber); border-color: var(--amber); color: #000; }

/* TICKER · low-contrast */
.lp-ticker .lpt-item { font-size: 11px; }
.lpt-sym { font-family: var(--mono); color: var(--ink-faint); letter-spacing: .04em; }
.lpt-px { font-family: var(--mono); color: var(--ink-dim); }
.lpt-chg { font-family: var(--mono); font-size: 10.5px; }
.lpt-up, .lp-up, .ms-up { color: var(--green) !important; }
.lpt-dn, .lp-dn, .ms-dn { color: var(--red) !important; }

/* ===== HERO v11 · asymmetric typographic ===== */
.lp-hero-v11 {
  padding: 56px 0 120px;
  position: relative;
}
.lp-hero-meta-v11 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 88px;
  border-bottom: 1px solid #15151a;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .14em;
  color: var(--ink-mute);
  text-transform: uppercase;
}
.lpm11-k { color: var(--ink-faint); }
.lpm11-v { color: var(--ink-dim); margin-left: 6px; }
.lpm11-sep { color: var(--ink-faint); }
.lpm11-status {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--amber);
  font-weight: 500;
}
.lpm11-dot {
  width: 6px; height: 6px;
  background: var(--amber);
  box-shadow: 0 0 6px rgba(151,252,228,.45);
  animation: pulse 1.6s ease-in-out infinite;
}

/* asymmetric grid: 7 / 5 split with widget pushed slightly */
.lp-hero-grid-v11 {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 64px;
  align-items: start;
}

.lp-hero-eyebrow {
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .14em;
  color: var(--ink-mute);
  text-transform: uppercase;
  margin-bottom: 32px;
}

/* H1 v11 · IBM Plex Sans · large but disciplined */
.lp-h1-v11 {
  font-family: var(--display);
  font-size: clamp(40px, 5.6vw, 76px);
  line-height: 1.02;
  letter-spacing: -.028em;
  font-weight: 500;
  color: var(--ink);
  margin: 0 0 32px;
  max-width: 720px;
}
.lp-h1-emph {
  color: #f0f0f4;
  font-weight: 600;
  /* mint underline accent — only emphasis in the whole headline */
  position: relative;
  display: inline-block;
}
.lp-h1-emph::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -2px;
  height: 1px;
  background: var(--amber);
  opacity: .8;
}

.lp-hero-sub-v11 {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--ink-dim);
  margin: 0 0 44px;
  max-width: 520px;
  letter-spacing: -.002em;
}

.lp-hero-cta-row-v11 {
  display: flex;
  align-items: center;
  gap: 28px;
}

.lp-cta-v11 {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 14px 22px;
  background: var(--amber);
  color: #000;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.005em;
  text-decoration: none;
  border: 1px solid var(--amber);
  border-radius: 0;
  transition: all .15s ease;
}
.lp-cta-v11:hover {
  background: transparent;
  color: var(--amber);
}
.lpct11-arrow { font-size: 14px; }

.lp-cta-link-v11 {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-dim);
  letter-spacing: -.005em;
  text-decoration: none;
  transition: color .15s ease;
}
.lp-cta-link-v11:hover { color: var(--ink); }

/* WIDGET v11 · part of the page, not pasted */
.lp-hero-widget {
  border: 1px solid #15151a !important;
  background: transparent !important;
}
.lphw-head {
  background: transparent !important;
  border-bottom: 1px solid #15151a !important;
  padding: 12px 16px;
}
.lphw-tag {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--ink-mute);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.lphw-live {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--amber);
  letter-spacing: .14em;
}
.lphw-pulse {
  background: var(--amber);
  box-shadow: 0 0 5px rgba(151,252,228,.5);
}
.lphw-thead {
  background: transparent !important;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  text-transform: uppercase;
  padding: 10px 16px !important;
  border-bottom: 1px solid #15151a !important;
}
.lphw-row {
  padding: 11px 16px !important;
  border-bottom: 1px solid #0f0f12 !important;
  font-size: 12.5px;
}
.lphw-row:last-of-type { border-bottom: 0 !important; }
.lphw-sym {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: -.005em;
  color: var(--ink);
}
.lphw-px { font-family: var(--mono); font-weight: 500; color: var(--ink); }
.lphw-chg, .lphw-f { font-family: var(--mono); font-weight: 500; font-size: 11.5px; }
.lphw-oi { font-family: var(--mono); color: var(--ink-mute); font-size: 11.5px; }
.lphw-foot {
  background: transparent !important;
  border-top: 1px solid #15151a !important;
  padding: 12px 16px;
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-mute);
}
.lphw-foot-k { color: var(--ink-faint); letter-spacing: .14em; font-size: 9.5px; text-transform: uppercase; }
.lphw-foot-v { color: var(--ink); font-weight: 500; }

/* ===== METRICS STRIP v11 ===== */
.lp-mstrip {
  margin: 0 0 0;
  border: 1px solid #15151a !important;
  border-left: 1px solid #15151a !important;
}
.lp-mstrip-head {
  background: transparent !important;
  border-bottom: 1px solid #15151a !important;
  padding: 11px 16px;
}
.lp-mstrip-tag {
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  color: var(--ink-mute);
  border: none !important;
  background: transparent !important;
  padding: 0;
}
.lp-mstrip-live {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--amber);
  letter-spacing: .12em;
}
.lp-mstrip-pulse { background: var(--amber); box-shadow: 0 0 5px rgba(151,252,228,.4); }
.lp-mstrip-grid { background: transparent; gap: 0; }
.ms-cell {
  background: transparent;
  border-right: 1px solid #0f0f12;
  border-bottom: 1px solid #0f0f12;
  padding: 14px 16px;
}
.ms-k {
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  text-transform: uppercase;
}
.ms-v {
  font-family: var(--mono);
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink);
  margin-top: 4px;
}
.ms-d { font-family: var(--mono); font-size: 10px; color: var(--ink-mute); }

/* ===== SECTION HEADS · Roman numeral typographic ===== */
.lp-pbar {
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 24px 0;
  margin-bottom: 32px;
  border-bottom: 1px solid #15151a !important;
  border-radius: 0;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 24px;
  align-items: end;
}
.lp-pbar-tag {
  font-family: var(--display);
  font-size: 28px;
  font-weight: 300;
  color: var(--ink-mute);
  letter-spacing: 0;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  line-height: 1;
}
.lp-pbar-title {
  font-family: var(--display);
  font-size: 26px;
  font-weight: 500;
  color: var(--ink);
  letter-spacing: -.014em;
  line-height: 1;
}
.lp-pbar-sub {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-mute);
  letter-spacing: -.002em;
}
.lp-pbar-stat {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--ink-mute);
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.lp-pbar-stat strong { color: var(--ink); font-weight: 500; }
.lp-pbar-k { color: var(--ink-faint); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; margin-right: 4px; }
.lp-pbar-live {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--amber);
  letter-spacing: .12em;
}
.lp-pbar-pulse { background: var(--amber); box-shadow: 0 0 5px rgba(151,252,228,.4); }

/* MARKETS table */
.lp-mkt-tbl { border: 1px solid #15151a !important; }
.lp-mkt-head {
  background: transparent !important;
  border-bottom: 1px solid #15151a !important;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  padding: 12px 22px !important;
}
.lp-mkt-row {
  background: transparent !important;
  border-bottom: 1px solid #0f0f12 !important;
  padding: 14px 22px;
}
.lp-mkt-row:hover { background: #0a0a0d !important; }
.mk-sym {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: -.005em;
  color: var(--ink);
  font-size: 13px;
}
.mk-px { font-family: var(--mono); font-weight: 500; color: var(--ink); }
.mk-1h, .mk-chg, .mk-f, .mk-oil, .mk-ois, .mk-v, .mk-t {
  font-family: var(--mono);
  font-weight: 500;
}
.mk-oil { color: var(--ink-mute) !important; }
.mk-ois { color: var(--ink-mute) !important; }
.mk-v, .mk-t { color: var(--ink-mute); }
.lp-mkt-foot {
  background: transparent !important;
  border-top: 1px solid #15151a !important;
  padding: 14px 22px;
}
.lp-mkt-meta { font-family: var(--mono); font-size: 11px; color: var(--ink-mute); }
.lp-mkt-foot-tog {
  font-family: var(--sans);
  font-size: 12px;
  color: var(--ink-dim);
  border: 1px solid #1f1f24;
  background: transparent;
  padding: 7px 14px;
}
.lp-mkt-foot-tog:hover { color: var(--ink); border-color: #2c2c33; background: transparent; }
.lp-mkt-tabs {
  background: transparent;
  border: 1px solid #15151a;
  margin-bottom: 20px;
  padding: 0;
}
.lp-mkt-tab {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  color: var(--ink-mute);
  padding: 8px 16px;
  border-radius: 0;
  letter-spacing: -.002em;
  text-transform: none;
}
.lp-mkt-tab:hover { color: var(--ink); }
.lp-mkt-tab-on {
  background: var(--ink);
  color: #000;
  box-shadow: none;
}

/* PANEL / FEED / VAULT borders */
.lp-tape-panel,
.lp-mover-panel,
.feed-panel,
.lp-vt-panel,
.lp-faq-item {
  border: 1px solid #15151a !important;
}
.lp-tape-head, .lp-mover-head, .feed-head {
  background: transparent !important;
  border-bottom: 1px solid #15151a !important;
  padding: 11px 14px;
}
.lp-tape-title, .lp-mover-title, .feed-title {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--ink-mute);
}
.lp-tape-meta, .feed-meta {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--ink-faint);
  letter-spacing: .14em;
}
.lp-tape-thead, .ft-head {
  background: transparent !important;
  font-family: var(--mono);
  font-size: 9px;
  color: var(--ink-faint);
  letter-spacing: .14em;
  border-bottom: 1px solid #15151a !important;
}
.lp-tape-row, .ft-row {
  background: transparent !important;
  border-bottom: 1px solid #0f0f12 !important;
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--ink-dim);
}
.lpt-side-long, .ft-amber { color: var(--green); background: transparent; border: 0; padding: 0; }
.lpt-side-short, .ft-red { color: var(--red); background: transparent; border: 0; padding: 0; }
.lpt-side-close { color: var(--ink-mute); }
.lpt-blk, .ft-blk, .ft-cyan { color: var(--ink-mute); }
.lpt-mkt { font-family: var(--sans); font-weight: 500; color: var(--ink); letter-spacing: -.005em; }
.lpt-trader, .ft-mute { color: var(--ink-faint); }

/* MOVERS */
.lp-mover-row { border-bottom: 1px solid #0f0f12 !important; padding: 11px 14px; }
.lpm-sym { font-family: var(--sans); font-weight: 500; letter-spacing: -.005em; color: var(--ink); }
.lpm-px { font-family: var(--mono); color: var(--ink-mute); }
.lpm-chg { font-family: var(--mono); font-weight: 500; }

/* FUNDING heatmap */
.lpfg-cell {
  background: rgba(255,255,255,.015);
  border: 1px solid #0f0f12;
  padding: 14px 6px 12px;
}
.lpfg-sym { font-family: var(--sans); font-weight: 500; color: var(--ink); letter-spacing: -.005em; }
.lpfg-rate { font-family: var(--mono); font-weight: 500; color: var(--ink); }
.lpfg-l5 { background: rgba(74,222,128,.22); }
.lpfg-l4 { background: rgba(74,222,128,.16); }
.lpfg-l3 { background: rgba(74,222,128,.10); }
.lpfg-l2 { background: rgba(74,222,128,.06); }
.lpfg-l1 { background: rgba(74,222,128,.03); }
.lpfg-s1 { background: rgba(248,113,113,.03); }
.lpfg-s2 { background: rgba(248,113,113,.06); }
.lpfg-s3 { background: rgba(248,113,113,.10); }
.lpfg-s4 { background: rgba(248,113,113,.16); }
.lpfg-s5 { background: rgba(248,113,113,.22); }
.lp-fund-legend { font-family: var(--mono); font-size: 10px; color: var(--ink-mute); }

/* VAULT + TOKEN */
.lp-vt-panel { padding: 24px 24px 22px; }
.lp-vt-head {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--ink-mute);
  border-bottom: 1px solid #15151a !important;
  padding-bottom: 14px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.lpv-stat { background: transparent !important; }
.lp-vt-stats { background: transparent; border: 0; }
.lpv-k { color: var(--ink-faint); }
.lpv-v { font-family: var(--mono); color: var(--ink); font-weight: 500; }
.lpv-v-lime { color: var(--amber) !important; }
.lpv-d { color: var(--ink-mute); }
.lp-vt-list li { border-bottom: 1px solid #0f0f12; font-family: var(--sans); font-size: 12.5px; color: var(--ink-dim); }
.lp-vt-list li strong { color: var(--ink); }
.lp-vt-list li::before { color: var(--amber); }
.lpt-row { border-bottom: 1px solid #0f0f12; font-family: var(--mono); }
.lpt-k { color: var(--ink-faint); }
.lpt-v { color: var(--ink); font-weight: 500; }
.lpt-v-violet, .lpt-v-lime { color: var(--amber) !important; }

/* FLOW horizontal */
.lp-flow-h-step {
  background: transparent;
  border: 1px solid #15151a;
  padding: 20px 22px;
}
.lpfh-n {
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--ink-mute);
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  letter-spacing: .14em;
  margin-bottom: 12px;
}
.lpfh-t { font-family: var(--sans); font-weight: 500; color: var(--ink); }
.lpfh-c {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--amber);
  background: transparent;
  border: 1px solid #15151a;
  padding: 5px 8px;
}
.lpfh-sep { color: var(--ink-faint); }

/* PERF cells */
.lp-perf-cell {
  border-right: 1px solid #15151a;
  padding: 14px 32px;
}
.lp-perf-cell:last-child { border-right: 0; }
.lpp-v {
  font-family: var(--display);
  font-weight: 400;
  font-size: 44px;
  letter-spacing: -.028em;
  color: var(--ink);
}
.lpp-u {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--ink-mute);
  letter-spacing: .14em;
}
.lpp-k {
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--ink-faint);
}

/* TRUST */
.lp-trust { background: transparent; border: 1px solid #15151a; padding: 22px 24px; }
.lp-trust-row { border-bottom: 1px solid #0f0f12; font-family: var(--sans); }
.lpr-k {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  text-transform: uppercase;
}
.lpr-badge {
  background: transparent;
  border: 1px solid #1f1f24;
  color: var(--ink-dim);
  font-family: var(--sans);
  font-weight: 500;
}
.lpr-meta { color: var(--ink-mute); font-size: 12.5px; line-height: 1.55; }

/* FAQ */
.lp-faq-item summary {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 14.5px;
  color: var(--ink);
  padding: 18px 22px;
}
.lp-faq-item summary::after { color: var(--ink-mute); }
.lp-faq-body {
  font-family: var(--sans);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--ink-dim);
  border-top: 1px solid #0f0f12;
  padding: 16px 22px 20px;
}

/* FOOTER */
.lp-foot-row { padding-bottom: 24px; }
.lp-foot-h {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .14em;
  color: var(--ink-faint);
}
.lp-foot-col a {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--ink-mute);
}
.lp-foot-col a:hover { color: var(--ink); }
.lp-foot-disclaim {
  border-top: 1px solid #0f0f12;
  font-family: var(--sans);
  font-size: 12px;
  color: var(--ink-faint);
  line-height: 1.55;
}
.lp-foot-build { font-family: var(--mono); color: var(--ink-faint); }

/* SECTION HEADS · simpler */
.lp-sec-h { font-family: var(--display); font-weight: 500; color: var(--ink); }
.lp-sec-sub { font-family: var(--sans); color: var(--ink-dim); }

/* BOOT screen · pure black + mint */
.lp-boot {
  background: #000;
}
.lp-boot::before {
  background-image:
    linear-gradient(rgba(28,28,32,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28,28,32,.5) 1px, transparent 1px);
}
.lp-boot::after {
  background:
    radial-gradient(600px 400px at 50% 56%, rgba(151,252,228,.06), transparent 70%),
    radial-gradient(1.5px 1.5px at 22% 14%, rgba(255,255,255,.06), transparent 5px),
    radial-gradient(1px 1px at 71% 22%, rgba(255,255,255,.04), transparent 4px),
    radial-gradient(1.5px 1.5px at 38% 80%, rgba(255,255,255,.05), transparent 5px),
    radial-gradient(1px 1px at 81% 74%, rgba(151,252,228,.04), transparent 4px);
  background-size: auto, 180px 180px, 220px 220px, 160px 160px, 240px 240px;
}
.lpb-statusbar {
  background: rgba(0,0,0,.7);
  border: 1px solid #15151a;
}
.lpbs-v { color: var(--ink-dim); }
.lpbs-ok { color: var(--amber); }
.lpbs-ok::before { background: var(--amber); box-shadow: 0 0 5px rgba(151,252,228,.5); }
.lpb-name {
  font-family: var(--display);
  font-weight: 600;
  color: var(--ink);
  letter-spacing: .14em;
}
.lpb-sub { color: var(--ink-mute); font-family: var(--mono); }
.lpb-line { color: var(--ink-dim); }
.lpb-line.lpb-done { color: var(--ink-mute); }
.lpb-prompt { color: var(--amber); }
.lpb-cursor { color: var(--amber); }
.lpb-loader span::after { background: var(--amber); }
.lpb-enter {
  background: transparent;
  border: 1px solid var(--amber);
  color: var(--amber);
  letter-spacing: .12em;
  font-family: var(--mono);
}
.lpb-enter::before { border-color: var(--amber); }
.lpb-enter:hover { background: var(--amber); color: #000; }
.lpb-en-prompt, .lpb-en-arrow { color: inherit; }
.lpb-hint { color: var(--ink-faint); }
.lpb-footstamp { color: var(--ink-faint); }
.lpb-data-specks { color: rgba(212,212,216,.16); font-family: var(--mono); }

/* responsive */
@media (max-width: 1024px) {
  .lp-hero-grid-v11 { grid-template-columns: 1fr; gap: 40px; }
  .lp-h1-v11 { font-size: clamp(36px, 8vw, 56px); }
  .lp-hero-v11 { padding: 36px 0 80px; }
  .lp-hero-meta-v11 { margin-bottom: 56px; }
}
@media (max-width: 768px) {
  .lp-nav { padding: 14px 18px; }
  .lp-mstrip-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ====== v12 · HERO atmosphere · Bricolage display ====== */

/* contained atmospheric pocket behind hero — pure black base preserved */
.lp-hero-v11 {
  position: relative;
  overflow: visible;
}
.lp-hero-v11::before {
  content: "";
  position: absolute;
  inset: -40px -120px;
  background:
    radial-gradient(620px 360px at 18% 50%, rgba(110,90,210,.10), transparent 65%),
    radial-gradient(420px 260px at 28% 30%, rgba(80,100,200,.06), transparent 70%),
    radial-gradient(360px 200px at 36% 70%, rgba(140,90,200,.04), transparent 75%);
  pointer-events: none;
  z-index: -1;
  filter: blur(2px);
}
.lp-hero-v11::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(151,252,228,.18), transparent);
  pointer-events: none;
}

/* H1 · Bricolage Grotesque · editorial-condensed character */
.lp-h1-v11 {
  font-family: var(--display);
  font-variation-settings: "opsz" 72;
  font-size: clamp(46px, 6.4vw, 88px);
  line-height: .96;
  letter-spacing: -.035em;
  font-weight: 500;
  color: #e6e6ea;
  margin: 0 0 28px;
  max-width: 760px;
  text-shadow:
    0 0 32px rgba(151,252,228,.05),
    0 0 1px rgba(230,230,234,.4);
}
.lp-h1-emph {
  color: #f4f4f8;
  font-weight: 600;
  font-style: italic;       /* editorial moment */
  letter-spacing: -.04em;
  position: relative;
  display: inline-block;
}
.lp-h1-emph::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: 4px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--amber) 20%, var(--amber) 80%, transparent);
  opacity: .7;
}

/* eyebrow · editorial mark */
.lp-hero-eyebrow {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .22em;
  color: var(--ink-mute);
  text-transform: uppercase;
  margin-bottom: 40px;
  padding-left: 18px;
  position: relative;
}
.lp-hero-eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 1px;
  background: var(--amber);
  transform: translateY(-50%);
}

/* sub · more present, intentional */
.lp-hero-sub-v11 {
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  color: #a8a8b0;
  margin: 0 0 48px;
  max-width: 540px;
  letter-spacing: -.005em;
}

/* spacing rhythm */
.lp-hero-v11 { padding: 64px 0 140px; }
.lp-hero-meta-v11 { margin-bottom: 96px; }

/* ─── hero polish · unified silver-mint tonal system ────────────────── */
/* one cool tone family across headline / body / labels / CTA / glow.   */
/* every value tied to the same hue so nothing reads warm or detached.  */
:root {
  --hero-silver: #e7eaee;
  --hero-body:   rgba(231, 234, 238, .72);
  --hero-label:  rgba(231, 234, 238, .48);
  --hero-mint:        #97fce4;
  --hero-mint-soft:   rgba(151, 252, 228, .68);
  --hero-mint-line:   rgba(151, 252, 228, .35);
  --hero-mint-haze:   rgba(151, 252, 228, .08);
}

/* H1 — institutional-class: IBM Plex Mono, smaller, tighter. Reads as
   terminal headline, not memecoin slogan. The "mark = pool" emphasis is
   rendered inline-code style (background chip + mint stroke) so it scans
   as a system equation, not branding flair. */
.lp-h1-v11 {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-variation-settings: normal;
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.025em;
  color: var(--hero-silver);
  margin: 0 0 24px;
  max-width: 720px;
  text-shadow: none;
}
.lp-h1-light {
  color: rgba(231, 234, 238, .55);
  font-weight: 400;
}
.lp-h1-emph {
  /* mark = pool — rendered as a monospaced code chip with mint underline
     and slight x-height shift so it visually behaves like an equation. */
  color: #f4f6fb;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -.02em;
  font-size: 0.92em;
  padding: 4px 12px;
  background: rgba(151, 252, 228, .045);
  border: 1px solid rgba(151, 252, 228, .22);
  border-radius: 2px;
  position: relative;
  display: inline-block;
  margin-top: 6px;
  white-space: nowrap;
}
.lp-h1-emph::after { display: none; }

/* LAUNCH ROW — socials + contract slot · hydrated by landing.js from /api/config.
   Pre-launch state shows "TBA" + greyed socials. Once env vars are set, the
   row morphs to active links + a copy button next to the CA. */
.lp-launch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding: 16px 32px;
  border-top: 1px solid #14141a;
  background: rgba(15, 18, 42, 0.18);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11.5px;
}
.lp-launch-left {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.lp-launch-right {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.lp-launch-status {
  font-size: 10px;
  letter-spacing: .18em;
  color: #97fce4;
  text-transform: uppercase;
}
.lp-launch.is-live .lp-launch-status { color: #d3ff00; }
.lp-launch-ca-label {
  color: rgba(231, 234, 238, .42);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9.5px;
}
.lp-launch-ca {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11.5px;
  color: #f4f6fb;
  padding: 4px 8px;
  background: rgba(151, 252, 228, .04);
  border: 1px solid rgba(151, 252, 228, .15);
  border-radius: 1px;
  letter-spacing: 0.02em;
  font-feature-settings: 'tnum' 1;
}
.lp-launch.is-live .lp-launch-ca {
  color: #97fce4;
  border-color: rgba(151, 252, 228, .32);
  background: rgba(151, 252, 228, .07);
}
.lp-launch-copy {
  background: transparent;
  border: 1px solid rgba(151, 252, 228, .25);
  color: #97fce4;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  padding: 4px 9px;
  cursor: pointer;
  text-transform: uppercase;
  transition: all .15s;
}
.lp-launch-copy:hover {
  background: rgba(151, 252, 228, .08);
  border-color: rgba(151, 252, 228, .45);
}
.lp-launch-social {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5a5a62;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: .04em;
  padding: 4px 8px;
  border: 1px solid transparent;
  transition: color .15s, border-color .15s;
}
.lp-launch-social:hover {
  color: #97fce4;
}
.lp-launch.is-live .lp-launch-social[href^="http"],
.lp-launch.is-live .lp-launch-social[href^="https"] {
  color: #97fce4;
}
.lp-launch-social[href="#"] {
  pointer-events: none;
  opacity: .55;
}
.lp-launch-social svg { flex-shrink: 0; }
.lp-foot-disclaim {
  padding: 14px 32px;
  border-top: 1px solid #14141a;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.lp-foot-disclaim-text {
  color: rgba(231, 234, 238, .28);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .03em;
  max-width: 640px;
}
@media (max-width: 720px) {
  .lp-launch { padding: 12px 18px; }
  .lp-launch-left, .lp-launch-right { gap: 8px; flex-wrap: wrap; }
  .lp-launch-social span { display: none; }
  .lp-foot-disclaim { padding: 12px 18px; flex-direction: column; }
}

/* MARKET CLUSTER PILL — small inline tag on cross-chain markets
   (e.g. HYPE-cluster). Violet to signal HL provenance. */
.mk-cluster {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 9px;
  letter-spacing: 0.08em;
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.08);
  border: 1px solid rgba(167, 139, 250, 0.32);
  border-radius: 1px;
  text-transform: uppercase;
  vertical-align: 1px;
}

/* H1 META — supporting mechanic line below the headline.
   Acts as the proof line for the wedge claim above it. */
.lp-h1-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11.5px;
  letter-spacing: .04em;
  margin: -14px 0 26px;
  color: rgba(231, 234, 238, .55);
  font-variant-numeric: tabular-nums;
}
.lp-h1-meta-k {
  color: rgba(231, 234, 238, .35);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
}
.lp-h1-meta-v {
  color: #97fce4;
  font-weight: 500;
}
.lp-h1-meta-sep {
  color: rgba(151, 252, 228, .25);
}

/* SYSTEM STATUS STRIP — sits right under the h1. Reads like trading-floor
   tape: block / mark / OI / 24h vol. Mono, dim labels, bright values. */
.lp-hero-syslog {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: .04em;
  margin: 0 0 30px;
  padding: 12px 0;
  border-top: 1px solid rgba(151, 252, 228, .12);
  border-bottom: 1px solid rgba(151, 252, 228, .12);
}
.lp-hero-syslog-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lp-hero-syslog-k {
  color: rgba(231, 234, 238, .42);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9.5px;
}
.lp-hero-syslog-v {
  color: #97fce4;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.lp-hero-syslog-status {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #97fce4;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.lp-hero-syslog-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #97fce4;
  box-shadow: 0 0 8px rgba(151, 252, 228, .65);
  animation: lp-hero-pulse 1.5s ease-in-out infinite;
}
@keyframes lp-hero-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }

/* SYSTEM LOG READOUT — terminal-style log lines printed below CTAs to make
   the hero feel like a live operating system, not a marketing brochure.
   Lines fade in serially via the lp-syslog-print animation in landing.js. */
.lp-hero-termlog {
  margin-top: 26px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  line-height: 1.7;
  color: rgba(231, 234, 238, .45);
  letter-spacing: 0;
  max-width: 640px;
  padding-left: 1px;
}
.lp-hero-termlog-line { display: block; opacity: 0; }
.lp-hero-termlog-line.is-printed { opacity: 1; transition: opacity .25s; }
.lp-hero-termlog-arrow { color: #97fce4; margin-right: 8px; }
.lp-hero-termlog-amber { color: #d3ff00; }
.lp-hero-termlog-mute { color: rgba(231, 234, 238, .28); }

/* sub — lighter weight, dimmer, slightly looser tracking for legibility */
.lp-hero-sub-v11 {
  font-family: var(--sans);
  font-size: 16.5px;
  font-weight: 380;
  line-height: 1.62;
  letter-spacing: -.008em;
  color: var(--hero-body);
  max-width: 560px;
  margin: 0 0 40px;
}
/* leading sentence — sharper, but still in the silver family */
.lp-hero-strong {
  color: var(--hero-silver);
  font-weight: 500;
  letter-spacing: -.012em;
}

/* eyebrow + meta strip — restrained label tone, technical tracking */
.lp-hero-eyebrow,
.lp-hero-meta-v11,
.lpm11-k,
.lpm11-sep {
  color: var(--hero-label);
  font-weight: 500;
  letter-spacing: .26em;
}
.lpm11-v {
  color: var(--hero-body);
  letter-spacing: .14em;
}
.lp-hero-eyebrow::before {
  width: 6px;          /* finer, less visual weight */
  background: rgba(245, 158, 11, .55);
}

/* spacing rhythm — disciplined 80 / 80 / 32 / 40 ladder */
.lp-hero-v11      { padding: 80px 0 160px; }
.lp-hero-meta-v11 { margin-bottom: 80px; padding-bottom: 18px; border-bottom-color: #14141a; }

/* CTA — muted-teal default, mint on hover · no flat fill, no loud glow */
.lp-cta-v11 {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 15px 26px;
  background: transparent;
  color: var(--hero-mint-soft);
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: .04em;
  text-decoration: none;
  border: 1px solid var(--hero-mint-line);
  border-radius: 0;
  transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
  box-shadow:
    inset 0 0 0 1px transparent,
    inset 0 1px 0 rgba(231, 234, 238, .04);
}
.lp-cta-v11:hover {
  color: var(--hero-mint);
  background: var(--hero-mint-haze);
  border-color: var(--hero-mint);
  box-shadow:
    inset 0 0 0 1px var(--hero-mint-haze),
    0 0 0 1px rgba(151, 252, 228, .25),
    0 14px 48px -22px rgba(151, 252, 228, .35);
}
.lpct11-arrow {
  font-size: 14px;
  transition: transform .22s ease, color .22s ease;
}
.lp-cta-v11:hover .lpct11-arrow {
  transform: translate(2px, -2px);
}

/* ambient glow — single mint radial, no violet, soft top hairline only */
.lp-hero-v11::before {
  inset: -40px -120px;
  background:
    radial-gradient(640px 380px at 22% 48%, rgba(151, 252, 228, .055), transparent 68%),
    radial-gradient(380px 240px at 34% 70%, rgba(151, 252, 228, .025), transparent 72%);
  filter: blur(1px);
}
.lp-hero-v11::after {
  background: linear-gradient(90deg, transparent, rgba(151, 252, 228, .12), transparent);
  opacity: .9;
}

.lp-cta-link-v11 {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-dim);
  letter-spacing: -.005em;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  transition: all .2s ease;
}
.lp-cta-link-v11:hover {
  color: var(--ink);
  border-bottom-color: var(--ink-mute);
}

.lp-hero-cta-row-v11 { gap: 32px; }

/* WORDMARK + brand · Bricolage too */
.lp-wordmark,
.lpb-name {
  font-family: var(--display);
  font-variation-settings: "opsz" 24;
  font-weight: 600;
  letter-spacing: .14em;
}

/* atmospheric · widget edge softer */
.lp-hero-widget {
  border: 1px solid rgba(40,40,46,1) !important;
  background:
    linear-gradient(180deg, rgba(8,8,12,.6) 0%, rgba(0,0,0,.85) 100%) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow:
    inset 0 1px 0 rgba(151,252,228,.04),
    0 30px 80px -40px rgba(0,0,0,.8);
}

/* slightly brighten body for presence */
:root {
  --ink-dim: #a0a0a8;
}

/* responsive */
@media (max-width: 1024px) {
  .lp-h1-v11 { font-size: clamp(38px, 8.4vw, 60px); }
  .lp-hero-v11 { padding: 36px 0 96px; }
  .lp-hero-meta-v11 { margin-bottom: 56px; }
  .lp-hero-sub-v11 { font-size: 15.5px; }
}

/* ====== v13 · HERO refined · Schibsted display + premium CTA ====== */

/* atmospheric pocket · slightly deeper, lower-opacity */
.lp-hero-v11::before {
  inset: -60px -160px;
  background:
    radial-gradient(700px 420px at 20% 50%, rgba(110,90,210,.13), transparent 65%),
    radial-gradient(500px 320px at 30% 30%, rgba(80,100,200,.08), transparent 70%),
    radial-gradient(400px 240px at 38% 75%, rgba(140,90,200,.05), transparent 75%);
  filter: blur(4px);
}
.lp-hero-v11::after { display: none; }

/* eyebrow · cleaner editorial mark */
.lp-hero-eyebrow {
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .24em;
  color: var(--ink-mute);
  text-transform: uppercase;
  margin-bottom: 36px;
  padding-left: 22px;
  position: relative;
}
.lp-hero-eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 1px;
  background: rgba(151,252,228,.55);
  transform: translateY(-50%);
}

/* H1 · IBM Plex Mono · institutional terminal type (re-locked 2026-05-21) */
.lp-h1-v11 {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.08;
  letter-spacing: -.022em;
  font-weight: 400;
  color: #d8dce6;
  margin: 0 0 22px;
  max-width: 720px;
  text-shadow: none;
}
.lp-h1-light {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-weight: 400;
  color: rgba(216,220,230,.55);
}
.lp-h1-emph {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-weight: 500;
  color: #f4f6fb;
  font-style: normal;
  letter-spacing: -.018em;
  font-size: 0.94em;
  padding: 4px 14px;
  background: rgba(151,252,228,.05);
  border: 1px solid rgba(151,252,228,.24);
  border-radius: 2px;
  display: inline-block;
  margin-top: 8px;
  white-space: nowrap;
  position: relative;
}
.lp-h1-emph::after { display: none; }

/* sub · IBM Plex Sans (not display sans) — keep voice technical */
.lp-hero-sub-v11 {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
  color: #a6acba;
  margin: 0 0 36px;
  max-width: 560px;
  letter-spacing: 0;
}
.lp-hero-strong {
  color: #ecf0f8;
  font-weight: 500;
}
.lp-hero-eyebrow {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: lowercase !important;
  color: #97fce4 !important;
  margin-bottom: 14px !important;
}
.lp-hero-eyebrow::before { display: none !important; }

/* meta strip · tighter to feel composed */
.lp-hero-meta-v11 { margin-bottom: 80px; }

/* CTA · premium · richer fill · designed control */
.lp-cta-v11 {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  padding: 16px 26px 17px 26px;
  background:
    linear-gradient(180deg, #afffe9 0%, #6fdcc1 100%);
  color: #001a14;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.005em;
  text-decoration: none;
  border: 1px solid rgba(175,255,233,.7);
  border-radius: 1px;
  transition: all .22s cubic-bezier(.4,0,.2,1);
  box-shadow:
    0 0 0 1px rgba(151,252,228,.06),
    0 16px 44px -18px rgba(151,252,228,.55),
    0 0 70px -32px rgba(151,252,228,.7),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.08);
}
.lp-cta-v11:hover {
  background: transparent;
  color: var(--amber);
  border-color: rgba(151,252,228,.6);
  box-shadow:
    0 0 0 1px rgba(151,252,228,.5),
    0 0 44px -8px rgba(151,252,228,.4),
    inset 0 1px 0 rgba(151,252,228,.12);
}
.lpct11-arrow {
  font-size: 15px;
  transition: transform .22s cubic-bezier(.4,0,.2,1);
}
.lp-cta-v11:hover .lpct11-arrow { transform: translate(3px, -3px); }

/* secondary link · cleaner, more aligned */
.lp-cta-link-v11 {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 500;
  color: #9aa0ae;
  letter-spacing: -.005em;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(154,160,174,.22);
  transition: all .2s ease;
}
.lp-cta-link-v11:hover {
  color: var(--ink);
  border-bottom-color: rgba(216,220,230,.5);
}

.lp-hero-cta-row-v11 { gap: 36px; align-items: center; }

/* hero block padding · composed unit */
.lp-hero-v11 { padding: 60px 0 132px; }

/* meta + wordmark · stay on Schibsted for brand cohesion */
.lp-wordmark { font-family: var(--display); }

@media (max-width: 1024px) {
  .lp-h1-v11 { font-size: clamp(26px, 5.6vw, 40px); }
  .lp-hero-sub-v11 { font-size: 14px; margin-bottom: 30px; }
  .lp-hero-cta-row-v11 { gap: 24px; }
}

/* ====== v14 · CTA · readable default, mint only on hover ====== */

.lp-cta-v11 {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  padding: 16px 26px 17px 26px;
  background: rgba(18, 28, 27, 0.92);
  color: #f2fffb;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.005em;
  text-decoration: none;
  border: 1px solid rgba(180, 255, 235, 0.12);
  border-radius: 1px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  box-shadow:
    0 0 0 1px rgba(180, 255, 235, 0.04),
    0 8px 24px -12px rgba(0, 0, 0, .6),
    inset 0 1px 0 rgba(180, 255, 235, 0.06);
  backdrop-filter: blur(2px);
}
.lp-cta-v11:hover {
  background: rgba(52, 120, 104, 0.95);
  color: #f2fffb;
  border-color: rgba(180, 255, 235, 0.28);
  box-shadow:
    0 0 0 1px rgba(180, 255, 235, 0.18),
    0 14px 38px -14px rgba(80, 255, 210, 0.30),
    0 0 48px -16px rgba(80, 255, 210, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
.lp-cta-v11 .lpct11-cmd {
  position: relative;
  z-index: 1;
}
.lp-cta-v11 .lpct11-arrow {
  font-size: 15px;
  color: #76e2c7;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1), color .25s ease;
  position: relative;
  z-index: 1;
}
.lp-cta-v11:hover .lpct11-arrow {
  transform: translate(3px, -3px);
  color: #f2fffb;
}

/* subtle inner-edge glow scan on the resting state */
.lp-cta-v11::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  background:
    linear-gradient(180deg, rgba(180, 255, 235, 0.05) 0%, transparent 50%) border-box;
  pointer-events: none;
}

/* ====== v15 · HOW IT WORKS section ====== */

.lp-section-how { padding: 96px 0 112px; }

/* hero explainer · text left, diagram right */
.lp-how-hero {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 80px;
  align-items: center;
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #15151a;
}
.lp-how-hero-text { max-width: 480px; }
.lphow-tag {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .22em;
  color: var(--ink-mute);
  text-transform: uppercase;
  margin-bottom: 22px;
  padding-left: 22px;
  position: relative;
}
.lphow-tag::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 14px; height: 1px;
  background: rgba(151,252,228,.55);
  transform: translateY(-50%);
}
.lp-how-h {
  font-family: var(--display);
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.022em;
  color: #d8dce6;
  margin: 0 0 24px;
}
.lp-how-sub {
  font-family: var(--sans);
  font-size: 15.5px;
  line-height: 1.65;
  color: #a6acba;
  margin: 0;
  font-weight: 400;
  letter-spacing: -.003em;
}
.lp-how-sub strong { color: #f2fffb; font-weight: 600; }

.lp-how-diag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.lphow-svg {
  width: 100%;
  max-width: 420px;
  height: auto;
}

/* six-panel grid */
.lp-how-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #15151a;
  border: 1px solid #15151a;
}
.lp-how-card {
  background: #000;
  padding: 28px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  transition: background .2s ease;
}
.lp-how-card:hover { background: #050507; }
.lphc-n {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  margin-bottom: 6px;
}
.lphc-t {
  font-family: var(--display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.01em;
  color: var(--ink);
  margin-bottom: 8px;
}
.lphc-p {
  font-family: var(--sans);
  font-size: 13.5px;
  line-height: 1.6;
  color: #9aa0ae;
  margin: 0 0 14px;
  font-weight: 400;
  letter-spacing: -.002em;
  flex: 1;
}
.lphc-p strong { color: var(--ink); font-weight: 600; }
.lphc-c {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--amber);
  background: transparent;
  border: 1px solid rgba(151,252,228,.18);
  padding: 5px 9px;
  align-self: flex-start;
  letter-spacing: -.002em;
}

/* compare line at bottom */
.lp-how-compare {
  margin-top: 56px;
  padding: 22px 26px;
  border: 1px solid #15151a;
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  font-family: var(--sans);
  font-size: 14px;
}
.lphc-compare-k {
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  color: var(--ink-faint);
  text-transform: uppercase;
  padding-right: 6px;
  border-right: 1px solid #1f1f24;
}
.lphc-compare-v {
  color: var(--ink-mute);
  font-weight: 400;
}
.lphc-compare-sep { color: var(--ink-faint); }
.lphc-compare-mint {
  color: #97fce4;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .lp-how-hero {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 48px;
    padding-bottom: 48px;
  }
  .lp-how-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .lp-how-grid { grid-template-columns: 1fr; }
  .lp-how-h { font-size: 26px; }
}

/* ============================================================
   HERO PROOF BAR — collapsed mechanics strip below CTAs.
   Replaces the verbose 2nd paragraph of the v11 hero. Keeps
   the surface count visible without dragging the eye through
   prose. Pills feel like clickable filters, not links.
   ============================================================ */
.lp-hero-proof {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.lp-hero-proof-k {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 9.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-faint);
  padding-right: 4px;
}
.lp-hero-proof-pill {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .04em;
  color: #97fce4;
  background: rgba(151, 252, 228, 0.04);
  border: 1px solid rgba(151, 252, 228, 0.18);
  padding: 5px 10px;
  border-radius: 2px;
  text-decoration: none;
  transition: background 0.12s, border-color 0.12s;
}
.lp-hero-proof-pill:hover {
  background: rgba(151, 252, 228, 0.09);
  border-color: rgba(151, 252, 228, 0.32);
}

/* ============================================================
   LIVE TRADE TAPE — per-trade heartbeat between perf cells and
   the 5-mechanic grid. Steals the "Recent trades LIVE" pattern
   from basefun.app but rendered in our terminal aesthetic
   (mono, mint accent, no card chrome).
   ============================================================ */
.lp-tape-section {
  padding: 32px 0 16px;
  border-top: 1px solid #14141a;
}
.lp-tape-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
}
.lp-tape-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 14px;
}
.lp-tape-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .18em;
  color: #97fce4;
}
.lp-tape-live {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .12em;
  color: #f4f6fb;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lp-tape-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #97fce4;
  box-shadow: 0 0 8px rgba(151, 252, 228, 0.7);
  animation: lp-tape-pulse 1.4s ease-in-out infinite;
}
@keyframes lp-tape-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
.lp-tape-meta {
  margin-left: auto;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .12em;
  color: var(--ink-faint);
}
.lp-tape-rail {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #14141a;
  background: #07070a;
  max-height: 200px;
  overflow: hidden;
}
.lp-tape-row {
  display: grid;
  grid-template-columns: 60px 100px 80px 110px 1fr 60px;
  align-items: center;
  gap: 16px;
  padding: 8px 14px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11.5px;
  border-bottom: 1px solid #11111a;
}
.lp-tape-row:last-child { border-bottom: none; }
.lp-tape-side {
  font-weight: 600;
  font-size: 10px;
  letter-spacing: .14em;
  padding: 2px 6px;
  border: 1px solid currentColor;
  text-align: center;
  border-radius: 1px;
}
.lp-tape-long  { color: #97fce4; }
.lp-tape-short { color: #ff8a7a; }
.lp-tape-sym   { color: #f4f6fb; font-weight: 500; }
.lp-tape-sz    { color: var(--ink-mute); text-align: right; }
.lp-tape-px    { color: #f4f6fb; text-align: right; }
.lp-tape-w     { color: var(--ink-faint); }
.lp-tape-t     { color: var(--ink-faint); text-align: right; font-size: 10px; letter-spacing: .08em; }
@media (max-width: 720px) {
  .lp-tape-row {
    grid-template-columns: 50px 80px 1fr 50px;
  }
  .lp-tape-w, .lp-tape-sz { display: none; }
}

/* tape row slide-in animation — applied to .lp-tape-row-new by the tape
   animator. Each new fill drops in from above with a brief mint flash so
   the eye catches the heartbeat. Removed on next tick implicitly when the
   row gets aged. */
@keyframes lp-tape-slide-in {
  0%   { transform: translateY(-100%); background: rgba(151, 252, 228, 0.10); opacity: 0; }
  60%  { transform: translateY(0); background: rgba(151, 252, 228, 0.05); opacity: 1; }
  100% { transform: translateY(0); background: transparent; opacity: 1; }
}
.lp-tape-row-new {
  animation: lp-tape-slide-in 480ms cubic-bezier(.16,1,.3,1) both;
}