
:root{
  --bg:#030303;--panel:#070706;--line:rgba(214,168,61,.34);--soft:rgba(255,255,255,.08);
  --gold:#d6a83d;--gold2:#ffe071;--green:#36d17c;--red:#ef4d5e;--muted:#aeb5bf;--text:#f5f2ea;
}
*{box-sizing:border-box}
html,body{min-height:100%;overflow-x:hidden}
body{margin:0;background:#030303;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
.lux-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 55% 10%,rgba(214,168,61,.12),transparent 28%),linear-gradient(180deg,#030302,#090804 50%,#020202)}
.lux-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(214,168,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(214,168,61,.035) 1px,transparent 1px);background-size:82px 82px;opacity:.7}
.lux-bg-emblem{position:absolute;inset:0;background:url("assets/trqx-background-emblem.png") center 9%/72% auto no-repeat;opacity:.14;filter:brightness(.7) contrast(1.15)}
.lux-bg-tape{position:absolute;top:72px;left:0;width:220%;display:flex;gap:45px;white-space:nowrap;animation:tape 70s linear infinite;opacity:.18}
.lux-bg-tape span{font-family:Georgia,Times New Roman,serif;font-size:86px;letter-spacing:9px;font-weight:700;color:#e9c55c;text-transform:uppercase}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.live-strip{position:sticky;top:0;z-index:50;height:58px;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(2,2,2,.98);border-bottom:1px solid rgba(214,168,61,.28)}
.live-strip div{display:flex;justify-content:center;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.06)}
.live-strip span{color:var(--gold2);font-size:18px;font-weight:1000;letter-spacing:1px}.live-strip strong{font-size:18px}.live-strip em{font-style:normal;font-size:16px;font-weight:1000}.positive,.live{color:var(--green)!important}.negative{color:var(--red)!important}.market-open{font-size:16px;color:var(--green);font-weight:1000}

.terminal-shell{width:min(1840px,calc(100% - 56px));margin:14px auto 40px}
.terminal-nav{height:92px;display:flex;align-items:center;gap:34px;padding:0 28px;border:1px solid rgba(214,168,61,.26);border-radius:14px;background:rgba(3,3,3,.86);backdrop-filter:blur(12px);box-shadow:0 0 30px rgba(214,168,61,.08)}
.brand-lockup img{width:205px;height:76px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:14px;align-items:center;flex:1}.navlinks button{background:transparent;border:0;color:white;font-size:16px;font-weight:900;padding:14px 18px;border-radius:10px;cursor:pointer}.navlinks button.active{background:rgba(214,168,61,.18);color:var(--gold2);box-shadow:0 12px 25px rgba(214,168,61,.10)}.newtag{font-size:10px;color:#050505;background:var(--gold2);border-radius:999px;padding:3px 6px;margin-left:5px}.account-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(214,168,61,.58);background:#050505;display:grid;place-items:center}.account-btn span{width:14px;height:14px;border:2px solid var(--gold2);border-radius:50%;display:block;position:relative}.account-btn span:after{content:"";position:absolute;left:-7px;right:-7px;bottom:-13px;height:9px;border:2px solid var(--gold2);border-top:0;border-radius:0 0 14px 14px}

.market-pulse-hero{margin-top:14px;min-height:410px;display:grid;grid-template-columns:1fr 430px;gap:28px;padding:34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.55)),url("assets/trqx-main-hero.png") center/cover no-repeat;box-shadow:0 0 50px rgba(214,168,61,.10)}
.eyebrow{font-size:13px;color:var(--gold2);font-weight:1000;letter-spacing:2.5px;text-transform:uppercase}.pulse-copy h1{font-family:Georgia,Times New Roman,serif;color:#e9c55c;font-size:54px;letter-spacing:2px;margin:22px 0 10px}.pulse-copy p{font-size:20px;color:#e2e5ec;line-height:1.45;max-width:580px}.pulse-list{display:grid;gap:20px;margin-top:28px}.pulse-list div{display:flex;gap:18px;align-items:center}.pulse-list b{font-size:18px;font-weight:500}.pro-icon{width:34px;height:34px;display:inline-grid;place-items:center;color:var(--gold2);border:1px solid rgba(214,168,61,.42);border-radius:50%;position:relative}.target-icon:before{content:"◎";font-size:24px}.bank-icon:before{content:"▥";font-size:24px}.chart-icon:before{content:"↗";font-size:23px}.wave-icon:before{content:"⌁";font-size:24px}
.pulse-controls-card{align-self:center;display:grid;gap:18px}.regime-box{border:1px solid var(--line);border-radius:12px;padding:26px;text-align:center;background:rgba(5,5,5,.72)}.regime-box span{display:block;color:var(--gold);text-transform:uppercase}.regime-box strong{font-family:Georgia,Times New Roman,serif;font-size:33px;color:var(--gold2);text-transform:uppercase}.pulse-controls-card label{display:grid;gap:8px;text-transform:uppercase;color:#ddd}.pulse-controls-card select{height:52px}

.terminal-hero-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px}
.hero-left-panel{padding:22px 12px}.hero-left-panel h2{font-family:Georgia,Times New Roman,serif;color:#e9c55c;font-size:38px;margin:12px 0}.hero-left-panel p{font-size:17px;line-height:1.42;max-width:680px}.regime-pill{border:1px solid rgba(214,168,61,.36);border-radius:8px;background:rgba(5,5,5,.62);color:white;padding:12px;margin:12px 0;max-width:560px}.status-line,.terminal-meta,.gold-note{color:var(--gold2);font-weight:900;font-size:13px}.muted{color:var(--muted);font-size:12px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.auto{font-size:13px;color:#e6e6e6}
.hero-image-panel{min-height:560px;border:1px solid rgba(214,168,61,.22);border-radius:16px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.22)),url("assets/trqx-background-emblem.png") center/cover no-repeat;box-shadow:inset 0 0 90px rgba(0,0,0,.55)}
button,.gold-btn,.dark-btn{border-radius:8px;border:1px solid rgba(214,168,61,.45);padding:13px 18px;font-weight:1000;cursor:pointer}.gold-btn{background:linear-gradient(135deg,#fff0a0,#d6a83d 55%,#9b650f);color:#050505;border:0}.dark-btn{background:#070707;color:var(--gold2)}input,select,textarea{background:#030303;border:1px solid var(--soft);border-radius:8px;color:white;padding:11px;min-height:40px}

.panel,.metric-row article{background:linear-gradient(180deg,rgba(12,12,10,.94),rgba(4,5,5,.97));border:1px solid var(--line);border-radius:14px;box-shadow:0 0 32px rgba(214,168,61,.06),inset 0 1px rgba(255,255,255,.04)}.panel{padding:22px;overflow:hidden}.panel h2{font-size:25px;margin:0 0 8px}.panel p{color:var(--muted)}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-row article{padding:18px}.metric-row span{color:var(--muted);font-size:11px;text-transform:uppercase}.metric-row strong{display:block;font-size:30px;color:var(--gold2);margin:8px 0}.metric-row i{display:block;height:15px;border-radius:999px;background:linear-gradient(90deg,rgba(54,209,124,.20),rgba(54,209,124,.75))}.metric-row .goldbar{background:linear-gradient(90deg,rgba(214,168,61,.15),rgba(214,168,61,.8))}.metric-row .bluebar{background:linear-gradient(90deg,rgba(50,181,230,.18),rgba(50,181,230,.78))}
.top-grid{display:grid;grid-template-columns:.9fr 1.5fr 1fr;gap:16px}.middle-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:16px}
.quick-prompts,.aiChatInputRow,.lookup-bar,.control-row,.filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quick-prompts button{font-size:12px;color:var(--gold2);background:#070707}.aiChatMessages{height:290px;border:1px solid var(--soft);border-radius:12px;background:#050505;padding:14px;overflow:auto}.msg{display:flex;gap:12px;margin:12px 0}.msg-avatar{width:42px!important;height:42px!important;border-radius:12px;overflow:hidden;box-shadow:0 0 18px rgba(214,168,61,.22)}.msg-avatar img{width:100%;height:100%;object-fit:contain}.msg-bubble{background:#101010;border:1px solid var(--soft);border-radius:12px;padding:14px;max-width:80%;line-height:1.45}.aiChatInputRow input,.lookup-bar input,.filter-row input{flex:1;min-width:260px}.badge,.live-pill{background:rgba(214,168,61,.14);color:var(--gold2);padding:9px 12px;border-radius:999px;font-size:11px;font-weight:1000}

.picks-table-head,.topPick{display:grid;grid-template-columns:50px 80px 1fr 100px 90px 80px;gap:8px;align-items:center}.picks-table-head{color:var(--muted);font-size:10px;text-transform:uppercase;padding:10px;border-bottom:1px solid rgba(214,168,61,.18)}.topAIPicks{display:grid;gap:8px;margin-top:8px}.topPick{padding:10px;border:1px solid rgba(214,168,61,.16);border-radius:10px;background:#050505}.rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),#9b650f);color:#050505;font-weight:1000}.topPick span{font-size:11px;color:var(--muted)}.biasPill,.probPill,.aiRatingText{color:var(--gold2)!important;border:1px solid rgba(214,168,61,.18);background:rgba(214,168,61,.08);border-radius:999px;padding:6px 8px;font-weight:900;text-align:center;font-size:12px}

.heat-map{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.heat{min-height:72px;display:grid;place-items:center;text-align:center;border-radius:8px;font-weight:1000}.heat.up{background:rgba(54,209,124,.18);color:#8fffb8}.heat.down{background:rgba(239,77,94,.18);color:#ff858f}.heat-legend{display:grid;grid-template-columns:auto 80px 1fr auto;align-items:center;gap:10px;margin-top:14px;color:var(--gold2);font-size:12px}.heat-legend i{height:8px;background:var(--red);border-radius:999px}.heat-legend b{height:8px;background:linear-gradient(90deg,var(--red),var(--green));border-radius:999px}
.prob-content{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 42%,#91db4e 42% 72%,var(--gold) 72% 90%,var(--red) 90% 100%);position:relative}.donut:after{content:"";position:absolute;inset:42px;border-radius:50%;background:#050505}.probability-bars{display:grid;gap:14px}.probability-bars div{display:grid;grid-template-columns:150px 1fr 35px;gap:8px;align-items:center}.probability-bars b{height:16px;border-radius:5px;background:linear-gradient(90deg,var(--green),#91db4e)}.probability-bars .warn{background:var(--gold)}.probability-bars .bad{background:var(--red)}.probability-bars em{font-style:normal}.prob-footer{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(214,168,61,.16);border-radius:10px;margin-top:18px}.prob-footer div{padding:12px;text-align:center;border-right:1px solid rgba(214,168,61,.12)}.prob-footer span{display:block;color:var(--muted);font-size:11px}.prob-footer strong{font-size:24px}
.link-btn{display:block;margin:14px auto 0;background:transparent;border:0;color:var(--gold2);font-weight:1000}.portfolio-total{font-size:28px;font-weight:1000}.portfolio-total span{color:var(--green);font-size:13px}.portfolio-wrap{max-height:210px}
.flow-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.flow-left h2{font-size:40px;line-height:1.05}.flow-left h2 span{color:var(--gold2)}.flow-features{display:grid;gap:12px}.flow-features div{display:grid;grid-template-columns:44px 1fr;gap:10px}.flow-features b{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:8px;color:var(--gold2)}.flow-features span{text-transform:uppercase;font-weight:1000}.flow-features small{color:var(--muted)}.flow-image-wrap{height:360px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#050505}.flow-image-wrap img{width:100%;height:100%;object-fit:contain;object-position:center}
.lookup-card,.scanner-panel,.universe-panel{margin-top:16px}.lookup-example,.lookupCard{border:1px solid var(--soft);border-radius:12px;background:#050505;padding:18px;margin-top:12px}.lookup-example{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center}.ticker-orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(54,209,124,.12);color:var(--green);font-size:26px}.example-price,.reportPrice{font-size:28px;font-weight:1000}.rating-pill{padding:12px 16px;background:rgba(54,209,124,.13);color:var(--green);border-radius:8px;text-align:center}
.table-wrap{overflow:auto;border-top:1px solid var(--soft);margin-top:10px}table{width:100%;border-collapse:collapse;min-width:760px}th{color:var(--gold2);font-size:10px;text-align:left;text-transform:uppercase;padding:10px 8px;white-space:nowrap}td{border-top:1px solid rgba(255,255,255,.06);padding:10px 8px;font-size:12px;white-space:nowrap}.score{color:var(--gold2);font-weight:1000}.meter,.confidence{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.meter.strong,.confidence.high{background:rgba(54,209,124,.14);color:var(--green)}.meter.watch,.confidence.medium{background:rgba(214,168,61,.14);color:var(--gold2)}.confidence.low{background:rgba(239,77,94,.14);color:var(--red)}
.lookupTitleRow{display:flex;justify-content:space-between;gap:18px}.lookupStats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}.lookupStats div{background:#090909;border:1px solid var(--soft);border-radius:9px;padding:12px}.verdictBox{min-width:230px;border:1px solid var(--soft);border-radius:12px;padding:15px;background:rgba(255,255,255,.035)}.reportGrid,.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.whyBox,.riskBox,.confirmBox,.dataQuality,.thesisBox,.detail-card{background:rgba(214,168,61,.055);border:1px solid rgba(214,168,61,.16);border-radius:10px;padding:14px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:99;display:grid;place-items:center}.modal.hidden,.hidden{display:none!important}.modalCard{width:min(950px,92vw);background:#080808;border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}.closeBtn{position:absolute;right:12px;top:12px}.emptyState{padding:22px!important;text-align:center;color:var(--muted);font-weight:800;background:#070707}
footer{text-align:center;color:#89919b;font-size:12px;margin:24px}
@media(max-width:1300px){.market-pulse-hero,.terminal-hero-row,.top-grid,.middle-grid{grid-template-columns:1fr}.hero-image-panel{min-height:420px}.pulse-controls-card{max-width:520px}.lux-bg-emblem{background-size:110% auto}.navlinks{flex-wrap:wrap}.terminal-nav{height:auto;align-items:flex-start;flex-direction:column;padding:16px}.pulse-copy h1{font-size:42px}}
@media(max-width:800px){.terminal-shell{width:calc(100% - 18px)}.live-strip{display:none}.metric-row,.prob-content,.lookupStats,.reportGrid,.details-grid{grid-template-columns:1fr}.market-pulse-hero{padding:22px}.hero-image-panel{min-height:300px}.pulse-copy h1{font-size:36px}.picks-table-head{display:none}.topPick{grid-template-columns:45px 80px 1fr}.flow-card{grid-template-columns:1fr}.flow-image-wrap{height:260px}}



/* === v19.1 Top Hero Converted: Remove Giant Image Box === */
.terminal-hero-row {
  position: relative;
  grid-template-columns: 1.15fr .85fr !important;
  gap: 22px !important;
  min-height: 520px;
  margin-top: 18px;
  padding: 28px;
  border: 1px solid rgba(214,168,61,.30);
  border-radius: 16px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(3,3,3,.94), rgba(3,3,3,.82) 44%, rgba(3,3,3,.74)),
    url("assets/trqx-background-emblem.png") center center / cover no-repeat !important;
  box-shadow:
    0 0 48px rgba(214,168,61,.10),
    inset 0 1px rgba(255,255,255,.04);
}

.terminal-hero-row::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 42%, rgba(255,224,113,.13), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.55));
  pointer-events: none;
  z-index: 0;
}

.terminal-hero-row::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(214,168,61,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(214,168,61,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: .45;
  pointer-events: none;
  z-index: 0;
}

.terminal-hero-row > * {
  position: relative;
  z-index: 1;
}

.hero-left-panel {
  padding: 12px 0 !important;
  max-width: 760px;
}

.hero-left-panel h2 {
  font-size: 46px !important;
  line-height: 1.05;
}

.hero-left-panel p {
  font-size: 18px !important;
  max-width: 720px !important;
}

.regime-pill {
  max-width: 620px !important;
  background: rgba(5,5,5,.72) !important;
  backdrop-filter: blur(8px);
}

.embedded-heat {
  margin-top: 28px;
  max-width: 700px;
  background: rgba(5,5,5,.72) !important;
  backdrop-filter: blur(10px);
}

.embedded-heat .heat-map {
  grid-template-columns: repeat(3, 1fr);
}

.hero-image-panel {
  display: none !important;
}

.hero-intel-panel {
  align-self: stretch;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-content: start;
  padding-top: 72px;
}

.intel-card {
  border: 1px solid rgba(214,168,61,.26);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(8,8,7,.78), rgba(3,3,3,.82)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 45%);
  backdrop-filter: blur(10px);
  padding: 20px;
  min-height: 145px;
  box-shadow: 0 0 26px rgba(214,168,61,.08);
}

.intel-card.wide {
  grid-column: 1 / -1;
  min-height: 165px;
}

.intel-card span {
  display: block;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  margin-bottom: 10px;
}

.intel-card strong {
  display: block;
  color: var(--gold2);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 31px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.intel-card small {
  color: #dce1e9;
  line-height: 1.4;
}

.hero-actions {
  max-width: 760px;
}

@media(max-width: 1300px) {
  .terminal-hero-row {
    grid-template-columns: 1fr !important;
    min-height: auto;
  }

  .hero-intel-panel {
    padding-top: 10px;
  }

  .hero-left-panel {
    max-width: none;
  }

  .embedded-heat {
    max-width: none;
  }
}

@media(max-width: 700px) {
  .terminal-hero-row {
    padding: 18px;
  }

  .hero-left-panel h2 {
    font-size: 34px !important;
  }

  .hero-intel-panel {
    grid-template-columns: 1fr;
  }
}



/* === v19.2 Intelligence Metric Cards Upgrade === */
.intelligence-metrics {
  grid-template-columns: repeat(5, 1fr) !important;
}

.metric-card {
  min-height: 150px;
}

.metric-card span {
  letter-spacing: .4px;
}

.metric-card strong {
  line-height: 1;
}

.metric-card small {
  display: block;
  min-height: 18px;
}

.top-pick-card {
  position: relative;
  background:
    linear-gradient(180deg, rgba(13,11,7,.96), rgba(4,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.14), transparent 42%) !important;
  border-color: rgba(255,224,113,.42) !important;
}

.top-pick-card::before {
  content: "★";
  position: absolute;
  right: 18px;
  top: 14px;
  color: rgba(255,224,113,.30);
  font-size: 22px;
}

.top-pick-card strong {
  color: #ffe071 !important;
  font-size: 34px !important;
  letter-spacing: .5px;
}

.pickbar {
  background: linear-gradient(90deg, rgba(255,224,113,.20), rgba(255,224,113,.92)) !important;
}

.terminal-status-card strong {
  font-size: 32px !important;
}

@media(max-width: 1400px) {
  .intelligence-metrics {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media(max-width: 800px) {
  .intelligence-metrics {
    grid-template-columns: 1fr !important;
  }
}



/* === v19.3 Clean Command Strip + Gamma Restored === */
.metric-row,
.intelligence-metrics {
  display: none !important;
}

.command-strip {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr .85fr;
  gap: 14px;
  margin: 18px 0;
}

.command-card {
  cursor: pointer;
  min-height: 126px;
  padding: 18px;
  border: 1px solid rgba(214,168,61,.30);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(12,12,10,.94), rgba(4,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.07), transparent 44%);
  box-shadow: 0 0 30px rgba(214,168,61,.06), inset 0 1px rgba(255,255,255,.04);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.command-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,224,113,.48);
  box-shadow: 0 0 34px rgba(214,168,61,.14);
}

.command-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 10px;
}

.command-card strong {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.command-card small {
  display: block;
  color: #dce1e9;
  font-size: 13px;
}

.command-card.primary {
  border-color: rgba(255,224,113,.48);
  background:
    linear-gradient(180deg, rgba(22,17,7,.96), rgba(5,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.16), transparent 45%);
}

.command-card.primary strong,
.command-card.status strong,
#topPickTicker {
  color: var(--gold2) !important;
}

.gamma-dashboard-panel {
  margin-top: 16px;
}

.gamma-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.gamma-grid article {
  min-height: 142px;
  padding: 18px;
  border: 1px solid rgba(214,168,61,.24);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(8,8,7,.84), rgba(3,3,3,.88)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 45%);
}

.gamma-grid span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 10px;
}

.gamma-grid strong {
  display: block;
  font-size: 30px;
  color: var(--gold2);
  margin-bottom: 8px;
}

.gamma-grid small {
  color: #dce1e9;
  line-height: 1.35;
}

.gamma-positive {
  color: var(--green) !important;
}

.gamma-negative {
  color: var(--red) !important;
}

.gamma-note {
  margin-top: 14px;
  border: 1px solid rgba(214,168,61,.18);
  border-radius: 12px;
  padding: 16px;
  background: rgba(214,168,61,.055);
}

.gamma-note h3 {
  color: var(--gold2);
  margin: 0 0 8px;
}

.gamma-note p {
  color: #dce1e9;
  line-height: 1.5;
  margin: 0;
}

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

  .gamma-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 700px) {
  .command-strip,
  .gamma-grid {
    grid-template-columns: 1fr;
  }
}



/* === v19.4 Portfolio Readability + CTA Links === */
.portfolio-card {
  min-height: 620px;
}

.portfolio-card .portfolio-total {
  font-size: 34px !important;
}

.portfolio-card .control-row.mini {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  max-width: 760px;
}

.portfolio-card .control-row.mini label {
  display: grid;
  gap: 7px;
  color: #dce1e9;
  font-size: 13px;
}

.portfolio-card input,
.portfolio-card select {
  min-height: 48px;
  font-size: 15px;
}

.portfolio-explainer {
  margin: 14px 0 12px;
  padding: 14px 16px;
  border: 1px solid rgba(214,168,61,.20);
  border-radius: 12px;
  background: rgba(214,168,61,.055);
  line-height: 1.45;
}

.portfolio-explainer strong {
  display: block;
  color: var(--gold2);
  margin-bottom: 6px;
}

.portfolio-explainer span {
  color: #dce1e9;
  font-size: 14px;
}

.portfolio-card .portfolio-wrap {
  max-height: 360px !important;
  min-height: 300px;
  overflow: auto;
}

.portfolio-card table {
  min-width: 980px !important;
  font-size: 14px;
}

.portfolio-card th {
  font-size: 12px !important;
  padding: 13px 12px !important;
}

.portfolio-card td {
  font-size: 14px !important;
  padding: 15px 12px !important;
  vertical-align: middle;
}

.portfolio-card td:first-child {
  font-size: 18px !important;
  font-weight: 1000;
  color: var(--gold2);
}

.portfolio-card tbody tr {
  min-height: 64px;
}

.portfolio-card .table-wrap::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.portfolio-card .table-wrap::-webkit-scrollbar-thumb {
  background: rgba(214,168,61,.55);
  border-radius: 999px;
}

.portfolio-card .table-wrap::-webkit-scrollbar-track {
  background: rgba(255,255,255,.06);
}

.trqx-cta-panel {
  margin-top: 16px;
}

.cta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.cta-card {
  display: block;
  text-decoration: none;
  color: #fff;
  min-height: 150px;
  padding: 20px;
  border: 1px solid rgba(214,168,61,.28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(12,12,10,.94), rgba(4,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 45%);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.cta-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,224,113,.55);
  box-shadow: 0 0 34px rgba(214,168,61,.14);
}

.cta-card.premium {
  border-color: rgba(255,224,113,.48);
  background:
    linear-gradient(180deg, rgba(22,17,7,.96), rgba(5,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.16), transparent 45%);
}

.cta-card span {
  display: block;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 11px;
  margin-bottom: 10px;
}

.cta-card strong {
  display: block;
  color: var(--gold2);
  font-size: 24px;
  margin-bottom: 8px;
}

.cta-card small {
  color: #dce1e9;
  line-height: 1.35;
}

.cta-note {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
}

.cta-note code {
  color: var(--gold2);
}

@media(max-width: 900px) {
  .portfolio-card .control-row.mini,
  .cta-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-card .portfolio-wrap {
    min-height: 240px;
  }
}



/* === v19.6 Image Background CTA Cards === */
.cta-image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.cta-image-grid .cta-card {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  border: 1px solid rgba(214,168,61,.36);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cta-image-grid .cta-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: rgba(0,0,0,.42);
}

.cta-image-grid .cta-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.76) 66%, rgba(0,0,0,.92)),
    radial-gradient(circle at top right, rgba(255,224,113,.16), transparent 38%);
}

.cta-image-grid .cta-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,224,113,.70);
  box-shadow:
    0 0 42px rgba(214,168,61,.20),
    inset 0 1px rgba(255,255,255,.08);
}

.whop-card {
  background-image: url("assets/whop-card-bg.png");
}

.discord-card {
  background-image: url("assets/discord-card-bg.png");
}

.orb-card {
  background-image: url("assets/orb-card-bg.png");
  background-position: center center;
}

.cta-image-grid .cta-card span {
  color: #ffe071;
  font-size: 12px;
  letter-spacing: 1.4px;
  text-shadow: 0 0 10px rgba(0,0,0,.90);
}

.cta-image-grid .cta-card strong {
  font-size: 30px;
  line-height: 1.05;
  color: #fff;
  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 18px rgba(214,168,61,.30);
}

.cta-image-grid .cta-card small {
  max-width: 460px;
  color: #e8edf4;
  font-size: 14px;
  line-height: 1.4;
  text-shadow: 0 2px 8px rgba(0,0,0,.95);
}

.cta-image-grid .premium strong {
  color: #ffe071;
}

.trqx-cta-panel .panel-head p {
  max-width: 760px;
}

@media(max-width: 1000px) {
  .cta-image-grid {
    grid-template-columns: 1fr;
  }

  .cta-image-grid .cta-card {
    min-height: 230px;
  }
}



/* === v19.7 CTA Image Render Fix === */
.cta-image-grid .cta-card {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 290px !important;
}

.cta-image-grid .cta-card::before {
  background: rgba(0,0,0,.22) !important;
}

.cta-image-grid .cta-card::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.50) 58%, rgba(0,0,0,.88)),
    radial-gradient(circle at top right, rgba(255,224,113,.12), transparent 40%) !important;
}

.whop-card {
  background-image: url("assets/whop-card-bg.png") !important;
  background-position: center center !important;
}

.discord-card {
  background-image: url("assets/discord-card-bg.png") !important;
  background-position: center center !important;
}

.orb-card {
  background-image: url("assets/orb-card-bg.png") !important;
  background-position: center center !important;
}

.cta-card strong,
.cta-card small,
.cta-card span {
  position: relative;
  z-index: 2;
}

.cta-card strong {
  text-shadow: 0 3px 10px rgba(0,0,0,1), 0 0 20px rgba(214,168,61,.35) !important;
}



/* === v19.8 Products Top + Forced Card Images === */
.products-top-panel {
  margin: 16px 0 18px !important;
  padding: 24px !important;
  border-color: rgba(255,224,113,.36) !important;
  background:
    linear-gradient(180deg, rgba(12,12,10,.94), rgba(4,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 42%) !important;
}

.product-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin-top: 18px !important;
}

.product-card-grid .cta-card {
  position: relative !important;
  min-height: 330px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 0 !important;
  background: #050505 !important;
  border: 1px solid rgba(214,168,61,.36) !important;
  text-decoration: none !important;
  isolation: isolate !important;
}

.product-card-grid .cta-card > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  opacity: .88 !important;
  filter: brightness(.78) contrast(1.08) saturate(1.05) !important;
}

.product-card-grid .cta-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.56) 52%, rgba(0,0,0,.92)),
    radial-gradient(circle at top right, rgba(255,224,113,.16), transparent 42%) !important;
}

.product-card-grid .cta-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border: 1px solid rgba(255,224,113,.12);
  pointer-events: none;
}

.product-card-grid .cta-content {
  width: 100%;
  padding: 24px;
  position: relative;
  z-index: 2;
}

.product-card-grid .cta-card span {
  display: block;
  color: #ffe071 !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  font-weight: 1000;
  margin-bottom: 10px;
  text-shadow: 0 2px 10px rgba(0,0,0,1);
}

.product-card-grid .cta-card strong {
  display: block;
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  margin-bottom: 10px !important;
  text-shadow: 0 4px 12px rgba(0,0,0,1), 0 0 22px rgba(214,168,61,.28);
}

.product-card-grid .premium strong {
  color: #ffe071 !important;
}

.product-card-grid .cta-card small {
  color: #edf2fa !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  text-shadow: 0 3px 10px rgba(0,0,0,1);
}

.product-card-grid .cta-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,224,113,.72) !important;
  box-shadow: 0 0 44px rgba(214,168,61,.18);
}

.orb-card > img {
  object-position: center center !important;
}

.whop-card > img {
  object-position: center center !important;
}

.discord-card > img {
  object-position: center center !important;
}

/* User requested: products for sale at top; make top hero tighter and remove large heatmap */
.embedded-heat,
#marketHeatMapPanel.embedded-heat {
  display: none !important;
}

.terminal-hero-row {
  min-height: 410px !important;
}

.hero-left-panel {
  padding-bottom: 0 !important;
}

@media(max-width: 1100px) {
  .product-card-grid {
    grid-template-columns: 1fr !important;
  }

  .product-card-grid .cta-card {
    min-height: 280px !important;
  }
}



/* === v20 Final Homepage Cleanup === */

/* Top product sales cards */
.products-top-panel {
  margin: 16px 0 18px !important;
  padding: 24px !important;
  border-color: rgba(255,224,113,.36) !important;
}

.product-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin-top: 18px !important;
}

.product-card-grid .cta-card {
  position: relative !important;
  min-height: 330px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 0 !important;
  background: #050505 !important;
  border: 1px solid rgba(214,168,61,.36) !important;
  text-decoration: none !important;
  isolation: isolate !important;
}

.product-card-grid .cta-card > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  opacity: .92 !important;
  filter: brightness(.78) contrast(1.08) saturate(1.05) !important;
}

.product-card-grid .cta-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.55) 52%, rgba(0,0,0,.92)),
    radial-gradient(circle at top right, rgba(255,224,113,.16), transparent 42%) !important;
}

.product-card-grid .cta-content {
  width: 100%;
  padding: 24px;
  position: relative;
  z-index: 2;
}

.product-card-grid .cta-card span {
  display: block;
  color: #ffe071 !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  font-weight: 1000;
  margin-bottom: 10px;
  text-shadow: 0 2px 10px rgba(0,0,0,1);
}

.product-card-grid .cta-card strong {
  display: block;
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  margin-bottom: 10px !important;
  text-shadow: 0 4px 12px rgba(0,0,0,1), 0 0 22px rgba(214,168,61,.28);
}

.product-card-grid .premium strong {
  color: #ffe071 !important;
}

.product-card-grid .cta-card small {
  color: #edf2fa !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  text-shadow: 0 3px 10px rgba(0,0,0,1);
}

/* Top strip changed to SPY / QQQ / DIA / IWM / VIX */
.live-strip {
  height: 56px !important;
  grid-template-columns: repeat(6, 1fr) !important;
}

.live-strip span {
  font-size: 18px !important;
  color: #ffe071 !important;
  font-weight: 1000 !important;
}

.live-strip strong {
  font-size: 18px !important;
}

.live-strip em {
  font-size: 15px !important;
}

/* Remove non-sales clutter from top */
.embedded-heat,
#marketHeatMapPanel.embedded-heat {
  display: none !important;
}

.metric-row,
.intelligence-metrics {
  display: none !important;
}

/* Clean command strip */
.command-strip {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr .85fr;
  gap: 14px;
  margin: 18px 0;
}

.command-card {
  cursor: pointer;
  min-height: 126px;
  padding: 18px;
  border: 1px solid rgba(214,168,61,.30);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(12,12,10,.94), rgba(4,5,5,.97)),
    radial-gradient(circle at top right, rgba(255,224,113,.07), transparent 44%);
  box-shadow: 0 0 30px rgba(214,168,61,.06), inset 0 1px rgba(255,255,255,.04);
}

.command-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,224,113,.48);
}

.command-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 10px;
}

.command-card strong {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.command-card small {
  display: block;
  color: #dce1e9;
  font-size: 13px;
}

.command-card.primary {
  border-color: rgba(255,224,113,.48);
}

.command-card.primary strong,
.command-card.status strong {
  color: var(--gold2) !important;
}

/* Gamma dashboard */
.gamma-dashboard-panel {
  margin-top: 16px;
}

.gamma-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.gamma-grid article {
  min-height: 142px;
  padding: 18px;
  border: 1px solid rgba(214,168,61,.24);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(8,8,7,.84), rgba(3,3,3,.88)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 45%);
}

.gamma-grid span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 10px;
}

.gamma-grid strong {
  display: block;
  font-size: 30px;
  color: var(--gold2);
  margin-bottom: 8px;
}

.gamma-grid small {
  color: #dce1e9;
  line-height: 1.35;
}

/* Move secondary sections lower visually */
.probability-card {
  opacity: .92;
}

@media(max-width: 1200px) {
  .product-card-grid,
  .command-strip,
  .gamma-grid {
    grid-template-columns: 1fr !important;
  }

  .product-card-grid .cta-card {
    min-height: 280px !important;
  }
}



/* === v20.1 Final Fix: Discord Image + IWM/VIX Strip === */
.live-strip {
  height: 56px !important;
  grid-template-columns: repeat(6, 1fr) !important;
}

.live-strip span {
  font-size: 18px !important;
  color: #ffe071 !important;
  font-weight: 1000 !important;
}

.live-strip strong {
  font-size: 18px !important;
}

.live-strip em {
  font-size: 15px !important;
}

.product-card-grid .cta-card {
  position: relative !important;
  min-height: 330px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #050505 !important;
}

.product-card-grid .cta-card > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  z-index: -3 !important;
  opacity: .94 !important;
  filter: brightness(.78) contrast(1.12) saturate(1.05) !important;
}

.discord-card > img {
  opacity: .90 !important;
  object-position: center center !important;
}

.discord-card {
  background-image: url("assets/discord-card-bg.png?v=20.1") !important;
  background-size: cover !important;
  background-position: center center !important;
}

.product-card-grid .cta-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.52) 52%, rgba(0,0,0,.92)),
    radial-gradient(circle at top right, rgba(255,224,113,.16), transparent 42%) !important;
}

.product-card-grid .cta-content {
  position: relative !important;
  z-index: 3 !important;
}



/* === v20.2 Market Status Fix === */
.market-status {
  font-size: 16px !important;
  font-weight: 1000 !important;
  letter-spacing: .2px;
  justify-content: center !important;
}

.market-status.market-open {
  color: #36d17c !important;
}

.market-status.market-closed {
  color: #ef4d5e !important;
}

.live-strip .market-status {
  border-right: 0 !important;
}



/* === v21 Production Polish === */

/* luxury moving background typography */
.lux-bg-tape span {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 76px !important;
  letter-spacing: 12px !important;
  font-weight: 700 !important;
  color: rgba(255,224,113,.65) !important;
  opacity: .20 !important;
}

/* top ticker/status */
.live-strip {
  height: 58px !important;
  grid-template-columns: repeat(6, 1fr) !important;
}

.live-strip span {
  font-size: 18px !important;
  color: #ffe071 !important;
  font-weight: 1000 !important;
}

.live-strip strong {
  font-size: 18px !important;
  font-weight: 1000 !important;
}

.live-strip em {
  font-size: 15px !important;
  font-weight: 1000 !important;
}

.market-status {
  font-size: 16px !important;
  font-weight: 1000 !important;
}

.market-status.market-open {
  color: #36d17c !important;
}

.market-status.market-closed {
  color: #ef4d5e !important;
}

/* product cards standardized */
.products-top-panel {
  margin: 16px 0 18px !important;
  padding: 24px !important;
}

.terminal-version {
  border: 1px solid rgba(214,168,61,.28);
  border-radius: 999px;
  padding: 10px 14px;
  color: #ffe071;
  background: rgba(214,168,61,.08);
  font-size: 12px;
  font-weight: 1000;
  white-space: nowrap;
}

.product-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  margin-top: 18px !important;
}

.product-card-grid .cta-card {
  position: relative !important;
  min-height: 340px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 0 !important;
  background: #050505 !important;
  border: 1px solid rgba(214,168,61,.36) !important;
  text-decoration: none !important;
  isolation: isolate !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.product-card-grid .cta-card > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  opacity: .92 !important;
  filter: brightness(.78) contrast(1.10) saturate(1.06) !important;
}

.product-card-grid .cta-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.52) 52%, rgba(0,0,0,.92)),
    radial-gradient(circle at top right, rgba(255,224,113,.15), transparent 42%) !important;
}

.product-card-grid .cta-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,224,113,.72) !important;
  box-shadow: 0 0 38px rgba(214,168,61,.24);
}

.product-card-grid .cta-content {
  width: 100%;
  padding: 24px;
  z-index: 3;
  position: relative;
}

.product-card-grid .cta-card span {
  color: #ffe071 !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  font-weight: 1000;
  margin-bottom: 10px;
}

.product-card-grid .cta-card strong {
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  margin-bottom: 10px !important;
  text-shadow: 0 4px 12px rgba(0,0,0,1), 0 0 22px rgba(214,168,61,.28);
}

.product-card-grid .premium strong {
  color: #ffe071 !important;
}

.product-card-grid .cta-card small {
  color: #edf2fa !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  text-shadow: 0 3px 10px rgba(0,0,0,1);
}

/* options flow subscribe CTA */
.flow-action-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.flow-action-row .gold-btn,
.flow-action-row .dark-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  text-decoration: none;
}

.subscribe-btn {
  min-width: 170px;
  box-shadow: 0 0 24px rgba(214,168,61,.18);
}

/* keep noncritical top clutter out */
.embedded-heat,
#marketHeatMapPanel.embedded-heat {
  display: none !important;
}

.metric-row,
.intelligence-metrics {
  display: none !important;
}

/* cleaner command strip if present */
.command-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 30px rgba(214,168,61,.16);
}

@media(max-width: 1200px) {
  .product-card-grid {
    grid-template-columns: 1fr !important;
  }

  .product-card-grid .cta-card {
    min-height: 280px !important;
  }

  .terminal-version {
    margin-top: 10px;
  }
}

@media(max-width: 700px) {
  .lux-bg-tape span {
    font-size: 42px !important;
  }

  .flow-action-row {
    flex-direction: column;
  }
}





/* === v21.1 ORB Subscribe CTA Fix === */
.flow-action-row {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-top: 22px !important;
}

.flow-action-row .gold-btn,
.flow-action-row .dark-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  text-decoration: none !important;
  border-radius: 9px !important;
}

.subscribe-btn {
  min-width: 190px !important;
  font-size: 15px !important;
  box-shadow: 0 0 26px rgba(214,168,61,.24) !important;
  position: relative;
  overflow: hidden;
}

.subscribe-btn::after {
  content: "›";
  margin-left: 9px;
  font-size: 20px;
  line-height: 1;
}

.subscribe-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 36px rgba(214,168,61,.42) !important;
}

@media(max-width: 700px) {
  .flow-action-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .flow-action-row .gold-btn,
  .flow-action-row .dark-btn {
    width: 100% !important;
  }
}



/* === v21.2 Membership / Disclaimer / Intake === */
.membership-access-panel {
  margin: 18px 0 !important;
  background:
    linear-gradient(180deg, rgba(12,12,10,.96), rgba(4,5,5,.98)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 42%) !important;
}

.membership-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.membership-step {
  min-height: 210px;
  border: 1px solid rgba(214,168,61,.26);
  border-radius: 14px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(8,8,7,.84), rgba(3,3,3,.9)),
    radial-gradient(circle at top right, rgba(255,224,113,.08), transparent 45%);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.membership-step span {
  color: var(--gold2);
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 1000;
}

.membership-step strong {
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
}

.membership-step small {
  color: #dce1e9;
  line-height: 1.4;
  flex: 1;
}

.membership-step a,
.membership-step button {
  width: 100%;
  text-decoration: none;
  text-align: center;
}

.legal-modal-card,
.intake-modal-card {
  max-height: 88vh;
  overflow: auto;
}

.legal-copy {
  display: grid;
  gap: 12px;
  color: #e6e8ed;
  line-height: 1.5;
}

.legal-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(214,168,61,.22);
  border-radius: 10px;
  background: rgba(214,168,61,.06);
}

.legal-check input {
  min-height: auto;
  margin-top: 4px;
}

.modal-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.intake-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 18px;
}

.intake-form label {
  display: grid;
  gap: 7px;
  color: #e6e8ed;
  font-weight: 800;
}

.intake-form .modal-actions {
  grid-column: 1 / -1;
}

.success-note {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(54,209,124,.35);
  background: rgba(54,209,124,.08);
  border-radius: 10px;
  color: #8fffb8;
  font-weight: 800;
}

@media(max-width: 1100px) {
  .membership-grid,
  .intake-form {
    grid-template-columns: 1fr;
  }
}
