/* ─── FONTS ──────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Mono:wght@400;500&display=swap');

/* ─── TOKENS ─────────────────────────────────────────────────────── */
:root {
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;

  --navy:        #1B2A4A;
  --navy-deep:   #111D34;
  --navy-mid:    #243558;
  --navy-light:  #2E4270;
  --gold:        #B8942A;
  --gold-light:  #D4AC3A;
  --gold-pale:   #F0DFA0;
  --gold-dim:    #8A6D1E;
  --cream:       #F5F0E8;
  --cream-dark:  #EDE6D6;
  --white:       #FDFCFA;

  --green:    #2D7A4F;
  --green-bg: #0F3320;
  --green-txt: #6FCF97;
  --red:      #9B2335;
  --red-bg:   #3D0F18;
  --red-txt:  #F28B82;
  --amber:    #B86A00;
  --amber-bg: #3D2200;
  --amber-txt:#FFB347;

  --text-hero: clamp(2.8rem, 6vw, 5.5rem);
  --text-3xl:  clamp(2rem, 4vw, 3.5rem);
  --text-2xl:  clamp(1.5rem, 3vw, 2.25rem);
  --text-xl:   clamp(1.2rem, 2vw, 1.6rem);
  --text-lg:   clamp(1rem, 1.5vw, 1.25rem);
  --text-base: 1rem;
  --text-sm:   0.875rem;
  --text-xs:   0.75rem;

  --space-1: 0.25rem; --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;    --space-5: 1.25rem; --space-6: 1.5rem;
  --space-8: 2rem;    --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 4rem;   --space-20: 5rem;   --space-24: 6rem;

  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 20px;
  --transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Light mode (default) */
  --bg:        #F5F0E8;
  --surface:   #FDFCFA;
  --surface-2: #EDE6D6;
  --border:    #D4C9B0;
  --text:      #1B2A4A;
  --text-muted:#5A6A8A;
  --text-faint:#8A9AB8;
  --accent:    #B8942A;
  --accent-hover: #9A7820;
  --shadow-sm: 0 1px 3px rgba(27,42,74,0.08);
  --shadow-md: 0 4px 16px rgba(27,42,74,0.10);
  --shadow-lg: 0 12px 40px rgba(27,42,74,0.14);
}

[data-theme="dark"] {
  --bg:        #0E1624;
  --surface:   #162035;
  --surface-2: #1C2A44;
  --border:    #2A3D5E;
  --text:      #EDE6D6;
  --text-muted:#8A9AB8;
  --text-faint:#4A5A78;
  --accent:    #D4AC3A;
  --accent-hover: #F0C84A;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0E1624; --surface: #162035; --surface-2: #1C2A44;
    --border: #2A3D5E; --text: #EDE6D6; --text-muted: #8A9AB8;
    --text-faint: #4A5A78; --accent: #D4AC3A; --accent-hover: #F0C84A;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.5);
  }
}

/* ─── RESET ──────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; -webkit-font-smoothing: antialiased; }
body { font-family: var(--font-body); font-size: var(--text-base); color: var(--text); background: var(--bg); line-height: 1.6; transition: background var(--transition), color var(--transition); }
img, svg { display: block; max-width: 100%; }
button { cursor: pointer; font: inherit; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,h4 { font-family: var(--font-display); line-height: 1.15; text-wrap: balance; }
p, li { max-width: 68ch; text-wrap: pretty; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }

/* ─── DEMO BANNER ────────────────────────────────────────────────── */
.demo-site-banner {
  background: linear-gradient(135deg, #1a0a00, #3d1f00);
  border-bottom: 2px solid var(--gold);
  padding: var(--space-3) var(--space-6);
  text-align: center;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--gold-pale);
  letter-spacing: 0.02em;
  position: relative;
  z-index: 200;
}
.demo-site-banner strong { color: var(--gold-light); }
.demo-site-banner a { color: var(--gold-light); text-decoration: underline; }

/* ─── TICKER BAR ─────────────────────────────────────────────────── */
.ticker-bar {
  background: var(--navy-deep);
  height: 36px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid rgba(184,148,42,0.3);
}
.ticker-track {
  display: flex;
  gap: 0;
  white-space: nowrap;
  animation: ticker 55s linear infinite;
  height: 100%;
  align-items: center;
}
@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-8);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: rgba(237,230,214,0.7);
  border-right: 1px solid rgba(184,148,42,0.2);
}
.ticker-item .case-name { color: var(--gold-light); font-weight: 500; }
.ticker-item .ticker-up   { color: var(--green-txt); }
.ticker-item .ticker-down { color: var(--red-txt); }
.ticker-item .ticker-flat { color: #8A9AB8; }

/* ─── NAV ────────────────────────────────────────────────────────── */
.nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(11,20,38,0.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(184,148,42,0.25);
  transition: background var(--transition);
}
[data-theme="light"] .nav { background: rgba(245,240,232,0.96); border-bottom: 1px solid rgba(184,148,42,0.3); }
.nav-inner {
  max-width: 1280px; margin: 0 auto;
  padding: 0 var(--space-6);
  height: 64px;
  display: flex; align-items: center; gap: var(--space-6);
}
.nav-logo {
  display: flex; align-items: center; gap: var(--space-3);
  flex-shrink: 0;
}
.nav-wordmark { font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; color: var(--gold-light); }
.nav-links { display: flex; gap: var(--space-6); margin-left: var(--space-4); }
.nav-links a { font-size: var(--text-sm); font-weight: 500; color: var(--text-muted); transition: color var(--transition); }
.nav-links a:hover { color: var(--gold-light); }
.nav-right { margin-left: auto; display: flex; align-items: center; gap: var(--space-3); }

/* ─── BUTTONS ────────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-5);
  border-radius: var(--radius-md);
  font-size: var(--text-sm); font-weight: 600;
  border: 1.5px solid transparent;
  transition: all var(--transition);
  cursor: pointer; white-space: nowrap;
}
.btn-gold {
  background: var(--gold); color: var(--navy-deep);
  border-color: var(--gold);
}
.btn-gold:hover { background: var(--gold-light); border-color: var(--gold-light); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(184,148,42,0.4); }
.btn-outline {
  background: transparent;
  color: var(--text);
  border-color: var(--border);
}
.btn-outline:hover { border-color: var(--gold); color: var(--gold); }
.btn-ghost {
  background: transparent; color: var(--text-muted); border: none;
  padding: var(--space-2);
}
.btn-ghost:hover { color: var(--gold-light); }
.btn-lg { padding: var(--space-3) var(--space-8); font-size: var(--text-base); border-radius: var(--radius-lg); }
.btn-sm { padding: var(--space-1) var(--space-3); font-size: var(--text-xs); }

/* ─── HERO ───────────────────────────────────────────────────────── */
.hero {
  background: linear-gradient(160deg, var(--navy-deep) 0%, #0a1628 50%, #0E1624 100%);
  position: relative; overflow: hidden;
  padding: var(--space-24) 0 var(--space-20);
}
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 60% 40%, rgba(184,148,42,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.hero-grid-overlay {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(184,148,42,0.04) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(184,148,42,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}
.hero-inner {
  max-width: 900px; margin: 0 auto;
  padding: 0 var(--space-6);
  position: relative; z-index: 1;
}
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-family: var(--font-mono); font-size: var(--text-xs);
  color: var(--gold-light); letter-spacing: 0.1em; text-transform: uppercase;
  margin-bottom: var(--space-6);
  padding: var(--space-2) var(--space-4);
  border: 1px solid rgba(184,148,42,0.3);
  border-radius: var(--radius-full);
  background: rgba(184,148,42,0.06);
}
.hero-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green-txt); animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
.hero-title {
  font-size: var(--text-hero);
  font-weight: 700;
  color: #EDE6D6;
  line-height: 1.05;
  margin-bottom: var(--space-6);
  letter-spacing: -0.02em;
}
.hero-title .gold-word { color: var(--gold-light); }
.hero-sub {
  font-size: var(--text-xl);
  color: rgba(237,230,214,0.7);
  max-width: 60ch;
  margin-bottom: var(--space-10);
  font-weight: 300;
}
.hero-cta-row { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-bottom: var(--space-12); }
.hero-stats {
  display: flex; gap: var(--space-8); flex-wrap: wrap;
  padding-top: var(--space-8);
  border-top: 1px solid rgba(184,148,42,0.2);
}
.stat-item { }
.stat-num { display: block; font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; color: var(--gold-light); line-height: 1; }
.stat-lbl { font-size: var(--text-xs); color: rgba(237,230,214,0.5); text-transform: uppercase; letter-spacing: 0.08em; margin-top: var(--space-1); }

/* ─── DEMO DISCLOSURE BAND ───────────────────────────────────────── */
.demo-disclosure {
  background: linear-gradient(135deg, #1a0f00, #2d1a00);
  border-top: 1px solid rgba(184,148,42,0.4);
  border-bottom: 1px solid rgba(184,148,42,0.4);
  padding: var(--space-5) var(--space-6);
}
.demo-disclosure-inner {
  max-width: 1280px; margin: 0 auto;
  display: flex; align-items: flex-start; gap: var(--space-5);
}
.demo-badge-large {
  flex-shrink: 0;
  background: var(--gold);
  color: var(--navy-deep);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-sm);
  margin-top: 2px;
}
.demo-disclosure-text { font-size: var(--text-sm); color: rgba(237,230,214,0.8); line-height: 1.5; }
.demo-disclosure-text strong { color: var(--gold-light); }
.demo-disclosure-text a { color: var(--gold-light); text-decoration: underline; }

/* ─── LAYOUT ─────────────────────────────────────────────────────── */
.container { max-width: 1280px; margin: 0 auto; padding: 0 var(--space-6); }
.section { padding: var(--space-20) 0; }
.section-alt { background: var(--surface); }
.section-tag {
  display: inline-block;
  font-family: var(--font-mono); font-size: var(--text-xs);
  color: var(--gold); letter-spacing: 0.12em; text-transform: uppercase;
  margin-bottom: var(--space-3);
}
.section-title { font-size: var(--text-3xl); color: var(--text); margin-bottom: var(--space-4); }
.section-sub { font-size: var(--text-lg); color: var(--text-muted); max-width: 60ch; }
.section-header { margin-bottom: var(--space-12); }

/* ─── MARKETS ─────────────────────────────────────────────────────── */
.market-filters {
  display: flex; gap: var(--space-2); flex-wrap: wrap;
  margin-bottom: var(--space-8);
}
.filter-btn {
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  border: 1.5px solid var(--border);
  background: transparent;
  color: var(--text-muted);
  font-size: var(--text-sm); font-weight: 500;
  transition: all var(--transition);
}
.filter-btn.active, .filter-btn:hover {
  border-color: var(--gold); color: var(--gold);
  background: rgba(184,148,42,0.08);
}

.markets-grid { display: grid; gap: var(--space-5); }

/* ─── MARKET CARD ────────────────────────────────────────────────── */
.market-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition);
  cursor: pointer;
}
.market-card:hover { border-color: var(--gold); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.market-card-inner { padding: var(--space-6); }
.mc-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.mc-left { flex: 1; min-width: 0; }
.mc-name { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: var(--text); margin-bottom: var(--space-1); }
.mc-case { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); }
.mc-tags { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-2); }
.mc-tag { padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500; }
.tag-industry { background: rgba(184,148,42,0.12); color: var(--gold); border: 1px solid rgba(184,148,42,0.25); }
.tag-active { background: rgba(45,122,79,0.15); color: var(--green-txt); border: 1px solid rgba(45,122,79,0.3); }
.tag-resolved { background: rgba(90,106,138,0.15); color: var(--text-muted); border: 1px solid var(--border); }
.tag-news { background: rgba(255,80,80,0.1); color: var(--red-txt); border: 1px solid rgba(255,80,80,0.2); animation: flash 2s ease-in-out infinite; }
@keyframes flash { 0%,100%{opacity:1} 50%{opacity:0.6} }

.mc-right { text-align: right; flex-shrink: 0; }
.mc-price { font-family: var(--font-mono); font-size: var(--text-2xl); font-weight: 600; color: var(--text); line-height: 1; }
.mc-price-unit { font-size: var(--text-xs); color: var(--text-muted); margin-top: 2px; }
.mc-signal { font-size: var(--text-xs); font-weight: 600; margin-top: var(--space-1); }
.signal-up { color: var(--green-txt); }
.signal-down { color: var(--red-txt); }
.signal-flat { color: var(--text-muted); }

.mc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); margin-bottom: var(--space-5); }
.mc-stat-item { }
.mc-stat-lbl { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-faint); }
.mc-stat-val { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text); margin-top: 2px; }

.mc-sparkline { height: 40px; margin-bottom: var(--space-4); }

.mc-news-preview {
  padding: var(--space-3) var(--space-4);
  background: var(--surface-2);
  border-radius: var(--radius-md);
  border-left: 3px solid;
  margin-bottom: var(--space-4);
}
.mc-news-preview.bearish { border-color: var(--red-txt); }
.mc-news-preview.bullish { border-color: var(--green-txt); }
.mc-news-preview.mixed   { border-color: var(--amber-txt); }
.mc-news-preview.neutral { border-color: var(--text-faint); }
.mc-news-date { font-family: var(--font-mono); font-size: 10px; color: var(--text-faint); }
.mc-news-headline { font-size: var(--text-sm); font-weight: 600; color: var(--text); margin: 2px 0; line-height: 1.3; }
.mc-news-impact { font-size: 11px; }
.impact-bearish { color: var(--red-txt); }
.impact-bullish { color: var(--green-txt); }
.impact-mixed   { color: var(--amber-txt); }
.impact-neutral { color: var(--text-muted); }

.mc-actions { display: flex; gap: var(--space-3); align-items: center; }
.mc-btn-long  { flex: 1; padding: var(--space-2) var(--space-4); border-radius: var(--radius-md); border: 1.5px solid var(--green-txt); background: rgba(45,122,79,0.12); color: var(--green-txt); font-weight: 600; font-size: var(--text-sm); transition: all var(--transition); }
.mc-btn-long:hover { background: rgba(45,122,79,0.25); }
.mc-btn-short { flex: 1; padding: var(--space-2) var(--space-4); border-radius: var(--radius-md); border: 1.5px solid var(--red-txt); background: rgba(155,35,53,0.12); color: var(--red-txt); font-weight: 600; font-size: var(--text-sm); transition: all var(--transition); }
.mc-btn-short:hover { background: rgba(155,35,53,0.25); }
.mc-btn-detail { padding: var(--space-2) var(--space-4); border-radius: var(--radius-md); border: 1.5px solid var(--border); background: transparent; color: var(--text-muted); font-size: var(--text-sm); font-weight: 500; transition: all var(--transition); }
.mc-btn-detail:hover { border-color: var(--gold); color: var(--gold); }

/* ─── CASE MODAL ─────────────────────────────────────────────────── */
.modal-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(5,10,20,0.85);
  backdrop-filter: blur(8px);
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: var(--space-8) var(--space-4);
  overflow-y: auto;
}
.modal-overlay.open { display: flex; }
.modal-box {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  width: 100%;
  max-width: 820px;
  position: relative;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.modal-box.modal-wide { max-width: 960px; }
.modal-close {
  position: absolute; top: var(--space-4); right: var(--space-4);
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--surface-2); border: 1px solid var(--border);
  color: var(--text-muted); font-size: 1.25rem; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  transition: all var(--transition); z-index: 10;
}
.modal-close:hover { background: var(--border); color: var(--text); }

/* Case modal layout */
.cm-header {
  background: linear-gradient(135deg, var(--navy-deep), #162035);
  padding: var(--space-8) var(--space-8) var(--space-6);
  border-bottom: 1px solid rgba(184,148,42,0.25);
}
.cm-name { font-family: var(--font-display); font-size: var(--text-3xl); color: #EDE6D6; margin-bottom: var(--space-2); }
.cm-meta { display: flex; gap: var(--space-6); flex-wrap: wrap; }
.cm-meta-item { }
.cm-meta-lbl { font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(237,230,214,0.4); }
.cm-meta-val { font-family: var(--font-mono); font-size: var(--text-sm); color: rgba(237,230,214,0.85); margin-top: 2px; }

.cm-price-row {
  display: flex; gap: var(--space-8); align-items: center;
  padding: var(--space-5) var(--space-8);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}
.cm-current-price { }
.cm-current-lbl { font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; }
.cm-current-val { font-family: var(--font-mono); font-size: var(--text-3xl); font-weight: 700; color: var(--gold-light); line-height: 1; margin: var(--space-1) 0; }
.cm-current-sub { font-size: var(--text-xs); color: var(--text-muted); font-family: var(--font-mono); }
.cm-range-stats { display: flex; gap: var(--space-6); }
.cm-range-item { }
.cm-range-lbl { font-size: 10px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.08em; }
.cm-range-val { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text); margin-top: 2px; }

.cm-body { padding: var(--space-6) var(--space-8); }
.cm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); margin-bottom: var(--space-8); }
.cm-section-title { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--space-4); padding-bottom: var(--space-2); border-bottom: 1px solid var(--border); }
.cm-info-table { display: flex; flex-direction: column; gap: var(--space-3); }
.cm-info-row { display: flex; flex-direction: column; gap: 2px; }
.cm-info-lbl { font-size: 11px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.08em; }
.cm-info-val { font-size: var(--text-sm); color: var(--text); font-family: var(--font-mono); }
.cm-info-val.big { font-size: var(--text-base); color: var(--text); font-family: var(--font-body); }

.cm-summary { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.7; margin-bottom: var(--space-8); }

/* News in modal */
.cm-news-list { display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-8); }
.cm-news-item {
  padding: var(--space-4) var(--space-5);
  background: var(--surface-2);
  border-radius: var(--radius-md);
  border-left: 4px solid;
}
.cm-news-item.BEARISH { border-color: var(--red-txt); }
.cm-news-item.BULLISH { border-color: var(--green-txt); }
.cm-news-item.MIXED   { border-color: var(--amber-txt); }
.cm-news-item.NEUTRAL { border-color: var(--text-faint); }
.cm-news-top { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-2); flex-wrap: wrap; }
.cm-news-date { font-family: var(--font-mono); font-size: 11px; color: var(--text-faint); }
.cm-news-impact-badge {
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em;
  padding: 1px 6px; border-radius: 3px;
}
.badge-BEARISH { background: rgba(155,35,53,0.2); color: var(--red-txt); border: 1px solid rgba(155,35,53,0.3); }
.badge-BULLISH { background: rgba(45,122,79,0.2); color: var(--green-txt); border: 1px solid rgba(45,122,79,0.3); }
.badge-MIXED   { background: rgba(184,106,0,0.2); color: var(--amber-txt); border: 1px solid rgba(184,106,0,0.3); }
.badge-NEUTRAL { background: rgba(90,106,138,0.2); color: var(--text-muted); border: 1px solid var(--border); }
.cm-news-hl { font-size: var(--text-sm); font-weight: 600; color: var(--text); margin-bottom: var(--space-2); line-height: 1.4; }
.cm-news-body { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; margin-bottom: var(--space-2); }
.cm-news-impact-note { font-size: 11px; color: var(--text-faint); font-style: italic; border-top: 1px solid var(--border); padding-top: var(--space-2); margin-top: var(--space-2); }
.cm-news-source { font-size: 10px; color: var(--text-faint); font-family: var(--font-mono); }

/* Hedge box in modal */
.cm-hedge-box {
  background: linear-gradient(135deg, rgba(27,42,74,0.3), rgba(27,42,74,0.1));
  border: 1px solid rgba(184,148,42,0.3);
  border-radius: var(--radius-lg);
  padding: var(--space-5) var(--space-6);
  margin-bottom: var(--space-8);
}
.cm-hedge-title { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--gold); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--space-3); }
.cm-hedge-text { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.7; }

/* Bet interface in modal */
.cm-bet-interface {
  background: var(--surface-2);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  border: 1px solid var(--border);
  margin-bottom: var(--space-6);
}
.cm-bet-title {
  font-family: var(--font-mono); font-size: var(--text-xs);
  color: var(--gold); text-transform: uppercase; letter-spacing: 0.1em;
  margin-bottom: var(--space-5);
  display: flex; align-items: center; gap: var(--space-2);
}
.demo-pill {
  background: var(--gold); color: var(--navy-deep);
  font-size: 9px; font-weight: 700; letter-spacing: 0.08em;
  padding: 1px 6px; border-radius: 3px;
  text-transform: uppercase;
}
.bet-controls { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.bet-field label { font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; display: block; margin-bottom: var(--space-2); }
.bet-direction-row { display: flex; gap: var(--space-2); }
.bet-dir-btn {
  flex: 1; padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 600;
  border: 1.5px solid var(--border);
  background: transparent; color: var(--text-muted);
  transition: all var(--transition);
}
.bet-dir-btn.long.active { border-color: var(--green-txt); background: rgba(45,122,79,0.2); color: var(--green-txt); }
.bet-dir-btn.short.active { border-color: var(--red-txt); background: rgba(155,35,53,0.2); color: var(--red-txt); }
.bet-slider-wrap { display: flex; gap: var(--space-3); align-items: center; }
.bet-slider { flex: 1; accent-color: var(--gold); }
.bet-slider-val { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--gold); min-width: 60px; text-align: right; }
.bet-payout-preview {
  grid-column: 1 / -1;
  background: var(--surface);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--border);
}
.bet-payout-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.bet-payout-item { }
.bet-payout-lbl { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-faint); }
.bet-payout-val { font-family: var(--font-mono); font-size: var(--text-lg); font-weight: 600; color: var(--text); margin-top: 2px; }
.bet-payout-val.profit { color: var(--green-txt); }
.bet-payout-val.loss { color: var(--red-txt); }
.bet-submit {
  width: 100%; margin-top: var(--space-5);
  padding: var(--space-3) var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--gold); color: var(--navy-deep);
  font-weight: 700; font-size: var(--text-base);
  border: none; transition: all var(--transition);
}
.bet-submit:hover { background: var(--gold-light); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(184,148,42,0.4); }
.bet-demo-note { text-align: center; font-size: var(--text-xs); color: var(--text-faint); margin-top: var(--space-3); }

/* ─── HOW IT WORKS ───────────────────────────────────────────────── */
.steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: var(--space-6); margin-bottom: var(--space-12); }
.step-card {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: border-color var(--transition);
}
.step-card:hover { border-color: var(--gold); }
.step-num { font-family: var(--font-mono); font-size: var(--text-3xl); font-weight: 700; color: rgba(184,148,42,0.2); line-height: 1; margin-bottom: var(--space-4); }
.step-card h3 { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.step-card p { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; }

.hedge-box {
  background: linear-gradient(135deg, var(--surface-2), var(--surface));
  border: 1px solid rgba(184,148,42,0.3);
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  display: flex; gap: var(--space-6); align-items: flex-start;
}
.hedge-icon { font-size: 2.5rem; flex-shrink: 0; }
.hedge-box h3 { font-size: var(--text-xl); margin-bottom: var(--space-3); }
.hedge-box p { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.7; }

/* ─── WHO IT'S FOR ───────────────────────────────────────────────── */
.users-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: var(--space-6); }
.user-card {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.user-icon { font-size: 2rem; margin-bottom: var(--space-4); }
.user-card h3 { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.user-card p { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; margin-bottom: var(--space-4); }
.user-example { font-size: var(--text-xs); color: var(--text-faint); background: var(--surface-2); padding: var(--space-3); border-radius: var(--radius-md); border-left: 2px solid var(--gold); line-height: 1.5; }

/* ─── ABOUT ──────────────────────────────────────────────────────── */
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-16); align-items: start; }
.about-text { font-size: var(--text-base); color: var(--text-muted); line-height: 1.8; margin-bottom: var(--space-5); }
.about-credentials { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.cred-card {
  padding: var(--space-5);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.cred-num { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; color: var(--gold); }
.cred-lbl { font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-top: var(--space-1); }
.cred-wide { grid-column: 1 / -1; }
.cred-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); }
.cred-list li { font-size: var(--text-sm); color: var(--text-muted); padding-left: var(--space-4); position: relative; }
.cred-list li::before { content: '→'; position: absolute; left: 0; color: var(--gold); }

/* ─── REGULATORY ─────────────────────────────────────────────────── */
.reg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: var(--space-6); margin-bottom: var(--space-8); }
.reg-card { padding: var(--space-6); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.reg-date { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--gold); margin-bottom: var(--space-3); }
.reg-card h3 { font-size: var(--text-base); font-family: var(--font-body); font-weight: 600; margin-bottom: var(--space-2); }
.reg-card p { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; }
.reg-note { font-size: var(--text-sm); color: var(--text-muted); background: var(--surface-2); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); border-left: 3px solid var(--gold); line-height: 1.7; }

/* ─── PARTNER ────────────────────────────────────────────────────── */
.partner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }
.partner-card { padding: var(--space-6) var(--space-7); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.partner-card h3 { font-size: var(--text-lg); margin-bottom: var(--space-4); }
.partner-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
.partner-list li { font-size: var(--text-sm); color: var(--text-muted); padding-left: var(--space-5); position: relative; }
.partner-list li::before { content: '✓'; position: absolute; left: 0; color: var(--gold); font-weight: 700; }
.partner-wide { grid-column: 1 / -1; }
.partner-wide p { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.7; max-width: 72ch; }

/* ─── CTA SECTION ────────────────────────────────────────────────── */
.section-cta {
  background: linear-gradient(160deg, var(--navy-deep) 0%, #0a1628 100%);
  position: relative; overflow: hidden;
}
.section-cta::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 50%, rgba(184,148,42,0.07) 0%, transparent 70%);
}
.cta-title { font-size: var(--text-3xl); color: #EDE6D6; margin-bottom: var(--space-4); position: relative; }
.cta-sub { font-size: var(--text-lg); color: rgba(237,230,214,0.6); margin-bottom: var(--space-8); position: relative; }
.cta-form { display: flex; gap: var(--space-3); flex-wrap: wrap; max-width: 640px; position: relative; }
.cta-input, .cta-select {
  flex: 1; min-width: 200px;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border: 1.5px solid rgba(184,148,42,0.3);
  background: rgba(255,255,255,0.05);
  color: #EDE6D6; font-size: var(--text-sm);
}
.cta-input::placeholder { color: rgba(237,230,214,0.3); }
.cta-input:focus, .cta-select:focus { outline: none; border-color: var(--gold); }
.cta-select option { background: var(--navy-deep); }
.cta-fine { font-size: var(--text-xs); color: rgba(237,230,214,0.35); margin-top: var(--space-4); position: relative; }

/* ─── FOOTER ─────────────────────────────────────────────────────── */
.footer { background: var(--navy-deep); border-top: 1px solid rgba(184,148,42,0.2); padding: var(--space-12) 0 0; }
.footer-inner { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-8); flex-wrap: wrap; padding-bottom: var(--space-10); }
.footer-brand p { font-size: var(--text-sm); color: rgba(237,230,214,0.4); margin-top: var(--space-3); line-height: 1.6; }
.footer-links { display: flex; flex-direction: column; gap: var(--space-2); }
.footer-links a { font-size: var(--text-sm); color: rgba(237,230,214,0.4); transition: color var(--transition); }
.footer-links a:hover { color: var(--gold-light); }
.footer-disclaimer {
  border-top: 1px solid rgba(184,148,42,0.1);
  padding: var(--space-6) 0;
  font-size: var(--text-xs);
  color: rgba(237,230,214,0.25);
  line-height: 1.7;
}

/* ─── MODALS ─────────────────────────────────────────────────────── */
.form-field { margin-bottom: var(--space-5); }
.form-field label { display: block; font-size: var(--text-sm); color: var(--text-muted); margin-bottom: var(--space-2); }
.form-input {
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border: 1.5px solid var(--border);
  background: var(--surface-2);
  color: var(--text); font-size: var(--text-sm);
  transition: border-color var(--transition);
}
.form-input:focus { outline: none; border-color: var(--gold); }

/* ─── TOAST ──────────────────────────────────────────────────────── */
.toast {
  position: fixed; bottom: var(--space-8); left: 50%;
  transform: translateX(-50%) translateY(80px);
  background: var(--green-bg); color: var(--green-txt);
  border: 1px solid rgba(111,207,151,0.3);
  padding: var(--space-3) var(--space-6);
  border-radius: var(--radius-full);
  font-size: var(--text-sm); font-weight: 600;
  z-index: 9999;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ─── POSITIONS PANEL ────────────────────────────────────────────── */
.positions-bar {
  position: fixed; bottom: 0; left: 0; right: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  z-index: 90; padding: var(--space-3) var(--space-6);
  display: flex; align-items: center; gap: var(--space-6);
  box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.positions-bar.show { transform: translateY(0); }
.positions-balance { font-family: var(--font-mono); }
.positions-balance .bal-lbl { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-faint); }
.positions-balance .bal-val { font-size: var(--text-lg); font-weight: 600; color: var(--gold-light); }
.positions-list { display: flex; gap: var(--space-4); flex: 1; overflow-x: auto; }
.pos-chip {
  flex-shrink: 0;
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--text-xs); font-family: var(--font-mono);
  border: 1px solid;
}
.pos-chip.long { border-color: rgba(45,122,79,0.4); background: rgba(45,122,79,0.1); color: var(--green-txt); }
.pos-chip.short { border-color: rgba(155,35,53,0.4); background: rgba(155,35,53,0.1); color: var(--red-txt); }

/* ─── RESPONSIVE ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .about-grid { grid-template-columns: 1fr; }
  .about-credentials { grid-template-columns: 1fr 1fr; }
  .partner-grid { grid-template-columns: 1fr; }
  .cm-grid { grid-template-columns: 1fr; }
  .bet-controls { grid-template-columns: 1fr; }
  .mc-stats { grid-template-columns: repeat(2, 1fr); }
  .hero-stats { gap: var(--space-6); }
  .cm-meta { gap: var(--space-3); }
  .cm-price-row { flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .hero-cta-row { flex-direction: column; }
  .hero-cta-row .btn { text-align: center; justify-content: center; }
  .cta-form { flex-direction: column; }
  .mc-actions { flex-wrap: wrap; }
}

/* radius-full */
.border-radius-full { border-radius: 9999px; }

/* ─── NEW COMPONENT STYLES (site rebuild) ────────────────────────────────── */

/* Demo Banner */
.demo-banner {
  background: linear-gradient(135deg, #1a0800, #2d1500);
  border-bottom: 2px solid var(--gold);
  padding: var(--space-3) var(--space-6);
  display: flex; align-items: center; gap: var(--space-4);
  font-size: var(--text-sm); color: var(--gold-pale);
  font-family: var(--font-mono); z-index: 200; position: relative;
}
.demo-banner__icon { font-size: 1rem; flex-shrink: 0; }
.demo-banner__text { flex: 1; line-height: 1.5; }
.demo-banner__text strong { color: var(--gold-light); }
.bb-currency { color: var(--gold-light); font-weight: 600; }
.demo-banner__close { background: none; border: none; color: var(--gold-dim); font-size: 1rem; cursor: pointer; padding: 0 var(--space-2); transition: color var(--transition); }
.demo-banner__close:hover { color: var(--gold-light); }

/* Nav (new class names) */
.nav__inner { max-width: 1280px; margin: 0 auto; padding: 0 var(--space-6); height: 64px; display: flex; align-items: center; gap: var(--space-6); }
.nav__brand { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }
.nav__logo { font-size: 1.4rem; }
.nav__name { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; color: var(--gold-light); }
.nav__tagline { font-size: var(--text-xs); color: var(--text-muted); display: none; }
@media (min-width: 768px) { .nav__tagline { display: inline; } }
.nav__actions { margin-left: auto; display: flex; align-items: center; gap: var(--space-4); }
.nav__balance { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--gold-light); background: rgba(184,148,42,0.1); border: 1px solid rgba(184,148,42,0.25); padding: var(--space-1) var(--space-4); border-radius: var(--radius-full); }
.theme-toggle { background: none; border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-2); color: var(--text-muted); transition: all var(--transition); }
.theme-toggle:hover { border-color: var(--gold); color: var(--gold); }

/* Ticker (new class names) */
.ticker-wrap { background: var(--navy-deep); height: 36px; overflow: hidden; border-bottom: 1px solid rgba(184,148,42,0.25); }
.ticker { display: flex; white-space: nowrap; animation: ticker 60s linear infinite; height: 100%; align-items: center; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.ticker__item { display: inline-flex; align-items: center; gap: var(--space-2); padding: 0 var(--space-8); font-family: var(--font-mono); font-size: var(--text-xs); color: rgba(237,230,214,0.65); border-right: 1px solid rgba(184,148,42,0.15); }
.ticker__name { color: var(--gold-light); font-weight: 500; }
.ticker-up { color: var(--green-txt); }
.ticker-down { color: var(--red-txt); }
.ticker-flat { color: var(--text-muted); }

/* Hero (new class names) */
.hero__inner { max-width: 900px; margin: 0 auto; padding: 0 var(--space-6); position: relative; z-index: 1; }
.hero__badge { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-6); }
.hero__headline { font-size: var(--text-hero); font-weight: 700; color: #EDE6D6; line-height: 1.05; margin-bottom: var(--space-6); letter-spacing: -0.02em; }
.hero__sub { font-size: var(--text-xl); color: rgba(237,230,214,0.7); max-width: 60ch; margin-bottom: var(--space-10); font-weight: 300; }
.hero__cta { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-bottom: var(--space-12); }
.hero__stats { display: flex; gap: var(--space-8); flex-wrap: wrap; padding-top: var(--space-8); border-top: 1px solid rgba(184,148,42,0.2); }
.hero__stat { }
.hero__stat-value { display: block; font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; color: var(--gold-light); line-height: 1; }
.hero__stat-label { font-size: var(--text-xs); color: rgba(237,230,214,0.5); text-transform: uppercase; letter-spacing: 0.08em; margin-top: var(--space-1); }

/* Badges */
.badge { display: inline-flex; align-items: center; gap: var(--space-1); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: var(--radius-sm); }
.badge--live { background: rgba(45,122,79,0.2); color: var(--green-txt); border: 1px solid rgba(45,122,79,0.4); }
.badge--reg { background: rgba(184,148,42,0.1); color: var(--gold); border: 1px solid rgba(184,148,42,0.3); }
.badge--resolved { background: rgba(90,106,138,0.15); color: var(--text-muted); border: 1px solid var(--border); }
.badge--bullish { background: rgba(45,122,79,0.2); color: var(--green-txt); border: 1px solid rgba(45,122,79,0.4); }
.badge--bearish { background: rgba(155,35,53,0.2); color: var(--red-txt); border: 1px solid rgba(155,35,53,0.4); }
.badge--breaking { background: rgba(155,35,53,0.2); color: var(--red-txt); border: 1px solid rgba(155,35,53,0.4); animation: flash 2s ease-in-out infinite; }
.badge--neutral { background: rgba(90,106,138,0.15); color: var(--text-muted); border: 1px solid var(--border); }
.pulse { animation: pulse 2s ease-in-out infinite; }

/* Featured Alert */
.featured-alert { background: linear-gradient(135deg, #1a0505, #2a0808); border-top: 1px solid rgba(155,35,53,0.4); border-bottom: 1px solid rgba(155,35,53,0.4); padding: var(--space-8) 0; }
.featured-alert__inner { max-width: 900px; margin: 0 auto; padding: 0 var(--space-6); }
.featured-alert__header { display: flex; gap: var(--space-4); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-4); }
.featured-alert__case { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); }
.featured-alert__headline { font-size: var(--text-2xl); color: #EDE6D6; margin-bottom: var(--space-4); line-height: 1.2; }
.featured-alert__body { font-size: var(--text-base); color: rgba(237,230,214,0.7); line-height: 1.7; margin-bottom: var(--space-6); max-width: 72ch; }
.featured-alert__actions { display: flex; align-items: center; gap: var(--space-6); flex-wrap: wrap; }
.featured-alert__price { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-muted); }
.price-val { font-size: var(--text-xl); color: var(--gold-light); }
.price-bearish { color: var(--red-txt); font-weight: 600; }
.price-bullish { color: var(--green-txt); font-weight: 600; }
.price-neutral { color: var(--text-muted); font-weight: 600; }

/* Sections */
.section-inner { max-width: 1200px; margin: 0 auto; padding: var(--space-20) var(--space-6); }
.section-title { font-size: var(--text-3xl); color: var(--text); margin-bottom: var(--space-4); }
.section-sub { font-size: var(--text-base); color: var(--text-muted); max-width: 60ch; margin-bottom: var(--space-8); }

/* How It Works */
.how-it-works { background: var(--surface); }
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: var(--space-6); }
.step { padding: var(--space-6); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: border-color var(--transition); }
.step:hover { border-color: var(--gold); }
.step__num { font-family: var(--font-mono); font-size: var(--text-3xl); font-weight: 700; color: rgba(184,148,42,0.2); line-height: 1; margin-bottom: var(--space-4); }
.step__title { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.step__body { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; }

/* Who Benefits */
.who-benefits { background: var(--bg); }
.benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: var(--space-6); }
.benefit-card { padding: var(--space-6); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.benefit-card__icon { font-size: 2rem; margin-bottom: var(--space-4); }
.benefit-card__title { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.benefit-card__body { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; }

/* Markets section */
.markets { background: var(--surface); }
.markets__header { margin-bottom: var(--space-8); }
.markets__filters { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-4); }
.market-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px,1fr)); gap: var(--space-5); }

/* Market Card (new class names) */
.market-card { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5); transition: all var(--transition); cursor: pointer; }
.market-card:hover { border-color: var(--gold); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.market-card--active { border-color: rgba(45,122,79,0.4); }
.market-card--active:hover { border-color: var(--green-txt); }
.market-card__header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--space-3); }
.market-card__meta { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.market-card__industry { font-size: 11px; color: var(--gold); background: rgba(184,148,42,0.1); border: 1px solid rgba(184,148,42,0.25); padding: 2px 8px; border-radius: var(--radius-sm); font-weight: 500; }
.market-card__signal { font-size: 11px; font-weight: 600; }
.signal-up { color: var(--green-txt); }
.signal-down { color: var(--red-txt); }
.signal-flat { color: var(--text-muted); }
.market-card__name { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: var(--text); margin-bottom: var(--space-1); }
.market-card__case { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); margin-bottom: var(--space-4); }
.market-card__price-row { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: var(--space-4); }
.price-big { font-family: var(--font-mono); font-size: var(--text-3xl); font-weight: 700; color: var(--text); line-height: 1; }
.price-label { font-size: var(--text-xs); color: var(--text-muted); display: block; margin-top: 4px; }
.market-card__spark { flex-shrink: 0; }
.market-card__stats { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--space-3); margin-bottom: var(--space-4); border-top: 1px solid var(--border); padding-top: var(--space-4); }
.stat-pair { }
.stat-key { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-faint); display: block; }
.stat-val { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text); margin-top: 2px; display: block; }
.market-card__news { padding: var(--space-3) var(--space-4); background: var(--surface); border-radius: var(--radius-md); border-left: 3px solid var(--border); margin-bottom: var(--space-4); }
.market-card__news-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; margin-bottom: var(--space-1); }
.impact-bullish { color: var(--green-txt) !important; }
.impact-bearish { color: var(--red-txt) !important; }
.impact-mixed { color: var(--amber-txt) !important; }
.market-card__news-headline { font-size: var(--text-xs); color: var(--text); font-weight: 500; line-height: 1.4; margin-bottom: var(--space-1); }
.market-card__news-date { font-family: var(--font-mono); font-size: 10px; color: var(--text-faint); }
.market-card__cta { text-align: right; }
.market-card__cta-text { font-size: var(--text-xs); color: var(--gold); font-weight: 500; }

/* MODAL */
.modal-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(5,10,20,0.88); backdrop-filter: blur(8px); display: none; align-items: flex-start; justify-content: center; padding: var(--space-8) var(--space-4); overflow-y: auto; }
.modal-overlay.active { display: flex; }
.modal { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); width: 100%; max-width: 1000px; position: relative; box-shadow: var(--shadow-lg); overflow: hidden; }
.modal__close { position: absolute; top: var(--space-4); right: var(--space-4); width: 36px; height: 36px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border); color: var(--text-muted); font-size: 1.25rem; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all var(--transition); }
.modal__close:hover { background: var(--border); color: var(--text); }
.modal-header { background: linear-gradient(135deg, var(--navy-deep), #162035); padding: var(--space-8) var(--space-8) var(--space-6); border-bottom: 1px solid rgba(184,148,42,0.25); }
.modal-header__top { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-3); }
.modal-industry { font-size: 11px; color: var(--gold); background: rgba(184,148,42,0.12); border: 1px solid rgba(184,148,42,0.3); padding: 2px 8px; border-radius: var(--radius-sm); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
.modal-title { font-size: var(--text-3xl); color: #EDE6D6; margin-bottom: var(--space-3); }
.modal-case-meta { font-family: var(--font-mono); font-size: var(--text-xs); color: rgba(237,230,214,0.5); line-height: 1.6; }
.modal-body { display: grid; grid-template-columns: 1fr 360px; gap: 0; }
@media (max-width: 900px) { .modal-body { grid-template-columns: 1fr; } }
.modal-col--main { padding: var(--space-6) var(--space-8); overflow-y: auto; max-height: 80vh; }
.modal-col--bet { background: var(--surface-2); border-left: 1px solid var(--border); padding: var(--space-6); position: sticky; top: 0; align-self: start; }
@media (max-width: 900px) { .modal-col--main { max-height: none; } .modal-col--bet { border-left: none; border-top: 1px solid var(--border); } }
.modal-price-panel { padding: var(--space-5); background: var(--surface-2); border-radius: var(--radius-lg); border: 1px solid var(--border); margin-bottom: var(--space-6); }
.modal-price-current { display: flex; align-items: baseline; gap: var(--space-3); margin-bottom: var(--space-4); }
.price-hero { font-family: var(--font-mono); font-size: var(--text-3xl); font-weight: 700; color: var(--gold-light); line-height: 1; }
.modal-price-stats { display: flex; gap: var(--space-5); flex-wrap: wrap; margin-bottom: var(--space-4); }
.modal-sparkline svg { width: 100%; height: 50px; }
.modal-section { margin-bottom: var(--space-8); }
.modal-section-title { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-faint); border-bottom: 1px solid var(--border); padding-bottom: var(--space-2); margin-bottom: var(--space-4); }
.modal-section-sub { font-size: var(--text-sm); color: var(--text-muted); margin-bottom: var(--space-4); }
.modal-section-body { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.7; }
.modal-section--hedge { background: linear-gradient(135deg, rgba(27,42,74,0.2), rgba(27,42,74,0.05)); border: 1px solid rgba(184,148,42,0.25); border-radius: var(--radius-lg); padding: var(--space-5); }
.modal-table { width: 100%; border-collapse: collapse; font-size: var(--text-xs); }
.modal-table tr:nth-child(even) td { background: rgba(0,0,0,0.05); }
.tbl-key { padding: var(--space-2) var(--space-3) var(--space-2) 0; color: var(--text-faint); font-family: var(--font-mono); white-space: nowrap; width: 40%; }
.tbl-val { padding: var(--space-2) var(--space-3); color: var(--text); font-family: var(--font-mono); }
.tbl-secured { color: var(--red-txt); }
.tbl-unsecured { color: var(--amber-txt); }
.tbl-divider td { padding: var(--space-2) 0; border-top: 1px solid var(--border); }
.modal-news-feed { display: flex; flex-direction: column; gap: var(--space-4); }
.modal-news-item { padding: var(--space-4); background: var(--surface-2); border-radius: var(--radius-md); border-left: 3px solid; }
.impact-bullish.modal-news-item, .modal-news-item:has(.impact-bullish.impact-badge) { border-color: var(--green-txt); }
.impact-bearish.modal-news-item, .modal-news-item:has(.impact-bearish.impact-badge) { border-color: var(--red-txt); }
.impact-mixed.modal-news-item { border-color: var(--amber-txt); }
.modal-news-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-2); flex-wrap: wrap; gap: var(--space-2); }
.modal-news-date { font-family: var(--font-mono); font-size: 10px; color: var(--text-faint); }
.impact-badge { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; padding: 1px 6px; border-radius: 3px; }
.impact-badge.impact-bullish { background: rgba(45,122,79,0.2); border: 1px solid rgba(45,122,79,0.4); }
.impact-badge.impact-bearish { background: rgba(155,35,53,0.2); border: 1px solid rgba(155,35,53,0.4); }
.impact-badge.impact-mixed { background: rgba(184,106,0,0.2); color: var(--amber-txt) !important; border: 1px solid rgba(184,106,0,0.4); }
.modal-news-headline { font-size: var(--text-sm); font-weight: 600; color: var(--text); margin-bottom: var(--space-2); line-height: 1.4; }
.modal-news-body { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; margin-bottom: var(--space-2); }
.modal-news-impact { font-size: 11px; color: var(--text-faint); font-style: italic; border-top: 1px solid var(--border); padding-top: var(--space-2); margin-bottom: var(--space-2); }
.modal-news-source { font-size: 10px; color: var(--text-faint); font-family: var(--font-mono); }

/* BET PANEL */
.bet-panel { }
.bet-panel__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }
.bet-panel__title { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--gold); text-transform: uppercase; letter-spacing: 0.1em; }
.bet-panel__balance { font-size: var(--text-xs); color: var(--text-muted); }
.bet-panel__disclaimer { font-size: 11px; color: var(--text-faint); background: rgba(184,148,42,0.06); border: 1px solid rgba(184,148,42,0.2); border-radius: var(--radius-sm); padding: var(--space-2) var(--space-3); margin-bottom: var(--space-5); font-family: var(--font-mono); }
.form-group { margin-bottom: var(--space-5); }
.form-label { display: block; font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--space-2); }
.form-input { width: 100%; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); border: 1.5px solid var(--border); background: var(--bg); color: var(--text); font-size: var(--text-sm); font-family: var(--font-body); transition: border-color var(--transition); }
.form-input:focus { outline: none; border-color: var(--gold); }
.form-range { width: 100%; accent-color: var(--gold); margin-top: var(--space-2); }
.range-labels { display: flex; justify-content: space-between; font-size: 10px; color: var(--text-faint); margin-top: var(--space-1); font-family: var(--font-mono); }
.bet-preview { background: var(--bg); border-radius: var(--radius-md); padding: var(--space-4); border: 1px solid var(--border); margin-bottom: var(--space-5); }
.bet-preview__row { display: flex; justify-content: space-between; align-items: center; font-size: var(--text-xs); padding: var(--space-1) 0; color: var(--text-muted); }
.bet-preview__payout { border-top: 1px solid var(--border); padding-top: var(--space-2); margin-top: var(--space-2); font-weight: 600; color: var(--text); font-size: var(--text-sm); }
.bet-preview__note { font-size: 10px; color: var(--text-faint); font-style: italic; margin-top: var(--space-3); }
.positions-panel { margin-top: var(--space-6); border-top: 1px solid var(--border); padding-top: var(--space-5); }
.positions-title { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-faint); margin-bottom: var(--space-4); }
.position-item { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); margin-bottom: var(--space-3); }
.position-item__row { display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--text-muted); margin-bottom: 2px; }
.position-dir { font-weight: 700; }
.position-time { color: var(--text-faint); font-family: var(--font-mono); }

/* BUTTONS (new class names) */
.btn--primary { background: var(--gold); color: var(--navy-deep); border: 1.5px solid var(--gold); font-weight: 700; }
.btn--primary:hover { background: var(--gold-light); border-color: var(--gold-light); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(184,148,42,0.4); }
.btn--ghost { background: transparent; color: var(--text-muted); border: 1.5px solid var(--border); }
.btn--ghost:hover { border-color: var(--gold); color: var(--gold); }
.btn--lg { padding: var(--space-3) var(--space-8); font-size: var(--text-base); border-radius: var(--radius-lg); }
.btn--sm { padding: var(--space-1) var(--space-4); font-size: var(--text-xs); }
.btn--full { width: 100%; justify-content: center; }

/* BIO section */
.bio { background: var(--navy-deep); }
.bio__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-16); align-items: start; }
@media (max-width: 768px) { .bio__inner { grid-template-columns: 1fr; } }
.bio__label { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--gold); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: var(--space-3); }
.bio__name { font-size: var(--text-3xl); color: #EDE6D6; margin-bottom: var(--space-2); }
.bio__title { font-family: var(--font-mono); font-size: var(--text-sm); color: rgba(237,230,214,0.5); margin-bottom: var(--space-6); }
.bio__body { font-size: var(--text-sm); color: rgba(237,230,214,0.65); line-height: 1.8; margin-bottom: var(--space-5); max-width: 68ch; }
.bio__credential-panel { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.credential { padding: var(--space-5); background: rgba(255,255,255,0.04); border: 1px solid rgba(184,148,42,0.2); border-radius: var(--radius-lg); }
.credential__num { display: block; font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; color: var(--gold-light); line-height: 1; margin-bottom: var(--space-2); }
.credential__label { font-size: var(--text-xs); color: rgba(237,230,214,0.45); text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.4; }

/* REGULATORY */
.regulatory { background: var(--surface); }
.reg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: var(--space-5); }
.reg-item { padding: var(--space-6); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.reg-item--disclosure { border-color: rgba(184,148,42,0.4); background: rgba(184,148,42,0.03); }
.reg-item__date { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--gold); margin-bottom: var(--space-3); text-transform: uppercase; letter-spacing: 0.08em; }
.reg-item__headline { font-size: var(--text-base); font-weight: 600; color: var(--text); margin-bottom: var(--space-3); line-height: 1.4; }
.reg-item__body { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.6; margin-bottom: var(--space-4); }

/* SIGNUP */
.signup { background: linear-gradient(160deg, var(--navy-deep) 0%, #0a1628 100%); }
.signup__inner { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-16); align-items: start; }
@media (max-width: 768px) { .signup__inner { grid-template-columns: 1fr; } }
.signup__headline { font-size: var(--text-3xl); color: #EDE6D6; margin-bottom: var(--space-4); }
.signup__sub { font-size: var(--text-base); color: rgba(237,230,214,0.65); line-height: 1.7; margin-bottom: var(--space-6); max-width: 50ch; }
.signup__benefits { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
.signup__benefits li { font-size: var(--text-sm); color: rgba(237,230,214,0.55); padding-left: var(--space-5); position: relative; }
.signup__benefits li::before { content: '→'; position: absolute; left: 0; color: var(--gold); }
.signup__form { background: rgba(255,255,255,0.04); border: 1px solid rgba(184,148,42,0.25); border-radius: var(--radius-xl); padding: var(--space-8); }
.signup__disclaimer { font-size: 11px; color: rgba(237,230,214,0.3); text-align: center; margin-top: var(--space-4); }
.signup-confirm { font-size: var(--text-sm); color: var(--green-txt); background: rgba(45,122,79,0.1); border: 1px solid rgba(45,122,79,0.3); border-radius: var(--radius-lg); padding: var(--space-5); margin-top: var(--space-4); line-height: 1.6; }

/* FOOTER (new class names) */
.footer { background: var(--navy-deep); border-top: 1px solid rgba(184,148,42,0.15); padding: var(--space-12) 0 0; }
.footer__inner { max-width: 1200px; margin: 0 auto; padding: 0 var(--space-6) var(--space-10); display: flex; flex-direction: column; gap: var(--space-8); }
.footer__brand { }
.footer__logo { font-family: var(--font-display); font-size: 1.25rem; color: var(--gold-light); }
.footer__tagline { font-size: var(--text-xs); color: rgba(237,230,214,0.35); margin-top: var(--space-2); }
.footer__links { display: flex; gap: var(--space-6); flex-wrap: wrap; }
.footer__links a { font-size: var(--text-sm); color: rgba(237,230,214,0.4); transition: color var(--transition); }
.footer__links a:hover { color: var(--gold-light); }
.footer__legal { font-size: var(--text-xs); color: rgba(237,230,214,0.25); line-height: 1.7; border-top: 1px solid rgba(184,148,42,0.1); padding-top: var(--space-6); }
.footer__legal a { color: var(--gold-dim); }
.footer__legal a:hover { color: var(--gold); }

/* Responsive additions */
@media (max-width: 768px) {
  .market-grid { grid-template-columns: 1fr; }
  .market-card__stats { grid-template-columns: repeat(2,1fr); }
  .modal-body { grid-template-columns: 1fr; }
  .bio__credential-panel { grid-template-columns: 1fr 1fr; }
}

/* ─── PRE-FILING MARKETS SECTION ─────────────────────────────────────────── */
.prefiling {
  background: linear-gradient(180deg, #0f1c2e 0%, #1B2A4A 100%);
  border-top: 1px solid rgba(184,148,42,0.2);
  border-bottom: 1px solid rgba(184,148,42,0.2);
  padding: var(--space-16) 0;
}
.prefiling__header { text-align: center; margin-bottom: var(--space-10); }
.prefiling__eyebrow {
  display: inline-block;
  font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--gold); background: rgba(184,148,42,0.12);
  border: 1px solid rgba(184,148,42,0.3);
  padding: 4px 14px; border-radius: var(--radius-sm);
  margin-bottom: var(--space-4);
}
.prefiling__sub { max-width: 68ch; margin: 0 auto; }
.prefiling__cds-note {
  display: block; margin-top: var(--space-3);
  font-size: var(--text-sm); color: rgba(237,230,214,0.45);
  font-style: normal;
}

/* Stats bar */
.prefiling__stats {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: var(--space-4); margin-bottom: var(--space-10);
  background: rgba(0,0,0,0.25); border: 1px solid rgba(184,148,42,0.15);
  border-radius: var(--radius-lg); padding: var(--space-6);
}
.prefiling__stat { text-align: center; }
.prefiling__stat-val {
  display: block; font-family: var(--font-mono);
  font-size: var(--text-2xl); font-weight: 700; color: var(--gold);
  line-height: 1.1; margin-bottom: var(--space-1);
}
.prefiling__stat-label { font-size: 11px; color: rgba(237,230,214,0.45); line-height: 1.4; }

/* How it works row */
.prefiling__how {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4); margin-bottom: var(--space-10);
}
.prefiling__how-item {
  display: flex; gap: var(--space-4);
  background: rgba(255,255,255,0.03); border: 1px solid rgba(184,148,42,0.12);
  border-radius: var(--radius-lg); padding: var(--space-5);
}
.prefiling__how-num {
  font-family: var(--font-mono); font-size: var(--text-2xl); font-weight: 700;
  color: rgba(184,148,42,0.35); line-height: 1; flex-shrink: 0;
}
.prefiling__how-body strong { display: block; color: var(--gold-light); margin-bottom: var(--space-2); font-size: var(--text-sm); }
.prefiling__how-body p { font-size: var(--text-sm); color: rgba(237,230,214,0.55); line-height: 1.6; margin: 0; }

/* Pre-filing card grid */
.prefiling__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-4);
}

/* Pre-filing cards */
.pf-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(184,148,42,0.15);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  cursor: pointer;
  transition: all var(--transition);
  display: flex; flex-direction: column; gap: var(--space-3);
}
.pf-card:hover {
  border-color: var(--gold);
  background: rgba(184,148,42,0.05);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.pf-card--resolved { opacity: 0.75; }
.pf-card--resolved:hover { opacity: 1; border-color: rgba(90,106,138,0.6); }
.pf-card__header { display: flex; justify-content: space-between; align-items: flex-start; }
.pf-card__meta { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.pf-card__name {
  font-family: var(--font-display); font-size: var(--text-xl);
  font-weight: 700; color: var(--text); margin: 0;
}
.pf-card__ticker { font-family: var(--font-mono); font-size: 10px; color: var(--text-muted); }
.pf-card__ratings { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.pf-rating {
  font-family: var(--font-mono); font-size: 10px;
  background: rgba(184,148,42,0.1); border: 1px solid rgba(184,148,42,0.2);
  color: var(--gold-dim); padding: 2px 6px; border-radius: var(--radius-sm);
}

/* Contract windows inside card */
.pf-card__contracts { display: flex; gap: var(--space-3); }
.pf-contract {
  flex: 1; text-align: center;
  background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.05);
  border-radius: var(--radius-md); padding: var(--space-2) var(--space-1);
}
.pf-contract--resolved {
  background: rgba(184,148,42,0.08); border-color: rgba(184,148,42,0.25);
}
.pf-contract__window { font-size: 9px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 2px; }
.pf-contract__price { font-family: var(--font-mono); font-size: var(--text-lg); font-weight: 700; color: var(--gold-light); line-height: 1; }
.pf-contract__spark { margin: 4px 0; }
.pf-contract__label { font-size: 9px; color: var(--text-muted); }

/* Hedger / CTA strip */
.pf-card__hedgers {
  font-size: var(--text-xs); color: rgba(237,230,214,0.45);
  line-height: 1.5; flex: 1;
}
.pf-card__hedgers-label { color: var(--gold-dim); font-weight: 600; }
.pf-card__cta {
  font-size: var(--text-xs); color: var(--gold); font-weight: 600;
  padding-top: var(--space-2); border-top: 1px solid rgba(184,148,42,0.15);
}

/* Pre-filing modal extras */
.pf-modal-contracts { display: flex; gap: var(--space-4); margin-bottom: var(--space-2); flex-wrap: wrap; }
.pf-modal-contract {
  flex: 1; min-width: 120px;
  background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.07);
  border-radius: var(--radius-md); padding: var(--space-4); text-align: center;
}
.pf-modal-contract--settled {
  background: rgba(184,148,42,0.08); border-color: rgba(184,148,42,0.3);
}
.pf-mc__window { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: var(--space-1); }
.pf-mc__price { font-family: var(--font-mono); font-size: var(--text-2xl); font-weight: 700; color: var(--gold-light); line-height: 1; margin-bottom: var(--space-2); }
.pf-mc__spark { margin: var(--space-2) 0; }
.pf-mc__label { font-size: 10px; color: rgba(237,230,214,0.4); line-height: 1.4; }

.pf-risk-list { margin: 0; padding-left: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
.pf-risk-list li { font-size: var(--text-sm); color: rgba(237,230,214,0.65); line-height: 1.5; }

.pf-hedger-desc { font-size: var(--text-sm); color: rgba(237,230,214,0.7); margin-bottom: var(--space-4); line-height: 1.6; }
.pf-hedge-box {
  background: rgba(27,42,74,0.6); border: 1px solid rgba(184,148,42,0.2);
  border-radius: var(--radius-md); padding: var(--space-4);
  font-size: var(--text-sm); color: rgba(237,230,214,0.6); line-height: 1.65;
}
.pf-hedge-box strong { color: var(--gold-dim); }

.pf-resolved-note {
  background: rgba(184,148,42,0.08); border: 1px solid rgba(184,148,42,0.25);
  border-radius: var(--radius-md); padding: var(--space-5);
  font-size: var(--text-sm); color: rgba(237,230,214,0.7); line-height: 1.65;
}
.pf-resolved-note strong { color: var(--gold-dim); }

.pf-bet-form { background: rgba(0,0,0,0.25); border: 1px solid rgba(184,148,42,0.2); border-radius: var(--radius-md); padding: var(--space-5); }
.pf-bet-title { font-family: var(--font-display); font-size: var(--text-base); color: var(--gold-light); margin-bottom: var(--space-4); }
.pf-bet-preview { background: rgba(0,0,0,0.2); border-radius: var(--radius-sm); padding: var(--space-3); margin: var(--space-3) 0; font-family: var(--font-mono); font-size: var(--text-sm); }
.pf-bet-preview .bet-preview__row { display: flex; justify-content: space-between; padding: 2px 0; color: rgba(237,230,214,0.6); }

/* Responsive */
@media (max-width: 900px) {
  .prefiling__stats { grid-template-columns: repeat(2, 1fr); }
  .prefiling__how { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .prefiling__stats { grid-template-columns: 1fr 1fr; }
  .prefiling__grid { grid-template-columns: 1fr; }
  .pf-card__contracts { flex-direction: column; }
  .pf-modal-contracts { flex-direction: column; }
}