/* ---- from landing.html ---- */

:root{
  --ink:#0D1626; --panel:#131F35; --panel-raised:#182642; --line:#243352;
  --amber:#E8A33D; --amber-dim:#8a6323; --paper:#E9EDF3; --slate:#8492A8; --slate-dim:#5C6A80;
  --qualified:#4FAE84; --watch:#E8A33D; --pass:#5C6A80; --blocked:#C75C4B; --datablock:#8B7FD1;
  --roleinfo:#6FA8DC;
  --radius:10px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{ background:var(--ink); color:var(--paper); font-family:'Space Grotesk', sans-serif; -webkit-font-smoothing:antialiased; line-height:1.55; }
h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
a{color:inherit;}
::selection{ background:var(--amber); color:#1a1305;}
img{max-width:100%; display:block;}

/* Global ticker — sticky above the header on every page; recent Qualified picks + line movement. */
.ticker{ position:sticky; top:0; z-index:21; height:34px; overflow:hidden; background:var(--panel-raised); border-bottom:1px solid var(--line); }
.ticker-track{ display:inline-flex; align-items:center; height:34px; white-space:nowrap; animation:ticker-scroll 55s linear infinite; will-change:transform; }
.ticker:hover .ticker-track, .ticker:focus-within .ticker-track{ animation-play-state:paused; }
.ticker-item{ display:inline-flex; align-items:center; gap:8px; padding:0 26px; font-size:12px; color:var(--paper); border-right:1px solid var(--line); }
.ticker-dot{ width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.ticker-label{ font-size:10.5px; font-weight:700; letter-spacing:0.4px; }
.ticker-title{ color:var(--paper); font-weight:600; }
.ticker-item.qualified .ticker-dot{ background:var(--qualified); box-shadow:0 0 6px rgba(79,174,132,0.6); }
.ticker-item.qualified .ticker-label{ color:var(--qualified); }
.ticker-item.move .ticker-dot{ background:var(--roleinfo); box-shadow:0 0 6px rgba(111,168,220,0.6); }
.ticker-item.move .ticker-label{ color:var(--roleinfo); }
@keyframes ticker-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .ticker-track{ animation:none; overflow-x:auto; } }
@media (max-width:720px){ .ticker-item{ padding:0 18px; font-size:11px; gap:6px; } }

header.top{ border-bottom:1px solid var(--line); position:sticky; top:34px; z-index:20; background:rgba(13,22,38,0.92); backdrop-filter:blur(6px); }
.top-inner{ max-width:1180px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; gap:28px; }
.wordmark{ display:flex; align-items:center; gap:10px; font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap; }
.wordmark svg{ height:32px; width:26px; flex-shrink:0; }
.wordmark .sub{ font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate); font-weight:500; display:block; margin-top:-1px; }
nav.marketing{ display:flex; gap:4px; flex:1; justify-content:center; }
nav.marketing a{ text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500; padding:8px 14px; border-radius:7px; white-space:nowrap; }
nav.marketing a:hover{ color:var(--paper); background:var(--panel-raised); }
@media (max-width:720px){
  nav.marketing{ display:none; }
  .top-inner{ gap:12px; }
  .nav-cta{ gap:8px; }
  .btn{ padding:8px 13px; font-size:12.5px; }
}
.nav-cta{ display:flex; gap:10px; align-items:center; }
.btn{ font-size:13px; font-weight:600; padding:9px 18px; border-radius:8px; text-decoration:none; white-space:nowrap; display:inline-block; cursor:pointer; border:1px solid transparent; }
.btn.primary{ background:var(--amber); color:#1a1305; }
.btn.primary:hover{ background:#f0b355; }
.btn.ghost{ color:var(--paper); border-color:var(--line); }
.btn.ghost:hover{ border-color:var(--slate-dim); }

main{ max-width:1180px; margin:0 auto; padding:0 20px; }

/* Hero */
.hero{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:56px 0 64px; }
.hero-art{ width:100%; max-width:340px; margin:0 0 32px; }
.hero-art img{ width:100%; border-radius:14px; box-shadow:0 30px 60px -20px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06); }
.hero p.lead{ font-size:16px; color:var(--slate); max-width:460px; margin:0 0 28px; }
.hero-actions{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }

/* How it works */
.section{ padding:56px 0; border-top:1px solid var(--line); }
.section-label{ font-size:22px; font-weight:600; margin:0 0 8px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

.section-sub{ color:var(--slate); font-size:14px; margin:0 0 32px; max-width:520px; }

.flow{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media (max-width:800px){ .flow{ grid-template-columns:1fr 1fr; } }
.flow-step{ border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius); padding:20px 18px; background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; transition:transform .18s ease, box-shadow .18s ease; }
.flow-step:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; }
.flow-num{ font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; font-size:16px; color:var(--amber); margin-bottom:10px; }
.flow-title{ font-size:15px; font-weight:600; margin-bottom:8px; }
.flow-desc{ font-size:12.5px; color:var(--slate); line-height:1.6; }

/* Preview cards */
.preview-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:900px){ .preview-grid{ grid-template-columns:1fr; } }
.pcard{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:16px 18px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.pcard:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -14px rgba(0,0,0,0.6); border-color:var(--slate-dim); }
.pcard-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.pcard-title{ font-size:14px; font-weight:600; }
.pcard-sub{ color:var(--slate); font-size:11.5px; margin-top:2px; }
.badge{ font-size:10.5px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; }
.badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
.badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
.badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }
.pcard-why{ font-size:12px; color:#C7D0DE; margin-top:12px; }
.preview-cta{ text-align:center; margin-top:28px; }
.preview-cta a{ font-size:13px; color:var(--amber); text-decoration:none; }
.preview-cta a:hover{ text-decoration:underline; }

/* Sports row */
.sports-row{ display:flex; gap:14px; flex-wrap:wrap; }
.sport-pill{ display:flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,0.08); border-radius:10px; padding:12px 18px; background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); box-shadow:0 6px 16px -12px rgba(0,0,0,0.6); transition:transform .18s ease, box-shadow .18s ease; }
.sport-pill:hover{ transform:translateY(-2px); box-shadow:0 12px 24px -14px rgba(0,0,0,0.7); }
.sport-pill svg{ width:25px; height:25px; flex-shrink:0; }
.sport-pill span{ font-size:13px; font-weight:600; }

/* Tiers */
.tiers{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:800px){ .tiers{ grid-template-columns:1fr; } }
.tier-card{ border:1px solid var(--line); border-radius:var(--radius); padding:22px 20px; background:var(--panel); transition:transform .18s ease, box-shadow .18s ease; }
.tier-card:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -14px rgba(0,0,0,0.6); }
.tier-card.mid{ border-color:var(--amber-dim); position:relative; }
.tier-card.mid::before{ content:'Most popular'; position:absolute; top:-11px; left:20px; background:var(--amber); color:#1a1305; font-size:10.5px; font-weight:700; padding:2px 10px; border-radius:20px; }
.tier-name{ font-size:16px; font-weight:600; margin-bottom:6px; }
.tier-price{ font-size:13px; color:var(--slate); margin-bottom:16px; }
.tier-card ul{ margin:0; padding-left:16px; font-size:12.5px; color:#C7D0DE; line-height:1.9; }

/* Philosophy */
.philosophy{ max-width:680px; }
.philosophy p.intro{ font-size:16px; color:#D3DAE6; margin:0 0 20px; line-height:1.7; }
.philosophy p.intro:first-of-type{ font-size:17px; color:var(--paper); }
.philosophy p.intro b{ color:var(--paper); font-weight:600; }
.belief-list{ margin-top:32px; display:flex; flex-direction:column; gap:0; }
.belief{ display:flex; gap:16px; padding:16px 0; border-top:1px solid var(--line); }
.belief:last-child{ border-bottom:1px solid var(--line); }
.belief-mark{ color:var(--amber); font-family:'Instrument Serif',serif; font-style:italic; font-size:18px; flex-shrink:0; padding-top:1px; }
.belief-text{ font-size:14.5px; color:#C7D0DE; line-height:1.6; }
.belief-text b{ color:var(--paper); font-weight:600; }


.trust{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:32px 28px; text-align:center; }
.trust h3{ font-size:20px; margin:0 0 10px; }
.trust p{ color:var(--slate); font-size:13.5px; max-width:560px; margin:0 auto; }

footer{ border-top:1px solid var(--line); margin-top:20px; }
.footer-inner{ max-width:1180px; margin:0 auto; padding:32px 20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; color:var(--slate); font-size:12px; }
.footer-links{ display:flex; gap:18px; flex-wrap:wrap; }
.footer-links a{ text-decoration:none; color:var(--slate); }
.footer-links a:hover{ color:var(--paper); }


/* ---- from index.html ---- */

  :root{
    --ink:#0D1626;
    --panel:#131F35;
    --panel-raised:#182642;
    --line:#243352;
    --amber:#E8A33D;
    --amber-dim:#8a6323;
    --paper:#E9EDF3;
    --slate:#8492A8;
    --slate-dim:#5C6A80;
    --qualified:#4FAE84;
    --watch:#E8A33D;
    --pass:#5C6A80;
    --blocked:#C75C4B;
    --datablock:#8B7FD1;
    --radius:10px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--ink);
    color:var(--paper);
    font-family:'Space Grotesk', sans-serif;
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
  }
  h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
  a{color:inherit;}
  ::selection{ background:var(--amber); color:#1a1305;}

  /* ---------- Header ---------- */
  header.top{
    border-bottom:1px solid var(--line);
    position:sticky; top:34px; z-index:20;
    background:rgba(13,22,38,0.92);
    backdrop-filter:blur(6px);
  }
  .top-inner{
    max-width:1180px; margin:0 auto; padding:16px 20px;
    display:flex; align-items:center; gap:28px;
  }
  .wordmark{
    display:flex; align-items:center; gap:10px;
    font-size:19px; font-weight:600; letter-spacing:0.2px;
    white-space:nowrap;
  }
  .wordmark svg{ height:32px; width:26px; flex-shrink:0; }
  .wordmark .sub{
    font-family:'Space Grotesk',sans-serif;
    font-size:11px; color:var(--slate); font-weight:500;
    display:block; margin-top:-1px;
  }
  nav.primary{
    display:flex; gap:2px; overflow-x:auto; scrollbar-width:none;
    flex:1;
  }
  .menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
  .mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
  .mobile-menu.open{ display:flex; }
  .mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
  .mobile-menu a:last-child{ border-bottom:none; }
  .mobile-menu a.active{ color:var(--amber); font-weight:600; }
  nav.primary{ display:none; }
  nav.primary::-webkit-scrollbar{display:none;}
  nav.primary a{
    text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
    padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
  }
  nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
  nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
  .account-pill{
    border:1px solid var(--line); border-radius:20px; padding:6px 14px;
    font-size:12.5px; color:var(--slate); white-space:nowrap;
  }

  /* ---------- Summary strip ---------- */
  .summary{
    max-width:1180px; margin:0 auto; padding:22px 20px 6px;
  }
  .summary-row{
    display:grid; grid-template-columns:repeat(6,1fr);
    border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius);
    overflow:hidden; background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%);
    box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset;
  }
  .stat{
    padding:14px 16px; border-right:1px solid var(--line);
  }
  .stat:last-child{ border-right:none; }
  .stat .num{ font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; font-size:28px; line-height:1; }
  .stat .label{ font-size:11.5px; color:var(--slate); margin-top:6px; }
  .stat.qualified .num{ color:var(--qualified); }
  .stat.watch .num{ color:var(--watch); }

  main{ max-width:1180px; margin:0 auto; padding:8px 20px 80px; }

  section{ margin-top:36px; }
  .section-head{
    display:flex; align-items:baseline; justify-content:space-between;
    margin-bottom:14px;
  }
  .section-head h2{ font-size:19px; font-weight:600; margin:0; display:flex; align-items:center; gap:8px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

  .section-head .count{ color:var(--slate); font-size:13px; }

  /* ---------- Empty state ---------- */
  .empty{
    border:1px dashed var(--line); border-radius:var(--radius);
    padding:26px 22px; color:var(--slate); font-size:14px;
    background:linear-gradient(180deg, rgba(232,163,61,0.04), transparent);
  }
  .empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

  /* ---------- Layout: body grid ---------- */
  .body-grid{
    display:grid; grid-template-columns:1fr 320px; gap:28px; align-items:start;
  }

  /* ---------- Opportunity card ---------- */
  .card{
    background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius);
    padding:16px 18px; margin-bottom:12px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; border-color:rgba(255,255,255,0.14); }
  .card-top{
    display:flex; justify-content:space-between; align-items:flex-start; gap:12px;
  }
  .card-title{ font-size:15px; font-weight:600; }
  .card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }
  .badge{
    font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px;
    white-space:nowrap; letter-spacing:0.2px;
  }
  .badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
  .badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
  .badge.pass{ background:rgba(92,106,128,0.2); color:var(--slate); }
  .badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }

  .card-metrics{
    display:flex; gap:22px; margin-top:12px; flex-wrap:wrap;
  }
  .metric .v{ font-size:16px; font-weight:600; }
  .metric .k{ font-size:11px; color:var(--slate); margin-top:2px; }
.score-dial-wrap{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.score-dial{ width:44px; height:44px; }
.score-track{ stroke:rgba(255,255,255,0.09); }
.score-arc{ stroke:var(--amber); stroke-dasharray:113.1; stroke-dashoffset:113.1; animation:dialReveal 1s cubic-bezier(.22,.75,.28,1) forwards; animation-delay:.15s; }
@keyframes dialReveal{ to{ stroke-dashoffset:var(--offset); } }
.score-num{ fill:var(--paper); font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600; }


  .card-why{ font-size:13px; color:#C7D0DE; margin-top:12px; }
  .card-why .lab{ color:var(--slate); font-size:11px; text-transform:none; margin-right:6px; }
  .card-risk{ font-size:12.5px; color:var(--slate); margin-top:6px; }
  .card-risk .lab{ color:#96A2B5; }

  .card-foot{
    display:flex; justify-content:space-between; align-items:center;
    margin-top:14px; padding-top:10px; border-top:1px solid var(--line);
    font-size:11.5px; color:var(--slate);
  }
  .fresh{ display:flex; align-items:center; gap:6px; }
  .fresh .dot{ width:7px; height:7px; border-radius:50%; }
  .fresh.current .dot{ background:var(--qualified); }
  .fresh.aging .dot{ background:var(--watch); }
  .fresh.stale .dot{ background:var(--blocked); }

  .featured{ border-color:var(--amber-dim); }
  .featured .card-top .card-title{ font-size:17px; }

  /* ---------- Watch trigger ---------- */
  .trigger{
    margin-top:10px; font-size:12.5px; padding:8px 12px;
    background:rgba(232,163,61,0.08); border:1px solid rgba(232,163,61,0.25);
    border-radius:7px; color:#F0C578;
  }

  /* ---------- Rail: What Changed ---------- */
  .rail-title{ font-size:14px; font-weight:600; margin-bottom:12px; color:var(--paper); }
  .feed-item{
    padding:12px 0; border-bottom:1px solid var(--line);
    font-size:12.5px;
  }
  .feed-item:last-child{ border-bottom:none; }
  .feed-time{ color:var(--slate); font-size:11px; }
  .feed-msg{ margin-top:3px; color:#C7D0DE; }
  .feed-link{ margin-top:5px; font-size:11.5px; color:var(--amber); text-decoration:none; }
  .feed-link:hover{ text-decoration:underline; }

  /* Recently blocked/pass — compact list, visually distinct from qualified cards */
  .compact-row{
    display:flex; justify-content:space-between; align-items:center;
    padding:11px 14px; border:1px solid rgba(255,255,255,0.08); border-radius:8px;
    margin-bottom:8px; background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%);
    box-shadow:0 8px 20px -14px rgba(0,0,0,0.65), 0 1px 0 0 rgba(255,255,255,0.03) inset;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .compact-row:hover{ transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; border-color:rgba(255,255,255,0.14); }
  .compact-left{ display:flex; align-items:center; gap:12px; }
  .compact-title{ font-size:13.5px; font-weight:500; }
  .compact-sub{ font-size:11.5px; color:var(--slate); margin-top:2px; }
  .compact-reason{ font-size:12px; color:var(--slate); max-width:340px; text-align:right; }

  footer{
    max-width:1180px; margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
    color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
  }

  @media (max-width: 860px){
    .body-grid{ grid-template-columns:1fr; }
    .summary-row{ grid-template-columns:repeat(3,1fr); }
    .stat:nth-child(3){ border-right:none; }
    .stat{ border-bottom:1px solid var(--line); }
    .card-metrics{ gap:16px; }
    .compact-reason{ display:none; }
  }


/* ---- from live-feed.html ---- */

  :root{
    --ink:#0D1626;
    --panel:#131F35;
    --panel-raised:#182642;
    --line:#243352;
    --amber:#E8A33D;
    --amber-dim:#8a6323;
    --paper:#E9EDF3;
    --slate:#8492A8;
    --slate-dim:#5C6A80;
    --qualified:#4FAE84;
    --watch:#E8A33D;
    --pass:#5C6A80;
    --blocked:#C75C4B;
    --datablock:#8B7FD1;
    --priceup:#4FAE84;
    --pricedown:#C75C4B;
    --roleinfo:#6FA8DC;
    --radius:10px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--ink); color:var(--paper);
    font-family:'Space Grotesk', sans-serif;
    -webkit-font-smoothing:antialiased; line-height:1.5;
  }
  h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
  a{color:inherit;}
  ::selection{ background:var(--amber); color:#1a1305;}

  header.top{
    border-bottom:1px solid var(--line);
    position:sticky; top:34px; z-index:20;
    background:rgba(13,22,38,0.92);
    backdrop-filter:blur(6px);
  }
  .top-inner{
    max-width:1180px; margin:0 auto; padding:16px 20px;
    display:flex; align-items:center; gap:28px;
  }
  .wordmark{
    display:flex; align-items:center; gap:10px;
    font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap;
  }
  .wordmark svg{ height:32px; width:26px; flex-shrink:0; }
  .wordmark .sub{
    font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate);
    font-weight:500; display:block; margin-top:-1px;
  }
  nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
  nav.primary::-webkit-scrollbar{display:none;}
  nav.primary a{
    text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
    padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
  }
  nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
  nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
  .account-pill{
    border:1px solid var(--line); border-radius:20px; padding:6px 14px;
    font-size:12.5px; color:var(--slate); white-space:nowrap;
  }

  main{ max-width:820px; margin:0 auto; padding:28px 20px 90px; }

  .page-head{ margin-bottom:6px; }
  .page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

  .page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:520px; }

  .filters{
    display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 26px;
  }
  .chip{
    font-size:12.5px; padding:6px 13px; border-radius:20px;
    border:1px solid var(--line); color:var(--slate); cursor:pointer;
    background:transparent; transition:all .15s; user-select:none;
  }
  .chip:hover{ color:var(--paper); border-color:var(--slate-dim); }
  .chip.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }

  .feed{ position:relative; }
  .feed::before{
    content:''; position:absolute; left:9px; top:6px; bottom:6px; width:1px;
    background:var(--line);
  }
  .event{
    position:relative; padding:0 0 22px 32px;
    opacity:0; transform:translateY(8px);
    animation:feedIn .45s ease forwards;
  }
  @keyframes feedIn{ to{ opacity:1; transform:translateY(0); } }
  .event:nth-child(1){ animation-delay:.03s; }
  .event:nth-child(2){ animation-delay:.09s; }
  .event:nth-child(3){ animation-delay:.15s; }
  .event:nth-child(4){ animation-delay:.21s; }
  .event:nth-child(5){ animation-delay:.27s; }
  .event:nth-child(6){ animation-delay:.33s; }
  .event:nth-child(n+7){ animation-delay:.38s; }
  .event:last-child{ padding-bottom:0; }
  .event::before{
    content:''; position:absolute; left:4px; top:4px; width:11px; height:11px;
    border-radius:50%; background:var(--panel); border:2px solid var(--dot, var(--slate-dim));
  }
  .event-card{
    background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius);
    padding:14px 16px;
  }
  .event-top{
    display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
  }
  .event-type{
    font-size:11px; font-weight:600; letter-spacing:0.2px;
    padding:2px 9px; border-radius:20px;
  }
  .event-time{ font-size:11.5px; color:var(--slate); }
  .event-msg{ font-size:13.5px; margin-top:9px; color:#D3DAE6; }
  .event-foot{
    display:flex; justify-content:space-between; align-items:center; margin-top:10px;
  }
  .event-link{ font-size:12px; color:var(--amber); text-decoration:none; }
  .event-link:hover{ text-decoration:underline; }
  .tier-tag{ font-size:10.5px; color:var(--slate-dim); border:1px solid var(--line); padding:1px 7px; border-radius:5px; }

  .type-scoring{ color:var(--roleinfo); background:rgba(111,168,220,0.12); }
  .dot-scoring{ --dot:var(--roleinfo); }
  .type-price-up{ color:var(--priceup); background:rgba(79,174,132,0.14); }
  .dot-price-up{ --dot:var(--priceup); }
  .type-status-up{ color:var(--amber); background:rgba(232,163,61,0.15); animation:badgePulse 1.8s ease-out 1; }
  .type-blind4{ color:#F0C578; background:rgba(232,163,61,0.18); animation:badgePulse 1.8s ease-out 1; }
  @keyframes badgePulse{
    0%{ box-shadow:0 0 0 0 rgba(232,163,61,0.55); }
    70%{ box-shadow:0 0 0 7px rgba(232,163,61,0); }
    100%{ box-shadow:0 0 0 0 rgba(232,163,61,0); }
  }
  .dot-status-up{ --dot:var(--amber); }
  .type-role{ color:var(--roleinfo); background:rgba(111,168,220,0.12); }
  .dot-role{ --dot:var(--roleinfo); }
  .dot-blind4{ --dot:var(--amber); }
  .type-datablock{ color:var(--datablock); background:rgba(139,127,209,0.16); }
  .dot-datablock{ --dot:var(--datablock); }

  .empty{
    border:1px dashed var(--line); border-radius:var(--radius);
    padding:26px 22px; color:var(--slate); font-size:14px; text-align:center;
  }

  footer{
    max-width:820px; margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
    color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
  }


/* ---- from blind4.html ---- */

  :root{
    --ink:#0D1626; --panel:#131F35; --panel-raised:#182642; --line:#243352;
    --amber:#E8A33D; --amber-dim:#8a6323; --paper:#E9EDF3; --slate:#8492A8; --slate-dim:#5C6A80;
    --qualified:#4FAE84; --watch:#E8A33D;
    --radius:10px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{ background:var(--ink); color:var(--paper); font-family:'Space Grotesk', sans-serif; -webkit-font-smoothing:antialiased; line-height:1.5; }
  h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
  a{color:inherit;}
  ::selection{ background:var(--amber); color:#1a1305;}

  header.top{ border-bottom:1px solid var(--line); position:sticky; top:34px; z-index:20; background:rgba(13,22,38,0.92); backdrop-filter:blur(6px); }
  .top-inner{ max-width:1180px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; gap:28px; }
  .wordmark{ display:flex; align-items:center; gap:10px; font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap; }
  .wordmark svg{ height:32px; width:26px; flex-shrink:0; }
  .wordmark .sub{ font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate); font-weight:500; display:block; margin-top:-1px; }
  nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
  nav.primary::-webkit-scrollbar{display:none;}
  nav.primary a{ text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500; padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s; }
  nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
  nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
  .account-pill{ border:1px solid var(--line); border-radius:20px; padding:6px 14px; font-size:12.5px; color:var(--slate); white-space:nowrap; }

  main{ max-width:1000px; margin:0 auto; padding:28px 20px 90px; }
  .page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

  .page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:560px; }

  /* demo control — prototype-only, clearly separated from product chrome */
  .demo-bar{
    margin-top:20px; padding:10px 14px; border:1px dashed var(--slate-dim);
    border-radius:8px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    font-size:12px; color:var(--slate);
  }
  .demo-bar b{ color:var(--paper); font-weight:600; }
  .demo-btn{
    font-size:12px; padding:5px 12px; border-radius:16px; border:1px solid var(--line);
    background:transparent; color:var(--slate); cursor:pointer;
  }
  .demo-btn.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }

  .hero-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:24px;
  }
  @media (max-width: 900px){ .hero-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width: 560px){ .hero-grid{ grid-template-columns:1fr; } }

  .hero-card{
    background:linear-gradient(180deg, #1D2947 0%, var(--panel) 100%); border:1px solid var(--amber-dim); border-radius:var(--radius);
    padding:16px 16px 14px; position:relative; overflow:hidden;
    box-shadow:0 12px 28px -16px rgba(0,0,0,0.75), 0 1px 0 0 rgba(255,255,255,0.03) inset;
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .hero-card:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.03) inset; }
  .hero-card::before{
    content:''; position:absolute; top:0; left:0; width:3px; height:100%;
    background:var(--amber);
  }
  .b4-badge{
    display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:0.3px;
    color:#1a1305; background:var(--amber); padding:2px 9px; border-radius:20px; margin-bottom:10px;
  }
  .hero-title{ font-size:14.5px; font-weight:600; }
  .hero-sub{ font-size:11.5px; color:var(--slate); margin-top:2px; }
  .hero-metrics{ display:flex; gap:14px; margin-top:12px; align-items:center; }
  .hero-metrics .v{ font-size:14.5px; font-weight:600; }
  .hero-metrics .k{ font-size:10px; color:var(--slate); margin-top:2px; }
.score-dial-wrap{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.score-dial{ width:44px; height:44px; }
.score-track{ stroke:rgba(255,255,255,0.09); }
.score-arc{ stroke:var(--amber); stroke-dasharray:113.1; stroke-dashoffset:113.1; animation:dialReveal 1s cubic-bezier(.22,.75,.28,1) forwards; animation-delay:.15s; }
@keyframes dialReveal{ to{ stroke-dashoffset:var(--offset); } }
.score-num{ fill:var(--paper); font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600; }

  .hero-why{ font-size:12px; color:#C7D0DE; margin-top:11px; }
  .hero-foot{ display:flex; justify-content:space-between; margin-top:12px; padding-top:10px; border-top:1px solid var(--line); font-size:10.5px; color:var(--slate); }

  .empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:30px 24px; color:var(--slate); font-size:14px; margin-top:24px; text-align:center; }
  .empty strong{ color:var(--paper); display:block; margin-bottom:5px; font-weight:600; font-size:15px; }

  footer{ max-width:1000px; margin:60px auto 0; padding:20px; border-top:1px solid var(--line); color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }


/* ---- from watch.html ---- */

  :root{
    --ink:#0D1626; --panel:#131F35; --panel-raised:#182642; --line:#243352;
    --amber:#E8A33D; --amber-dim:#8a6323; --paper:#E9EDF3; --slate:#8492A8; --slate-dim:#5C6A80;
    --qualified:#4FAE84; --watch:#E8A33D; --pass:#5C6A80; --blocked:#C75C4B; --datablock:#8B7FD1;
    --radius:10px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{ background:var(--ink); color:var(--paper); font-family:'Space Grotesk', sans-serif; -webkit-font-smoothing:antialiased; line-height:1.5; }
  h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
  a{color:inherit;}
  ::selection{ background:var(--amber); color:#1a1305;}

  header.top{ border-bottom:1px solid var(--line); position:sticky; top:34px; z-index:20; background:rgba(13,22,38,0.92); backdrop-filter:blur(6px); }
  .top-inner{ max-width:1180px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; gap:28px; }
  .wordmark{ display:flex; align-items:center; gap:10px; font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap; }
  .wordmark svg{ height:32px; width:26px; flex-shrink:0; }
  .wordmark .sub{ font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate); font-weight:500; display:block; margin-top:-1px; }
  nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
  nav.primary::-webkit-scrollbar{display:none;}
  nav.primary a{ text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500; padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s; }
  nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
  nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
  .account-pill{ border:1px solid var(--line); border-radius:20px; padding:6px 14px; font-size:12.5px; color:var(--slate); white-space:nowrap; }

  main{ max-width:820px; margin:0 auto; padding:28px 20px 90px; }
  .page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

  .page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:540px; }

  .card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:22px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; border-color:rgba(255,255,255,0.14); }
  .card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
  .card-title{ font-size:16px; font-weight:600; }
  .card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }
  .badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; }
  .badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }

  .card-metrics{ display:flex; gap:22px; margin-top:14px; flex-wrap:wrap; }
  .metric .v{ font-size:16px; font-weight:600; }
  .metric .k{ font-size:11px; color:var(--slate); margin-top:2px; }
.score-dial-wrap{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.score-dial{ width:44px; height:44px; }
.score-track{ stroke:rgba(255,255,255,0.09); }
.score-arc{ stroke:var(--amber); stroke-dasharray:113.1; stroke-dashoffset:113.1; animation:dialReveal 1s cubic-bezier(.22,.75,.28,1) forwards; animation-delay:.15s; }
@keyframes dialReveal{ to{ stroke-dashoffset:var(--offset); } }
.score-num{ fill:var(--paper); font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600; }


  .split{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
  .box{ background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
  .box .lab{ font-size:11px; color:var(--slate); margin-bottom:5px; text-transform:none; }
  .box .txt{ font-size:13px; color:#D3DAE6; }

  .trigger{
    margin-top:16px; font-size:13px; padding:12px 14px;
    background:rgba(232,163,61,0.08); border:1px solid rgba(232,163,61,0.28);
    border-radius:8px; color:#F0C578;
  }
  .trigger .lab{ font-size:11px; color:var(--amber); display:block; margin-bottom:4px; font-weight:600; }

  .card-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:12px; border-top:1px solid var(--line); font-size:11.5px; color:var(--slate); }
  .fresh{ display:flex; align-items:center; gap:6px; }
  .fresh .dot{ width:7px; height:7px; border-radius:50%; background:var(--qualified); }

  .empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:26px 22px; color:var(--slate); font-size:14px; margin-top:22px; }
  .empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

  footer{ max-width:820px; margin:60px auto 0; padding:20px; border-top:1px solid var(--line); color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }


/* ---- from whyetpassed.html ---- */

:root{
  --ink:#0D1626;
  --panel:#131F35;
  --panel-raised:#182642;
  --line:#243352;
  --amber:#E8A33D;
  --amber-dim:#8a6323;
  --paper:#E9EDF3;
  --slate:#8492A8;
  --slate-dim:#5C6A80;
  --qualified:#4FAE84;
  --watch:#E8A33D;
  --pass:#5C6A80;
  --blocked:#C75C4B;
  --datablock:#8B7FD1;
  --priceup:#4FAE84;
  --pricedown:#C75C4B;
  --roleinfo:#6FA8DC;
  --radius:10px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink); color:var(--paper);
  font-family:'Space Grotesk', sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
a{color:inherit;}
::selection{ background:var(--amber); color:#1a1305;}

/* ---------- Header / nav ---------- */
header.top{
  border-bottom:1px solid var(--line);
  position:sticky; top:34px; z-index:20;
  background:rgba(13,22,38,0.92);
  backdrop-filter:blur(6px);
}
.top-inner{
  max-width:1180px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; gap:28px;
}
.wordmark{
  display:flex; align-items:center; gap:10px;
  font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap;
}
.wordmark svg{ height:32px; width:26px; flex-shrink:0; }
.wordmark .sub{
  font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate);
  font-weight:500; display:block; margin-top:-1px;
}
nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
nav.primary::-webkit-scrollbar{display:none;}
nav.primary a{
  text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
  padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
}
nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
.account-pill{
  border:1px solid var(--line); border-radius:20px; padding:6px 14px;
  font-size:12.5px; color:var(--slate); white-space:nowrap; text-decoration:none;
}
.account-pill:hover{ border-color:var(--slate-dim); color:var(--paper); }

/* ---------- Page shell ---------- */
main{ max-width:1000px; margin:0 auto; padding:28px 20px 90px; }
main.wide{ max-width:1180px; }
main.narrow{ max-width:820px; }
.page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

.page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:560px; }

footer{
  margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
  color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
footer.wide{ max-width:1180px; }
footer.narrow{ max-width:820px; }
footer.std{ max-width:1000px; }

/* ---------- Shared components ---------- */
.badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; letter-spacing:0.2px; display:inline-block; }
.badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
.badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
.badge.pass{ background:rgba(92,106,128,0.2); color:var(--slate); }
.badge.blocked{ background:rgba(199,92,75,0.16); color:var(--blocked); }
.badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }

.card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:20px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; border-color:rgba(255,255,255,0.14); }
.card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.card-title{ font-size:15.5px; font-weight:600; }
.card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }

.box{ background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
.box .lab{ font-size:11px; color:var(--slate); margin-bottom:5px; }
.box .txt{ font-size:13px; color:#D3DAE6; }

.empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:26px 22px; color:var(--slate); font-size:14px; margin-top:22px; }
.empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

.chip{
  font-size:12.5px; padding:6px 13px; border-radius:20px;
  border:1px solid var(--line); color:var(--slate); cursor:pointer;
  background:transparent; transition:all .15s; user-select:none;
}
.chip:hover{ color:var(--paper); border-color:var(--slate-dim); }
.chip.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }
.filters{ display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 26px; }

table{ width:100%; border-collapse:collapse; margin-top:18px; font-size:13px; }
th{ text-align:left; color:var(--slate); font-weight:500; font-size:11.5px; padding:0 12px 10px; border-bottom:1px solid var(--line); }
td{ padding:12px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
tr:hover td{ background:rgba(255,255,255,0.015); }

  .verdict{
    margin-top:16px; font-size:13px; padding:12px 14px; border-radius:8px;
  }
  .verdict.validated{ background:rgba(79,174,132,0.08); border:1px solid rgba(79,174,132,0.28); color:#9AD6BB; }
  .verdict.contradicted{ background:rgba(199,92,75,0.08); border:1px solid rgba(199,92,75,0.28); color:#E3A99C; }
  .verdict.pending{ background:rgba(132,146,168,0.08); border:1px solid var(--line); color:var(--slate); }
  .verdict .lab{ font-size:11px; font-weight:600; display:block; margin-bottom:4px; }
  .split{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
  @media (max-width:640px){ .split{ grid-template-columns:1fr; } }
  .card-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:12px; border-top:1px solid var(--line); font-size:11.5px; color:var(--slate); }


/* ---- from etvsmarket.html ---- */

:root{
  --ink:#0D1626;
  --panel:#131F35;
  --panel-raised:#182642;
  --line:#243352;
  --amber:#E8A33D;
  --amber-dim:#8a6323;
  --paper:#E9EDF3;
  --slate:#8492A8;
  --slate-dim:#5C6A80;
  --qualified:#4FAE84;
  --watch:#E8A33D;
  --pass:#5C6A80;
  --blocked:#C75C4B;
  --datablock:#8B7FD1;
  --priceup:#4FAE84;
  --pricedown:#C75C4B;
  --roleinfo:#6FA8DC;
  --radius:10px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink); color:var(--paper);
  font-family:'Space Grotesk', sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
a{color:inherit;}
::selection{ background:var(--amber); color:#1a1305;}

/* ---------- Header / nav ---------- */
header.top{
  border-bottom:1px solid var(--line);
  position:sticky; top:34px; z-index:20;
  background:rgba(13,22,38,0.92);
  backdrop-filter:blur(6px);
}
.top-inner{
  max-width:1180px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; gap:28px;
}
.wordmark{
  display:flex; align-items:center; gap:10px;
  font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap;
}
.wordmark svg{ height:32px; width:26px; flex-shrink:0; }
.wordmark .sub{
  font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate);
  font-weight:500; display:block; margin-top:-1px;
}
nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
nav.primary::-webkit-scrollbar{display:none;}
nav.primary a{
  text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
  padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
}
nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
.account-pill{
  border:1px solid var(--line); border-radius:20px; padding:6px 14px;
  font-size:12.5px; color:var(--slate); white-space:nowrap; text-decoration:none;
}
.account-pill:hover{ border-color:var(--slate-dim); color:var(--paper); }

/* ---------- Page shell ---------- */
main{ max-width:1000px; margin:0 auto; padding:28px 20px 90px; }
main.wide{ max-width:1180px; }
main.narrow{ max-width:820px; }
.page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

.page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:560px; }

footer{
  margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
  color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
footer.wide{ max-width:1180px; }
footer.narrow{ max-width:820px; }
footer.std{ max-width:1000px; }

/* ---------- Shared components ---------- */
.badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; letter-spacing:0.2px; display:inline-block; }
.badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
.badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
.badge.pass{ background:rgba(92,106,128,0.2); color:var(--slate); }
.badge.blocked{ background:rgba(199,92,75,0.16); color:var(--blocked); }
.badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }

.card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:20px; }
.card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.card-title{ font-size:15.5px; font-weight:600; }
.card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }

.box{ background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
.box .lab{ font-size:11px; color:var(--slate); margin-bottom:5px; }
.box .txt{ font-size:13px; color:#D3DAE6; }

.empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:26px 22px; color:var(--slate); font-size:14px; margin-top:22px; }
.empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

.chip{
  font-size:12.5px; padding:6px 13px; border-radius:20px;
  border:1px solid var(--line); color:var(--slate); cursor:pointer;
  background:transparent; transition:all .15s; user-select:none;
}
.chip:hover{ color:var(--paper); border-color:var(--slate-dim); }
.chip.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }
.filters{ display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 26px; }

table{ width:100%; border-collapse:collapse; margin-top:18px; font-size:13px; }
th{ text-align:left; color:var(--slate); font-weight:500; font-size:11.5px; padding:0 12px 10px; border-bottom:1px solid var(--line); }
td{ padding:12px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
tr:hover td{ background:rgba(255,255,255,0.015); }

  .compare-card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:18px; transition:transform .18s ease, box-shadow .18s ease; }
  .compare-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; }
  .compare-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
  .bars{ margin-top:16px; }
  .bar-row{ margin-bottom:14px; }
  .bar-row:last-child{ margin-bottom:0; }
  .bar-label{ display:flex; justify-content:space-between; font-size:12px; color:var(--slate); margin-bottom:6px; }
  .bar-label b{ color:var(--paper); font-weight:600; }
  .bar-track{ height:8px; background:var(--panel-raised); border-radius:6px; overflow:hidden; }
  .bar-fill{ height:100%; border-radius:6px; }
  .bar-fill.et{ background:var(--amber); }
  .bar-fill.market{ background:var(--roleinfo); }
  .gap-note{
    margin-top:14px; font-size:12.5px; padding:10px 12px; border-radius:8px;
    background:rgba(232,163,61,0.08); border:1px solid rgba(232,163,61,0.22); color:#F0C578;
  }
  .legend{ display:flex; gap:18px; font-size:11.5px; color:var(--slate); margin-top:18px; }
  .legend span{ display:flex; align-items:center; gap:6px; }
  .legend .dot{ width:9px; height:9px; border-radius:2px; }
  .legend .dot.et{ background:var(--amber); }
  .legend .dot.market{ background:var(--roleinfo); }


/* ---- from results.html ---- */

:root{
  --ink:#0D1626;
  --panel:#131F35;
  --panel-raised:#182642;
  --line:#243352;
  --amber:#E8A33D;
  --amber-dim:#8a6323;
  --paper:#E9EDF3;
  --slate:#8492A8;
  --slate-dim:#5C6A80;
  --qualified:#4FAE84;
  --watch:#E8A33D;
  --pass:#5C6A80;
  --blocked:#C75C4B;
  --datablock:#8B7FD1;
  --priceup:#4FAE84;
  --pricedown:#C75C4B;
  --roleinfo:#6FA8DC;
  --radius:10px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink); color:var(--paper);
  font-family:'Space Grotesk', sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
a{color:inherit;}
::selection{ background:var(--amber); color:#1a1305;}

/* ---------- Header / nav ---------- */
header.top{
  border-bottom:1px solid var(--line);
  position:sticky; top:34px; z-index:20;
  background:rgba(13,22,38,0.92);
  backdrop-filter:blur(6px);
}
.top-inner{
  max-width:1180px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; gap:28px;
}
.wordmark{
  display:flex; align-items:center; gap:10px;
  font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap;
}
.wordmark svg{ height:32px; width:26px; flex-shrink:0; }
.wordmark .sub{
  font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate);
  font-weight:500; display:block; margin-top:-1px;
}
nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
nav.primary::-webkit-scrollbar{display:none;}
nav.primary a{
  text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
  padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
}
nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
.account-pill{
  border:1px solid var(--line); border-radius:20px; padding:6px 14px;
  font-size:12.5px; color:var(--slate); white-space:nowrap; text-decoration:none;
}
.account-pill:hover{ border-color:var(--slate-dim); color:var(--paper); }

/* ---------- Page shell ---------- */
main{ max-width:1000px; margin:0 auto; padding:28px 20px 90px; }
main.wide{ max-width:1180px; }
main.narrow{ max-width:820px; }
.page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

.page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:560px; }

footer{
  margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
  color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
footer.wide{ max-width:1180px; }
footer.narrow{ max-width:820px; }
footer.std{ max-width:1000px; }

/* ---------- Shared components ---------- */
.badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; letter-spacing:0.2px; display:inline-block; }
.badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
.badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
.badge.pass{ background:rgba(92,106,128,0.2); color:var(--slate); }
.badge.blocked{ background:rgba(199,92,75,0.16); color:var(--blocked); }
.badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }

.card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:20px; }
.card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.card-title{ font-size:15.5px; font-weight:600; }
.card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }

.box{ background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
.box .lab{ font-size:11px; color:var(--slate); margin-bottom:5px; }
.box .txt{ font-size:13px; color:#D3DAE6; }

.empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:26px 22px; color:var(--slate); font-size:14px; margin-top:22px; }
.empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

.chip{
  font-size:12.5px; padding:6px 13px; border-radius:20px;
  border:1px solid var(--line); color:var(--slate); cursor:pointer;
  background:transparent; transition:all .15s; user-select:none;
}
.chip:hover{ color:var(--paper); border-color:var(--slate-dim); }
.chip.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }
.filters{ display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 26px; }

table{ width:100%; border-collapse:collapse; margin-top:18px; font-size:13px; }
th{ text-align:left; color:var(--slate); font-weight:500; font-size:11.5px; padding:0 12px 10px; border-bottom:1px solid var(--line); }
td{ padding:12px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
tr:hover td{ background:rgba(255,255,255,0.015); }

  .summary-row{
    display:grid; grid-template-columns:repeat(4,1fr);
    border:1px solid var(--line); border-radius:var(--radius);
    overflow:hidden; background:var(--panel); margin-top:22px;
  }
  .stat{ padding:14px 16px; border-right:1px solid var(--line); }
  .stat:last-child{ border-right:none; }
  .stat .num{ font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; font-size:26px; line-height:1; }
  .stat .label{ font-size:11px; color:var(--slate); margin-top:6px; }
  @media (max-width:640px){ .summary-row{ grid-template-columns:repeat(2,1fr);} .stat:nth-child(2){border-right:none;} .stat{border-bottom:1px solid var(--line);} }

  .result-tag{ font-size:11px; font-weight:600; padding:2px 9px; border-radius:20px; }
  .result-win{ background:rgba(79,174,132,0.15); color:var(--qualified); }
  .result-loss{ background:rgba(199,92,75,0.16); color:var(--blocked); }
  .result-void{ background:rgba(132,146,168,0.15); color:var(--slate); }
  .mono-num{ font-variant-numeric:tabular-nums; }


/* ---- from history.html ---- */

:root{
  --ink:#0D1626;
  --panel:#131F35;
  --panel-raised:#182642;
  --line:#243352;
  --amber:#E8A33D;
  --amber-dim:#8a6323;
  --paper:#E9EDF3;
  --slate:#8492A8;
  --slate-dim:#5C6A80;
  --qualified:#4FAE84;
  --watch:#E8A33D;
  --pass:#5C6A80;
  --blocked:#C75C4B;
  --datablock:#8B7FD1;
  --priceup:#4FAE84;
  --pricedown:#C75C4B;
  --roleinfo:#6FA8DC;
  --radius:10px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink); color:var(--paper);
  font-family:'Space Grotesk', sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
a{color:inherit;}
::selection{ background:var(--amber); color:#1a1305;}

/* ---------- Header / nav ---------- */
header.top{
  border-bottom:1px solid var(--line);
  position:sticky; top:34px; z-index:20;
  background:rgba(13,22,38,0.92);
  backdrop-filter:blur(6px);
}
.top-inner{
  max-width:1180px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; gap:28px;
}
.wordmark{
  display:flex; align-items:center; gap:10px;
  font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap;
}
.wordmark svg{ height:32px; width:26px; flex-shrink:0; }
.wordmark .sub{
  font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate);
  font-weight:500; display:block; margin-top:-1px;
}
nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
nav.primary::-webkit-scrollbar{display:none;}
nav.primary a{
  text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
  padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
}
nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
.account-pill{
  border:1px solid var(--line); border-radius:20px; padding:6px 14px;
  font-size:12.5px; color:var(--slate); white-space:nowrap; text-decoration:none;
}
.account-pill:hover{ border-color:var(--slate-dim); color:var(--paper); }

/* ---------- Page shell ---------- */
main{ max-width:1000px; margin:0 auto; padding:28px 20px 90px; }
main.wide{ max-width:1180px; }
main.narrow{ max-width:820px; }
.page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

.page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:560px; }

footer{
  margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
  color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
footer.wide{ max-width:1180px; }
footer.narrow{ max-width:820px; }
footer.std{ max-width:1000px; }

/* ---------- Shared components ---------- */
.badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; letter-spacing:0.2px; display:inline-block; }
.badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
.badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
.badge.pass{ background:rgba(92,106,128,0.2); color:var(--slate); }
.badge.blocked{ background:rgba(199,92,75,0.16); color:var(--blocked); }
.badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }

.card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:20px; }
.card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.card-title{ font-size:15.5px; font-weight:600; }
.card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }

.box{ background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
.box .lab{ font-size:11px; color:var(--slate); margin-bottom:5px; }
.box .txt{ font-size:13px; color:#D3DAE6; }

.empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:26px 22px; color:var(--slate); font-size:14px; margin-top:22px; }
.empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

.chip{
  font-size:12.5px; padding:6px 13px; border-radius:20px;
  border:1px solid var(--line); color:var(--slate); cursor:pointer;
  background:transparent; transition:all .15s; user-select:none;
}
.chip:hover{ color:var(--paper); border-color:var(--slate-dim); }
.chip.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }
.filters{ display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 26px; }

table{ width:100%; border-collapse:collapse; margin-top:18px; font-size:13px; }
th{ text-align:left; color:var(--slate); font-weight:500; font-size:11.5px; padding:0 12px 10px; border-bottom:1px solid var(--line); }
td{ padding:12px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
tr:hover td{ background:rgba(255,255,255,0.015); }

  .search-row{ display:flex; gap:10px; margin-top:22px; flex-wrap:wrap; }
  .search-input{
    flex:1; min-width:200px; background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset;
    border-radius:8px; padding:10px 14px; color:var(--paper); font-size:13.5px; font-family:'Space Grotesk',sans-serif;
  }
  .search-input:focus{ outline:none; border-color:var(--amber-dim); }
  .search-input::placeholder{ color:var(--slate-dim); }
  .mono-num{ font-variant-numeric:tabular-nums; }
  .row-hidden{ display:none; }


/* ---- from account.html ---- */

:root{
  --ink:#0D1626;
  --panel:#131F35;
  --panel-raised:#182642;
  --line:#243352;
  --amber:#E8A33D;
  --amber-dim:#8a6323;
  --paper:#E9EDF3;
  --slate:#8492A8;
  --slate-dim:#5C6A80;
  --qualified:#4FAE84;
  --watch:#E8A33D;
  --pass:#5C6A80;
  --blocked:#C75C4B;
  --datablock:#8B7FD1;
  --priceup:#4FAE84;
  --pricedown:#C75C4B;
  --roleinfo:#6FA8DC;
  --radius:10px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink); color:var(--paper);
  font-family:'Space Grotesk', sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
h1,h2,h3,.serif{ font-family:'Instrument Serif', serif; font-style:italic; font-weight:400; }
a{color:inherit;}
::selection{ background:var(--amber); color:#1a1305;}

/* ---------- Header / nav ---------- */
header.top{
  border-bottom:1px solid var(--line);
  position:sticky; top:34px; z-index:20;
  background:rgba(13,22,38,0.92);
  backdrop-filter:blur(6px);
}
.top-inner{
  max-width:1180px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; gap:28px;
}
.wordmark{
  display:flex; align-items:center; gap:10px;
  font-size:19px; font-weight:600; letter-spacing:0.2px; white-space:nowrap;
}
.wordmark svg{ height:32px; width:26px; flex-shrink:0; }
.wordmark .sub{
  font-family:'Space Grotesk',sans-serif; font-size:11px; color:var(--slate);
  font-weight:500; display:block; margin-top:-1px;
}
nav.primary{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; flex:1; }
.menu-toggle{ display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--line); border-radius:7px; padding:7px 11px; color:var(--paper); font-size:15px; cursor:pointer; line-height:1; flex-shrink:0; }
.mobile-menu{ display:none; flex-direction:column; border-bottom:1px solid var(--line); background:var(--panel-raised); }
.mobile-menu.open{ display:flex; }
.mobile-menu a{ padding:14px 20px; text-decoration:none; color:var(--slate); font-size:14.5px; border-bottom:1px solid var(--line); }
.mobile-menu a:last-child{ border-bottom:none; }
.mobile-menu a.active{ color:var(--amber); font-weight:600; }
nav.primary{ display:none; }
nav.primary::-webkit-scrollbar{display:none;}
nav.primary a{
  text-decoration:none; color:var(--slate); font-size:13.5px; font-weight:500;
  padding:8px 12px; border-radius:7px; white-space:nowrap; transition:color .15s, background .15s;
}
nav.primary a:hover{ color:var(--paper); background:var(--panel-raised); }
nav.primary a.active{ color:var(--ink); background:var(--amber); font-weight:600; }
.account-pill{
  border:1px solid var(--line); border-radius:20px; padding:6px 14px;
  font-size:12.5px; color:var(--slate); white-space:nowrap; text-decoration:none;
}
.account-pill:hover{ border-color:var(--slate-dim); color:var(--paper); }

/* ---------- Page shell ---------- */
main{ max-width:1000px; margin:0 auto; padding:28px 20px 90px; }
main.wide{ max-width:1180px; }
main.narrow{ max-width:820px; }
.page-head h1{ font-size:24px; font-weight:600; margin:0 0 6px; display:flex; align-items:center; gap:10px; }
.light-mark{ width:9px; height:18px; flex-shrink:0; filter:drop-shadow(0 0 4px rgba(232,163,61,0.45)); }

.page-head p{ color:var(--slate); font-size:13.5px; margin:0; max-width:560px; }

footer{
  margin:60px auto 0; padding:20px; border-top:1px solid var(--line);
  color:var(--slate); font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
footer.wide{ max-width:1180px; }
footer.narrow{ max-width:820px; }
footer.std{ max-width:1000px; }

/* ---------- Shared components ---------- */
.badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; letter-spacing:0.2px; display:inline-block; }
.badge.qualified{ background:rgba(79,174,132,0.15); color:var(--qualified); }
.badge.watch{ background:rgba(232,163,61,0.15); color:var(--watch); }
.badge.pass{ background:rgba(92,106,128,0.2); color:var(--slate); }
.badge.blocked{ background:rgba(199,92,75,0.16); color:var(--blocked); }
.badge.datablock{ background:rgba(139,127,209,0.16); color:var(--datablock); }

.card{ background:linear-gradient(180deg, #17233F 0%, var(--panel) 100%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 26px -16px rgba(0,0,0,0.7), 0 1px 0 0 rgba(255,255,255,0.03) inset; border-radius:var(--radius); padding:18px 20px; margin-top:20px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -16px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,255,255,0.04) inset; border-color:rgba(255,255,255,0.14); }
.card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.card-title{ font-size:15.5px; font-weight:600; }
.card-sub{ color:var(--slate); font-size:12.5px; margin-top:2px; }

.box{ background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
.box .lab{ font-size:11px; color:var(--slate); margin-bottom:5px; }
.box .txt{ font-size:13px; color:#D3DAE6; }

.empty{ border:1px dashed var(--line); border-radius:var(--radius); padding:26px 22px; color:var(--slate); font-size:14px; margin-top:22px; }
.empty strong{ color:var(--paper); display:block; margin-bottom:4px; font-weight:600; }

.chip{
  font-size:12.5px; padding:6px 13px; border-radius:20px;
  border:1px solid var(--line); color:var(--slate); cursor:pointer;
  background:transparent; transition:all .15s; user-select:none;
}
.chip:hover{ color:var(--paper); border-color:var(--slate-dim); }
.chip.active{ background:var(--amber); color:var(--ink); border-color:var(--amber); font-weight:600; }
.filters{ display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 26px; }

table{ width:100%; border-collapse:collapse; margin-top:18px; font-size:13px; }
th{ text-align:left; color:var(--slate); font-weight:500; font-size:11.5px; padding:0 12px 10px; border-bottom:1px solid var(--line); }
td{ padding:12px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
tr:hover td{ background:rgba(255,255,255,0.015); }

  .tier-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .tier-name{ font-size:17px; font-weight:600; }
  .tier-desc{ color:var(--slate); font-size:12.5px; margin-top:3px; }
  .tier-badge{ font-size:11px; font-weight:700; padding:4px 12px; border-radius:20px; background:var(--amber); color:#1a1305; }
  .compare{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
  @media (max-width:700px){ .compare{ grid-template-columns:1fr; } }
  .tier-card{ border:1px solid var(--line); border-radius:8px; padding:14px 16px; background:var(--panel-raised); }
  .tier-card.current{ border-color:var(--amber-dim); }
  .tier-card h4{ margin:0 0 6px; font-size:13.5px; font-weight:600; }
  .tier-card ul{ margin:8px 0 0; padding-left:16px; font-size:12px; color:var(--slate); line-height:1.7; }

  .toggle-row{ display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--line); }
  .toggle-row:last-child{ border-bottom:none; }
  .toggle-label{ font-size:13.5px; font-weight:500; }
  .toggle-sub{ font-size:11.5px; color:var(--slate); margin-top:2px; }
  .switch{ position:relative; width:38px; height:22px; flex-shrink:0; }
  .switch input{ opacity:0; width:0; height:0; }
  .slider{ position:absolute; cursor:pointer; inset:0; background:var(--line); border-radius:22px; transition:.15s; }
  .slider::before{ content:''; position:absolute; height:16px; width:16px; left:3px; bottom:3px; background:var(--paper); border-radius:50%; transition:.15s; }
  input:checked + .slider{ background:var(--amber); }
  input:checked + .slider::before{ transform:translateX(16px); background:#1a1305; }

  /* Subscriber login form (account.html) */
  .auth-form{ display:flex; flex-direction:column; gap:14px; max-width:360px; }
  .field-label{ font-size:12px; font-weight:600; color:var(--slate); margin-bottom:6px; display:block; }
  .auth-form .search-input{ width:100%; min-width:0; }
  .form-error{ font-size:12.5px; color:var(--blocked); display:none; }
  .form-error.visible{ display:block; }
  .auth-loggedin-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
  .auth-email{ font-size:13px; color:var(--slate); }

  .section-title{ font-size:14px; font-weight:600; margin:32px 0 4px; }

  /* Player Compare (player-compare.html) */
  .compare-search-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px; }
  @media (max-width:700px){ .compare-search-row{ grid-template-columns:1fr; } }
  .compare-search-col{ position:relative; }
  .compare-suggestions{ position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:5; background:var(--panel-raised); border:1px solid var(--line); border-radius:8px; box-shadow:0 14px 30px -14px rgba(0,0,0,0.7); max-height:260px; overflow-y:auto; display:none; }
  .compare-suggestions.visible{ display:block; }
  .compare-suggestion{ padding:10px 14px; font-size:13px; cursor:pointer; border-bottom:1px solid var(--line); }
  .compare-suggestion:last-child{ border-bottom:none; }
  .compare-suggestion:hover, .compare-suggestion.highlighted{ background:rgba(255,255,255,0.04); }
  .compare-suggestion .name{ font-weight:600; }
  .compare-suggestion .meta{ color:var(--slate); font-size:11.5px; margin-top:2px; }
  .compare-chosen{ display:none; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; padding:10px 14px; border:1px solid var(--amber-dim); border-radius:8px; background:rgba(232,163,61,0.08); }
  .compare-chosen.visible{ display:flex; }
  .compare-chosen .name{ font-weight:600; font-size:13.5px; }
  .compare-chosen .meta{ color:var(--slate); font-size:11.5px; }
  .compare-clear{ background:none; border:none; color:var(--slate); cursor:pointer; font-size:13px; padding:2px 6px; }
  .compare-clear:hover{ color:var(--paper); }
  .compare-results{ display:none; margin-top:28px; }
  .compare-results.visible{ display:block; }
  .compare-cols{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  @media (max-width:800px){ .compare-cols{ grid-template-columns:1fr; } }
  .compare-col-head{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:4px; }
  .compare-col-head h3{ font-size:15px; font-weight:600; margin:0; }
  .compare-col-head span{ color:var(--slate); font-size:12px; }
  .gate-note{ border:1px dashed var(--line); border-radius:var(--radius); padding:20px; color:var(--slate); font-size:13.5px; margin-top:22px; }
  .gate-note strong{ color:var(--paper); display:block; margin-bottom:6px; font-weight:600; }