/* src/styles/global.css */
/* ============================================================
   ACQUIREIQ — NATIONAL BUSINESS DEMAND INTELLIGENCE NETWORK
   Premium Design System with Light/Dark/Auto Mode
   Inspired by Bloomberg, PitchBook, CoStar, LoopNet
   ============================================================ */

/* ---- CSS Variables (Design Tokens) ---- */
:root {
  --brand-primary: #0f172a;
  --brand-accent: #2563eb;
  --brand-accent-hover: #1d4ed8;
  --brand-accent-light: #dbeafe;
  
  --signal-buyer: #3b82f6;
  --signal-seller: #10b981;
  --signal-investor: #8b5cf6;
  
  --status-success: #10b981;
  --status-warning: #f59e0b;
  --status-danger: #ef4444;
  
  /* Light Mode (Default) */
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f5f9;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --border-primary: #e2e8f0;
  --border-secondary: #f1f5f9;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);
  
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  
  --radius-sm: 6px; --radius: 8px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-2xl: 24px;
  
  --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---- Dark Mode ---- */
[data-theme="dark"] {
  --bg-primary: #0b1120;
  --bg-secondary: #1a2333;
  --bg-tertiary: #111d2e;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border-primary: #1e2a3a;
  --border-secondary: #0b1120;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.6);
}

/* ---- Auto Mode ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-primary: #0b1120;
    --bg-secondary: #1a2333;
    --bg-tertiary: #111d2e;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border-primary: #1e2a3a;
  }
}

/* ---- Reset & Base ---- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: var(--font-sans);
  background: var(--bg-primary);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  transition: var(--transition-slow);
}
.container { max-width: 1440px; margin: 0 auto; padding: 0 var(--space-4); }
.section { padding: var(--space-7) 0; }
.section-title { margin-bottom: var(--space-4); display: flex; align-items: center; gap: var(--space-2); }
.section-subtitle { color: var(--text-secondary); margin-bottom: var(--space-6); font-size: 18px; }

/* ---- AcquireIQ Signals™ Branding ---- */
.signals-brand {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.08em; color: var(--brand-accent);
}
.signals-brand::before {
  content: ''; display: inline-block; width: 6px; height: 6px;
  border-radius: 50%; background: var(--brand-accent);
  animation: pulse-dot 1.5s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.8); }
}

/* ---- Buttons ---- */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--space-2); padding: 10px 20px; border: none;
  border-radius: var(--radius); font-size: 14px; font-weight: 600;
  font-family: var(--font-sans); color: #fff;
  background: var(--brand-accent); cursor: pointer;
  transition: var(--transition); text-decoration: none; line-height: 1;
  box-shadow: var(--shadow-sm);
}
.btn:hover { background: var(--brand-accent-hover); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn-lg { padding: 14px 28px; font-size: 16px; border-radius: var(--radius-lg); }
.btn-sm { padding: 6px 14px; font-size: 12px; }
.btn-secondary { background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-primary); }
.btn-secondary:hover { background: var(--bg-tertiary); }

/* ---- Cards ---- */
.card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
}
.card:hover { box-shadow: var(--shadow-md); border-color: var(--text-muted); transform: translateY(-2px); }
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }
.card-title { font-size: 16px; font-weight: 600; color: var(--text-primary); }
.card-subtitle { font-size: 14px; color: var(--text-secondary); }

/* ---- Signal Card ---- */
.signal-card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
  position: relative; overflow: hidden;
}
.signal-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; }
.signal-card.buyer::before { background: var(--signal-buyer); }
.signal-card.seller::before { background: var(--signal-seller); }
.signal-card.investor::before { background: var(--signal-investor); }
.signal-card:hover { box-shadow: var(--shadow-md); border-color: var(--text-muted); transform: translateY(-2px); }
.signal-card .signal-title { font-size: 18px; font-weight: 700; margin: var(--space-2) 0; }
.signal-card .signal-meta { display: flex; gap: var(--space-4); flex-wrap: wrap; font-size: 14px; color: var(--text-secondary); margin: var(--space-2) 0; }

/* ---- Badges ---- */
.badge { display: inline-block; padding: 4px 12px; border-radius: 9999px; font-size: 12px; font-weight: 600; }
.badge-buyer { background: #eff6ff; color: var(--signal-buyer); }
.badge-seller { background: #ecfdf5; color: var(--signal-seller); }
.badge-investor { background: #f5f3ff; color: var(--signal-investor); }
.badge-success { background: #d1fae5; color: #065f46; }
.badge-warning { background: #fef3c7; color: #92400e; }
.badge-danger { background: #fee2e2; color: #991b1b; }
.badge-muted { background: var(--bg-tertiary); color: var(--text-muted); }

/* ---- Header ---- */
.header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px var(--space-5);
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-primary);
  position: sticky; top: 0; z-index: 100;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-slow);
}
.logo { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; color: var(--text-primary); text-decoration: none; display: flex; align-items: center; gap: var(--space-2); }
.logo .signals { font-size: 10px; font-weight: 600; color: var(--brand-accent); text-transform: uppercase; letter-spacing: 0.08em; background: var(--brand-accent-light); padding: 2px 8px; border-radius: var(--radius-sm); }
.nav { display: flex; align-items: center; gap: var(--space-6); }
.nav a { color: var(--text-secondary); text-decoration: none; font-size: 14px; font-weight: 500; transition: var(--transition); position: relative; }
.nav a:hover { color: var(--text-primary); }
.nav a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--brand-accent); transition: var(--transition); }
.nav a:hover::after { width: 100%; }

/* ---- Theme Toggle ---- */
.theme-toggle { background: none; border: none; color: var(--text-secondary); font-size: 18px; cursor: pointer; padding: var(--space-2); border-radius: var(--radius); transition: var(--transition); }
.theme-toggle:hover { background: var(--bg-tertiary); color: var(--text-primary); }

/* ---- Hero ---- */
.hero {
  padding: var(--space-8) var(--space-4);
  background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-tertiary) 100%);
  color: var(--text-primary);
  text-align: center;
  position: relative; overflow: hidden;
  border-bottom: 1px solid var(--border-primary);
}
.hero h1 { font-size: clamp(40px, 6vw, 72px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.1; margin-bottom: var(--space-4); position: relative; }
.hero p { font-size: 18px; max-width: 640px; margin: 0 auto var(--space-6); color: var(--text-secondary); position: relative; }

/* ---- Stats ---- */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-4); margin: var(--space-6) 0; }
.stat { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); text-align: center; box-shadow: var(--shadow-sm); transition: var(--transition); }
.stat:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.stat .num { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; color: var(--text-primary); line-height: 1.2; font-family: var(--font-mono); }
.stat .label { font-size: 14px; color: var(--text-secondary); margin-top: var(--space-1); }

/* ---- Live Ticker ---- */
.live-ticker {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-4) 0;
  overflow: hidden;
  position: relative;
}
.live-ticker .ticker-label {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.05em; color: var(--brand-accent);
  background: var(--brand-accent-light); padding: 2px 10px;
  border-radius: var(--radius-sm); margin-right: var(--space-4);
}
.live-ticker .ticker-content { display: inline-flex; gap: var(--space-6); overflow: hidden; white-space: nowrap; animation: ticker-scroll 20s linear infinite; }
@keyframes ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.live-ticker .ticker-item { display: inline-flex; align-items: center; gap: var(--space-2); font-size: 14px; color: var(--text-secondary); }
.live-ticker .ticker-item .time { font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); }

/* ---- Leaderboard ---- */
.leaderboard { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); overflow: hidden; }
.leaderboard-item { display: flex; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-primary); transition: var(--transition); }
.leaderboard-item:last-child { border-bottom: none; }
.leaderboard-item:hover { background: var(--bg-tertiary); }
.leaderboard-item .rank { font-family: var(--font-mono); font-size: 14px; font-weight: 700; color: var(--text-muted); width: 30px; }
.leaderboard-item .name { flex: 1; font-weight: 600; color: var(--text-primary); }
.leaderboard-item .value { font-family: var(--font-mono); font-size: 14px; font-weight: 600; color: var(--text-secondary); }

/* ---- Heat Map ---- */
.heat-map { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); min-height: 300px; }

/* ---- Tables ---- */
.table-wrap { overflow-x: auto; border-radius: var(--radius-lg); border: 1px solid var(--border-primary); }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
table thead { background: var(--bg-tertiary); }
table th { text-align: left; padding: 12px 16px; font-weight: 600; color: var(--text-secondary); border-bottom: 1px solid var(--border-primary); }
table td { padding: 12px 16px; border-bottom: 1px solid var(--border-primary); }
table tbody tr:hover { background: var(--bg-tertiary); }

/* ---- Demand Board Layout ---- */
.demand-board { display: grid; grid-template-columns: 260px 1fr; gap: var(--space-5); }
.demand-board-sidebar {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  height: fit-content;
  position: sticky; top: 80px;
}
.demand-board-sidebar .filter-group { margin-bottom: var(--space-4); }
.demand-board-sidebar .filter-group label { display: block; font-size: 12px; font-weight: 600; color: var(--text-secondary); margin-bottom: var(--space-1); }
.demand-board-sidebar .filter-group select,
.demand-board-sidebar .filter-group input {
  width: 100%; padding: 8px 12px; border: 1px solid var(--border-primary);
  border-radius: var(--radius); font-size: 13px; background: var(--bg-primary);
  color: var(--text-primary); outline: none; transition: var(--transition);
}
.demand-board-sidebar .filter-group select:focus,
.demand-board-sidebar .filter-group input:focus { border-color: var(--brand-accent); }

/* ---- Grid ---- */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-5); margin: var(--space-5) 0; }

/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .demand-board { grid-template-columns: 1fr; }
  .demand-board-sidebar { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); }
}
@media (max-width: 768px) {
  .nav { display: none; }
  .hero { padding: var(--space-6) var(--space-4); }
  .hero h1 { font-size: 32px; }
  .grid { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
  .demand-board-sidebar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .stats { grid-template-columns: 1fr; }
  .demand-board-sidebar { grid-template-columns: 1fr; }
  .live-ticker .ticker-content { animation-duration: 30s; }
}
/* ============================================================
   PAGE-SCOPED LAYOUT CLASSES (added to fix unstyled pages)
   Purely additive. Uses existing design tokens. No global
   element selectors. Nothing above this line is modified.
   ============================================================ */

/* ---- Page section wrappers ---- */
.market-section, .industry-section, .state-section, .board-section { padding: var(--space-6) 0; }
.national-intelligence { display: block; }

/* ---- Page headers (title + subtitle + count) ---- */
.admin-dash-header, .market-header, .industry-header, .state-header, .board-header,
.import-header, .approval-header, .verification-header, .user-header, .taxonomy-header {
  display: flex; justify-content: space-between; align-items: flex-end;
  flex-wrap: wrap; gap: var(--space-4); margin-bottom: var(--space-5);
}
.board-header-left { display: flex; flex-direction: column; gap: var(--space-1); }
.market-header-stats, .industry-header-stats, .state-header-stats, .board-header-right { display: flex; align-items: center; gap: var(--space-3); }
.admin-dash-title, .market-title, .industry-title, .state-title, .board-title,
.import-title, .approval-title, .verification-title, .user-title, .taxonomy-title {
  font-size: 28px; font-weight: 800; letter-spacing: -0.02em; color: var(--text-primary); line-height: 1.2;
}
.admin-dash-subtitle, .market-subtitle, .industry-subtitle, .state-subtitle, .board-subtitle,
.import-subtitle, .approval-subtitle, .verification-subtitle, .user-subtitle, .taxonomy-subtitle {
  font-size: 15px; color: var(--text-secondary); margin-top: var(--space-1);
}
.market-signals-count, .industry-signals-count, .state-signals-count, .board-signals-count {
  display: inline-flex; align-items: center; gap: var(--space-1);
  font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--brand-accent);
  background: var(--brand-accent-light); padding: 4px 12px; border-radius: var(--radius-sm);
}

/* ---- Horizontal metric strips ---- */
.market-metrics, .industry-metrics, .state-metrics, .board-metrics {
  display: flex; align-items: stretch; flex-wrap: wrap; gap: var(--space-2);
  background: var(--bg-secondary); border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg); padding: var(--space-4); margin: var(--space-5) 0; box-shadow: var(--shadow-sm);
}
.market-metric, .industry-metric, .state-metric, .board-metric {
  display: flex; flex-direction: column; gap: var(--space-1); flex: 1 1 120px; min-width: 100px; text-align: center;
}
.market-metric-value, .industry-metric-value, .state-metric-value, .board-metric-value {
  font-family: var(--font-mono); font-size: 22px; font-weight: 700; color: var(--text-primary); line-height: 1.2;
}
.market-metric-label, .industry-metric-label, .state-metric-label, .board-metric-label {
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted);
}
.market-metric-divider, .industry-metric-divider, .state-metric-divider, .board-metric-divider, .intel-strip-divider, .admin-metric-divider {
  width: 1px; background: var(--border-primary); align-self: stretch;
}

/* ---- Home intel strip ---- */
.intel-strip { background: var(--bg-secondary); border-bottom: 1px solid var(--border-primary); padding: var(--space-4) 0; }
.intel-strip-content { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); }
.intel-strip-item { display: flex; flex-direction: column; gap: 2px; flex: 1 1 140px; }
.intel-strip-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }
.intel-strip-value { font-family: var(--font-mono); font-size: 24px; font-weight: 700; color: var(--text-primary); }
.intel-strip-change { font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); }

/* ---- Panels (card with header/body/footer) ---- */
.admin-panel, .market-panel, .intel-panel, .industry-panel, .state-panel {
  background: var(--bg-secondary); border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); margin: var(--space-5) 0; overflow: hidden;
}
.admin-panel-header, .market-panel-header, .intel-panel-header, .industry-panel-header, .state-panel-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-primary); background: var(--bg-tertiary);
}
.admin-panel-title, .market-panel-title, .intel-panel-title, .industry-panel-title, .state-panel-title { font-weight: 700; font-size: 15px; color: var(--text-primary); }
.admin-panel-count, .market-panel-count, .intel-panel-count, .industry-panel-count, .state-panel-count { font-size: 12px; color: var(--text-muted); }
.admin-panel-body, .market-panel-body, .intel-panel-footer { padding: var(--space-4); }
.intel-panel-footer { border-top: 1px solid var(--border-primary); text-align: right; }
.intel-view-all, .market-link, .industry-link, .state-link { color: var(--brand-accent); text-decoration: none; font-weight: 600; }
.intel-view-all:hover, .market-link:hover, .industry-link:hover, .state-link:hover { text-decoration: underline; }

/* ---- Market / Home main grids ---- */
.market-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--space-5); margin: var(--space-5) 0; }
.market-leaderboards { display: flex; flex-direction: column; gap: var(--space-5); }
.intel-main { display: grid; grid-template-columns: 1fr 360px; gap: var(--space-5); margin: var(--space-5) 0; }
.intel-rankings { display: flex; flex-direction: column; gap: var(--space-5); }
.intel-map-container { padding: var(--space-4); }
.intel-feed-section { margin-bottom: var(--space-6); }

/* ---- Feed / signal lists ---- */
.intel-feed, .industry-signals, .state-signals { display: flex; flex-direction: column; }
.intel-feed-item {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-primary); flex-wrap: wrap;
}
.intel-feed-item:last-child { border-bottom: none; }
.intel-feed-item-left { display: flex; align-items: center; gap: var(--space-2); }
.intel-feed-item-center { display: flex; flex-direction: column; flex: 1; min-width: 120px; }
.intel-feed-item-right { display: flex; align-items: center; gap: var(--space-2); }
.intel-feed-item-industry { font-weight: 600; color: var(--text-primary); font-size: 14px; }
.intel-feed-item-state { font-size: 13px; color: var(--text-secondary); }
.intel-feed-item-budget { font-family: var(--font-mono); font-size: 13px; color: var(--text-secondary); }
.industry-signal-item, .state-signal-item { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border-primary); }
.industry-signal-header, .state-signal-header { display: flex; gap: var(--space-2); margin-bottom: var(--space-2); }
.industry-signal-body, .state-signal-body { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: 13px; color: var(--text-secondary); }
.industry-signal-industry, .state-signal-industry { font-weight: 600; color: var(--text-primary); }

/* ---- Composition blocks ---- */
.industry-composition, .state-composition { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-4); margin: var(--space-5) 0; }
.industry-composition-item, .state-composition-item {
  display: flex; flex-direction: column; gap: var(--space-1);
  background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4);
}
.industry-composition-label, .state-composition-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }
.industry-composition-value, .state-composition-value { font-family: var(--font-mono); font-size: 24px; font-weight: 700; }
.industry-composition-pct, .state-composition-pct { font-size: 13px; color: var(--text-secondary); }

/* ---- Scoped tables ---- */
.market-table-wrap, .industry-table-wrap, .state-table-wrap, .user-table-wrap, .taxonomy-table-wrap {
  overflow-x: auto; border-top: 1px solid var(--border-primary);
}
.market-table, .industry-table, .state-table, .user-table, .taxonomy-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.market-rank, .industry-rank, .state-rank, .market-value, .industry-value, .state-value { font-family: var(--font-mono); }

/* ---- Market activity bars ---- */
.market-activity { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); }
.market-activity-item { display: flex; align-items: center; gap: var(--space-3); }
.market-activity-date { font-size: 12px; color: var(--text-muted); width: 60px; flex-shrink: 0; }
.market-activity-bar { flex: 1; height: 10px; background: var(--bg-tertiary); border-radius: 9999px; overflow: hidden; }
.market-activity-fill { display: block; height: 100%; background: var(--brand-accent); border-radius: 9999px; }
.market-activity-count { font-family: var(--font-mono); font-size: 13px; color: var(--text-secondary); width: 36px; text-align: right; }

/* ---- Board (buyer/seller/investor) ---- */
.board-grid { display: grid; grid-template-columns: 260px 1fr; gap: var(--space-5); }
.board-filters { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); height: fit-content; position: sticky; top: 80px; }
.board-filters-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }
.board-filters-title { font-weight: 700; }
.board-filters-clear, .user-filter-clear, .taxonomy-search-clear { background: none; border: none; color: var(--brand-accent); cursor: pointer; font-size: 12px; font-weight: 600; }
.board-filters-divider { border: none; border-top: 1px solid var(--border-primary); margin: var(--space-4) 0; }
.board-filter-group { margin-bottom: var(--space-3); }
.board-filter-label { display: block; font-size: 12px; font-weight: 600; color: var(--text-secondary); margin-bottom: var(--space-1); }
.board-filter-input, .board-filter-select, .user-filter-select, .user-search-input, .taxonomy-search-input {
  width: 100%; padding: 8px 12px; border: 1px solid var(--border-primary); border-radius: var(--radius);
  font-size: 13px; background: var(--bg-primary); color: var(--text-primary); outline: none;
}
.board-filter-input:focus, .board-filter-select:focus { border-color: var(--brand-accent); }
.board-leaderboard-title { display: block; font-weight: 700; margin-bottom: var(--space-2); }
.board-results-header { display: flex; align-items: baseline; gap: var(--space-2); margin-bottom: var(--space-3); }
.board-results-count { font-weight: 700; }
.board-results-filtered { color: var(--brand-accent); }
.board-results-total { font-size: 13px; color: var(--text-muted); }
.board-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-4); }

/* ---- Admin shell (AdminLayout) ---- */
.admin-root { min-height: 100vh; background: var(--bg-primary); }
.admin-topnav { display: flex; justify-content: space-between; align-items: center; padding: 10px var(--space-5); background: var(--bg-secondary); border-bottom: 1px solid var(--border-primary); position: sticky; top: 0; z-index: 100; }
.admin-brand { display: flex; align-items: center; gap: var(--space-3); }
.admin-burger { display: none; background: none; border: none; font-size: 20px; cursor: pointer; color: var(--text-primary); }
.admin-account { display: flex; align-items: center; gap: var(--space-3); }
.admin-email { font-size: 13px; color: var(--text-secondary); }
.admin-body { display: grid; grid-template-columns: 220px 1fr; align-items: start; }
.admin-sidebar { display: flex; flex-direction: column; gap: 2px; padding: var(--space-4); background: var(--bg-secondary); border-right: 1px solid var(--border-primary); position: sticky; top: 56px; height: calc(100vh - 56px); }
.admin-link { display: block; padding: 10px 12px; border-radius: var(--radius); color: var(--text-secondary); text-decoration: none; font-size: 14px; font-weight: 500; }
.admin-link:hover { background: var(--bg-tertiary); color: var(--text-primary); }
.admin-link.active { background: var(--brand-accent-light); color: var(--brand-accent); font-weight: 600; }
.admin-content { padding: var(--space-6); }

/* ---- Admin dashboard ---- */
.admin-ops-grid, .admin-nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-4); margin: var(--space-5) 0; }
.admin-ops-card { display: flex; flex-direction: column; gap: var(--space-2); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.admin-ops-value { font-family: var(--font-mono); font-size: 36px; font-weight: 700; color: var(--text-primary); }
.admin-ops-label { font-size: 13px; color: var(--text-secondary); }
.admin-ops-link { color: var(--brand-accent); text-decoration: none; font-size: 13px; font-weight: 600; }
.admin-metrics-grid { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-3); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); margin: var(--space-5) 0; }
.admin-metric-item { display: flex; flex-direction: column; gap: var(--space-1); flex: 1 1 120px; text-align: center; }
.admin-metric-value { font-family: var(--font-mono); font-size: 22px; font-weight: 700; }
.admin-metric-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }
.admin-nav-item { display: flex; justify-content: space-between; align-items: center; background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); text-decoration: none; color: var(--text-primary); font-weight: 600; }
.admin-nav-item:hover { border-color: var(--brand-accent); }
.admin-nav-count { font-family: var(--font-mono); color: var(--text-muted); font-size: 13px; }
.admin-activity-feed { display: flex; flex-direction: column; }
.admin-activity-row { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--border-primary); }
.admin-activity-row:last-child { border-bottom: none; }
.admin-activity-description { flex: 1; color: var(--text-primary); }
.admin-activity-time { font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); }
.admin-activity-badge { display: inline-block; padding: 2px 8px; border-radius: var(--radius-sm); font-size: 11px; font-weight: 700; background: var(--bg-tertiary); color: var(--text-secondary); }

/* ---- Operations list pages (approval / verification / user / taxonomy) ---- */
.approval-list, .verification-list, .user-table-wrap, .taxonomy-list, .verification-levels-list { display: flex; flex-direction: column; gap: var(--space-3); }
.approval-item, .verification-item {
  display: flex; flex-direction: column; gap: var(--space-3);
  background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); box-shadow: var(--shadow-sm);
}
.approval-item-header, .verification-item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); flex-wrap: wrap; }
.approval-item-left, .verification-item-left { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.approval-item-right, .verification-item-right { display: flex; align-items: center; gap: var(--space-2); }
.approval-item-body, .verification-item-body { display: flex; flex-direction: column; gap: var(--space-2); }
.approval-item-details, .verification-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); }
.approval-item-actions, .verification-item-actions, .verification-action-buttons { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.verification-action-group { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.approval-detail, .verification-detail { display: flex; flex-direction: column; gap: 2px; }
.approval-detail-label, .verification-detail-label, .verification-level-select-label, .verification-levels-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }
.approval-detail-value, .verification-detail-value { font-size: 14px; color: var(--text-primary); }
.approval-serial, .verification-id { font-family: var(--font-mono); font-weight: 700; }
.approval-summary-text, .approval-item-summary, .verification-notes-text, .verification-item-notes { color: var(--text-secondary); font-size: 14px; }
.approval-date, .verification-date, .user-joined { font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); }
.approval-status, .verification-status, .verification-role { font-size: 12px; }

/* counts on ops pages */
.approval-count, .verification-count, .user-count, .taxonomy-count { display: inline-flex; align-items: baseline; gap: var(--space-1); }
.approval-count-value, .verification-count-value, .user-count-value, .taxonomy-count-value { font-family: var(--font-mono); font-size: 20px; font-weight: 700; color: var(--brand-accent); }
.approval-count-label, .verification-count-label, .user-count-label, .taxonomy-count-label { font-size: 12px; color: var(--text-muted); }

/* verification levels */
.verification-levels { display: flex; flex-direction: column; gap: var(--space-2); }
.verification-level { display: flex; align-items: center; gap: var(--space-2); }
.verification-level-name { font-weight: 600; }
.verification-level-rank, .verification-level-id { font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); }
.verification-level-select { padding: 8px 12px; border: 1px solid var(--border-primary); border-radius: var(--radius); background: var(--bg-primary); color: var(--text-primary); font-size: 13px; }

/* user table cells */
.user-name { font-weight: 600; color: var(--text-primary); }
.user-email { color: var(--text-secondary); font-size: 13px; }
.user-roles { display: flex; gap: var(--space-1); flex-wrap: wrap; }
.user-filters, .user-search, .taxonomy-search { display: flex; gap: var(--space-3); flex-wrap: wrap; align-items: center; margin-bottom: var(--space-4); }
.taxonomy-tabs { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-4); }

/* ---- Import center ---- */
.import-note { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-left: 3px solid var(--brand-accent); border-radius: var(--radius-lg); padding: var(--space-4); margin: var(--space-5) 0; }
.import-note-text { font-weight: 600; color: var(--text-primary); }
.import-note-detail { font-size: 14px; color: var(--text-secondary); margin-top: var(--space-1); }
.import-placeholder { text-align: center; background: var(--bg-secondary); border: 1px dashed var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-7) var(--space-4); }
.import-placeholder-icon { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }
.import-placeholder-title { font-size: 18px; font-weight: 700; margin: var(--space-2) 0; }
.import-placeholder-text { color: var(--text-secondary); max-width: 460px; margin: 0 auto; }

/* ---- Buttons / status helpers (scoped to ops buttons) ---- */
.approval-btn, .verification-btn, .verification-doc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-1);
  padding: 8px 16px; border: 1px solid var(--border-primary); border-radius: var(--radius);
  font-size: 13px; font-weight: 600; cursor: pointer; background: var(--bg-secondary); color: var(--text-primary);
}
.approval-btn:hover, .verification-btn:hover, .verification-doc-btn:hover { background: var(--bg-tertiary); }
.approval-btn.approve, .verification-btn.approve { background: var(--status-success); border-color: var(--status-success); color: #fff; }
.approval-btn.reject, .verification-btn.reject { background: var(--status-danger); border-color: var(--status-danger); color: #fff; }
.approval-status.pending, .verification-status.pending, .approval-btn.pending { color: var(--status-warning); }

/* ---- Badge primary ---- */
.badge-primary { background: var(--brand-accent-light); color: var(--brand-accent); }

/* ---- Shared loading / error / empty states ---- */
.admin-loading, .admin-error, .admin-empty, .market-loading, .market-error, .market-empty,
.industry-error, .state-error, .approval-empty, .verification-empty, .user-empty,
.taxonomy-empty, .taxonomy-loading, .taxonomy-error {
  padding: var(--space-6); text-align: center; color: var(--text-secondary);
}
.admin-error, .market-error, .industry-error, .state-error, .taxonomy-error { color: var(--status-danger); }

/* ---- Responsive collapses for new layouts ---- */
@media (max-width: 1024px) {
  .market-grid, .intel-main, .board-grid { grid-template-columns: 1fr; }
  .board-filters { position: static; }
  .admin-body { grid-template-columns: 1fr; }
  .admin-sidebar { position: fixed; left: 0; top: 56px; bottom: 0; width: 220px; transform: translateX(-100%); transition: var(--transition); z-index: 90; }
  .admin-body.menu-open .admin-sidebar { transform: translateX(0); }
  .admin-burger { display: inline-block; }
}
@media (max-width: 640px) {
  .market-metrics, .industry-metrics, .state-metrics, .board-metrics, .admin-metrics-grid { gap: var(--space-3); }
  .market-metric-divider, .industry-metric-divider, .state-metric-divider, .board-metric-divider, .admin-metric-divider, .intel-strip-divider { display: none; }
  .intel-feed-item { align-items: flex-start; }
}

/* ---- Supplementary: chips, tabs, grid-child safety (page-scoped) ---- */
.board-results, .intel-map-section, .market-panel, .admin-content { min-width: 0; }
.board-leaderboard { margin-top: var(--space-2); }
.intel-map-section { display: block; }
.admin-nav-label { font-weight: 600; }
.taxonomy-tab {
  padding: 6px 14px; border: 1px solid var(--border-primary); border-radius: var(--radius);
  background: var(--bg-secondary); color: var(--text-secondary); font-size: 13px; font-weight: 600; cursor: pointer;
}
.taxonomy-tab.active { background: var(--brand-accent-light); color: var(--brand-accent); border-color: var(--brand-accent); }
.user-role, .user-status, .approval-type, .admin-activity-type-indicator {
  display: inline-flex; align-items: center; padding: 2px 8px; border-radius: var(--radius-sm);
  font-size: 11px; font-weight: 600; background: var(--bg-tertiary); color: var(--text-secondary);
}
.industry-signal-budget, .industry-signal-state, .industry-signal-timeline,
.state-signal-budget, .state-signal-state, .state-signal-timeline { font-size: 13px; color: var(--text-secondary); }
.user-filter { display: flex; gap: var(--space-2); align-items: center; }

/* ============================================================
   USER DASHBOARD SHELL + FORM PRIMITIVES + SHARED UTILITIES
   Additive only. Uses existing design tokens. Mirrors the
   public/admin system so the dashboard matches the homepage.
   Nothing above this line is modified.
   ============================================================ */

/* ---- Dashboard shell (mirrors admin shell) ---- */
.dash-root { min-height: 100vh; background: var(--bg-primary); }
.dash-topnav { display: flex; justify-content: space-between; align-items: center; padding: 10px var(--space-5); background: var(--bg-secondary); border-bottom: 1px solid var(--border-primary); position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
.dash-brand { display: flex; align-items: center; gap: var(--space-3); }
.dash-burger { display: none; background: none; border: none; font-size: 20px; cursor: pointer; color: var(--text-primary); }
.dash-account { display: flex; align-items: center; gap: var(--space-3); }
.dash-email { font-size: 13px; color: var(--text-secondary); }
.dash-body { display: grid; grid-template-columns: 220px 1fr; align-items: start; }
.dash-sidebar { display: flex; flex-direction: column; gap: 2px; padding: var(--space-4); background: var(--bg-secondary); border-right: 1px solid var(--border-primary); position: sticky; top: 56px; height: calc(100vh - 56px); }
.dash-link { display: block; padding: 10px 12px; border-radius: var(--radius); color: var(--text-secondary); text-decoration: none; font-size: 14px; font-weight: 500; transition: var(--transition); }
.dash-link:hover { background: var(--bg-tertiary); color: var(--text-primary); }
.dash-link.active { background: var(--brand-accent-light); color: var(--brand-accent); font-weight: 600; }
.dash-content { padding: var(--space-6); min-width: 0; }
.dash-title { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; margin-bottom: var(--space-5); }

/* ---- Form primitives (also used by auth + admin login forms) ---- */
.form { display: flex; flex-direction: column; gap: var(--space-4); max-width: 640px; }
.field { display: flex; flex-direction: column; gap: var(--space-1); }
.field > label { font-size: 13px; font-weight: 600; color: var(--text-secondary); }
.field input:not([type="checkbox"]):not([type="radio"]), .field select, .field textarea,
.form input:not([type="checkbox"]):not([type="radio"]), .form select, .form textarea {
  width: 100%; padding: 10px 12px; border: 1px solid var(--border-primary); border-radius: var(--radius);
  font-size: 14px; font-family: var(--font-sans); background: var(--bg-primary); color: var(--text-primary);
  outline: none; transition: var(--transition);
}
.field input:focus, .field select:focus, .field textarea:focus,
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--brand-accent); }
.field textarea { min-height: 120px; resize: vertical; }
.field-inline { flex-direction: row; align-items: center; gap: var(--space-2); }
.field-inline input { width: auto; }
.req { color: var(--status-danger); }

/* ---- Status badge (demand-card / verification statuses) ---- */
.status-badge { display: inline-block; padding: 4px 12px; border-radius: 9999px; font-size: 12px; font-weight: 600; background: var(--bg-tertiary); color: var(--text-secondary); }
.status-badge.ok { background: #d1fae5; color: #065f46; }
.status-badge.warn { background: #fef3c7; color: #92400e; }
.status-badge.bad { background: #fee2e2; color: #991b1b; }
.status-badge.muted { background: var(--bg-tertiary); color: var(--text-muted); }

/* ---- Button variant ---- */
.btn-danger { background: var(--status-danger); color: #fff; }
.btn-danger:hover { background: #dc2626; }

/* ---- Shared utilities / states (used by dashboard + public DataState) ---- */
.muted { color: var(--text-secondary); }
.form-error { color: var(--status-danger); font-size: 14px; }
.form-success { color: var(--status-success); font-size: 14px; }
.empty-state { padding: var(--space-6); text-align: center; background: var(--bg-secondary); border: 1px dashed var(--border-primary); border-radius: var(--radius-lg); margin: var(--space-4) 0; }
.auth-shell { min-height: 60vh; display: flex; align-items: center; justify-content: center; padding: var(--space-6); }
.simple-wrap { max-width: 760px; margin: 0 auto; }
.notif-list { display: flex; flex-direction: column; gap: var(--space-3); }

/* ---- Responsive: collapse dashboard sidebar ---- */
@media (max-width: 1024px) {
  .dash-body { grid-template-columns: 1fr; }
  .dash-sidebar { position: fixed; left: 0; top: 56px; bottom: 0; width: 220px; transform: translateX(-100%); transition: var(--transition); z-index: 90; }
  .dash-body.menu-open .dash-sidebar { transform: translateX(0); }
  .dash-burger { display: inline-block; }
}

/* ============================================================
   PUBLIC SITE PROFESSIONALIZATION (additive, scoped, tokens only)
   New classes only — nothing above is modified or redefined.
   Reference feel: PitchBook / Bloomberg / CoStar / CB Insights.
   ============================================================ */

/* ---- Eyebrow / kicker label ---- */
.eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--brand-accent);
}
.eyebrow::before {
  content: ''; width: 18px; height: 1px; background: var(--brand-accent); opacity: 0.7;
}

/* ---- Home hero (left-aligned, corporate, two-column) ---- */
.intel-hero {
  border-bottom: 1px solid var(--border-primary);
  background:
    radial-gradient(900px 320px at 88% -10%, color-mix(in srgb, var(--brand-accent) 9%, transparent), transparent 70%),
    linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
}
.intel-hero-inner {
  display: grid; grid-template-columns: 1.15fr 0.85fr; gap: var(--space-7); align-items: center;
  padding: var(--space-8) 0 var(--space-7);
}
.intel-hero-title {
  font-size: clamp(32px, 4.4vw, 54px); line-height: 1.05; letter-spacing: -0.03em;
  font-weight: 800; color: var(--text-primary); margin: var(--space-4) 0 var(--space-4);
}
.intel-hero-title .accent { color: var(--brand-accent); }
.intel-hero-lead { font-size: 18px; line-height: 1.6; color: var(--text-secondary); max-width: 60ch; margin-bottom: var(--space-5); }
.intel-hero-cta { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-5); }
.intel-hero-assurances { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.assurance-chip {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-size: 12.5px; font-weight: 600; color: var(--text-secondary);
  background: var(--bg-secondary); border: 1px solid var(--border-primary);
  padding: 6px 12px; border-radius: 9999px;
}
.assurance-chip::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: var(--status-success);
}
.intel-hero-visual { position: relative; min-height: 260px; }
.net-mesh { width: 100%; height: auto; display: block; }
.net-mesh .mesh-line { stroke: var(--border-primary); stroke-width: 1; }
.net-mesh .mesh-node { fill: var(--text-muted); }
.net-mesh .mesh-node.live { fill: var(--brand-accent); }
.net-mesh .mesh-ring { fill: none; stroke: var(--brand-accent); opacity: 0.18; }
.net-mesh .mesh-core { fill: var(--brand-accent); }

/* ---- LIVE indicator (replaces 🔴) ---- */
.ticker-live { display: inline-flex; align-items: center; gap: var(--space-2); }
.ticker-live::before {
  content: ''; width: 7px; height: 7px; border-radius: 50%;
  background: var(--status-danger); box-shadow: 0 0 0 0 color-mix(in srgb, var(--status-danger) 60%, transparent);
  animation: pulse-dot 1.6s ease-in-out infinite;
}

/* ---- Home trust / confidentiality band ---- */
.trust-band {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-5);
  padding: var(--space-7) 0; border-top: 1px solid var(--border-primary); margin-top: var(--space-6);
}
.trust-band-item { display: flex; flex-direction: column; gap: var(--space-2); }
.trust-band-label { font-weight: 700; font-size: 15px; color: var(--text-primary); }
.trust-band-text { font-size: 14px; line-height: 1.6; color: var(--text-secondary); }

/* ---- Trust page ---- */
.public-trust { padding: var(--space-7) 0 var(--space-8); }
.trust-hero { max-width: 760px; margin-bottom: var(--space-6); }
.trust-hero h1 { font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.025em; line-height: 1.1; font-weight: 800; margin: var(--space-3) 0; }
.trust-lead { font-size: 18px; line-height: 1.6; color: var(--text-secondary); }
.trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-5); }
.trust-card { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.trust-card-title { display: flex; align-items: center; gap: var(--space-2); font-weight: 700; font-size: 16px; color: var(--text-primary); margin-bottom: var(--space-2); }
.trust-card-title::before { content: ''; width: 8px; height: 8px; border-radius: 2px; background: var(--brand-accent); }
.trust-card-text { font-size: 14px; line-height: 1.65; color: var(--text-secondary); }

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .intel-hero-inner { grid-template-columns: 1fr; gap: var(--space-5); padding: var(--space-7) 0 var(--space-6); }
  .intel-hero-visual { order: -1; min-height: 180px; max-width: 420px; }
}

/* ============================================================
   PUBLIC SITE — PHASE 1 SECTIONS, INDUSTRY VISUALS, FOOTER,
   ABOUT / CONTACT / TRUST CENTER  (additive, scoped, tokens only)
   New classes only — nothing above is modified or redefined.
   ============================================================ */

/* ---- Generic public section ---- */
.pub-section { padding: var(--space-8) 0; border-top: 1px solid var(--border-primary); }
.pub-section.alt { background: var(--bg-secondary); }
.pub-section-head { max-width: 720px; margin: 0 auto var(--space-6); text-align: center; }
.pub-section-head.left { margin-left: 0; text-align: left; }
.pub-section-title { font-size: clamp(24px, 3vw, 34px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: var(--space-2) 0; color: var(--text-primary); }
.pub-section-lead { font-size: 17px; line-height: 1.6; color: var(--text-secondary); }

/* ---- How it works ---- */
.how-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-5); }
.how-step { position: relative; background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.how-step-num { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--brand-accent); letter-spacing: 0.08em; }
.how-step-title { font-size: 16px; font-weight: 700; margin: var(--space-2) 0; color: var(--text-primary); }
.how-step-text { font-size: 14px; line-height: 1.6; color: var(--text-secondary); }

/* ---- Why (buyers / sellers / investors) ---- */
.why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-5); }
.why-card { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-top: 3px solid var(--brand-accent); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.why-card.buyer { border-top-color: var(--signal-buyer); }
.why-card.seller { border-top-color: var(--signal-seller); }
.why-card.investor { border-top-color: var(--signal-investor); }
.why-card h3 { font-size: 18px; font-weight: 700; margin-bottom: var(--space-3); }
.why-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); }
.why-list li { position: relative; padding-left: var(--space-5); font-size: 14px; line-height: 1.55; color: var(--text-secondary); }
.why-list li::before { content: ''; position: absolute; left: 0; top: 7px; width: 7px; height: 7px; border-radius: 2px; background: var(--brand-accent); }
.why-card.buyer .why-list li::before { background: var(--signal-buyer); }
.why-card.seller .why-list li::before { background: var(--signal-seller); }
.why-card.investor .why-list li::before { background: var(--signal-investor); }
.why-cta { margin-top: var(--space-4); }

/* ---- Industries covered ---- */
.ind-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); }
.ind-tile { display: flex; flex-direction: column; gap: var(--space-2); align-items: flex-start; text-decoration: none; background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); transition: var(--transition); box-shadow: var(--shadow-sm); }
.ind-tile:hover { border-color: var(--brand-accent); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.ind-icon { width: 40px; height: 40px; color: var(--brand-accent); }
.ind-icon svg { width: 100%; height: 100%; display: block; }
.ind-tile-name { font-size: 16px; font-weight: 700; color: var(--text-primary); }
.ind-tile-meta { font-size: 13px; color: var(--text-secondary); }
.ind-hero-visual { width: 64px; height: 64px; color: var(--brand-accent); flex-shrink: 0; }
.ind-hero-visual svg { width: 100%; height: 100%; }

/* ---- States covered ---- */
.states-grid { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.state-chip { display: inline-flex; align-items: center; gap: var(--space-2); font-size: 13px; font-weight: 600; text-decoration: none; color: var(--text-secondary); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius); padding: 6px 12px; transition: var(--transition); }
.state-chip:hover { border-color: var(--brand-accent); color: var(--brand-accent); }
.state-chip .code { font-family: var(--font-mono); font-weight: 700; color: var(--brand-accent); }

/* ---- Confidentiality process ---- */
.conf-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-4); counter-reset: conf; }
.conf-step { position: relative; padding: var(--space-5) var(--space-4) var(--space-4); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); }
.conf-step::before { counter-increment: conf; content: counter(conf); position: absolute; top: -14px; left: var(--space-4); width: 28px; height: 28px; border-radius: 50%; background: var(--brand-accent); color: #fff; font-family: var(--font-mono); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.conf-step-title { font-weight: 700; font-size: 15px; margin: var(--space-2) 0; }
.conf-step-text { font-size: 13.5px; line-height: 1.55; color: var(--text-secondary); }

/* ---- FAQ ---- */
.faq { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--space-4) var(--space-6); max-width: 980px; margin: 0 auto; }
.faq-item { border-bottom: 1px solid var(--border-primary); padding-bottom: var(--space-4); }
.faq-q { font-weight: 700; font-size: 15.5px; color: var(--text-primary); margin-bottom: var(--space-2); }
.faq-a { font-size: 14px; line-height: 1.6; color: var(--text-secondary); }

/* ---- CTA band ---- */
.cta-band { text-align: center; padding: var(--space-8) var(--space-4); border-radius: var(--radius-xl); margin: var(--space-7) 0;
  background: radial-gradient(700px 240px at 50% -20%, color-mix(in srgb, var(--brand-accent) 16%, transparent), transparent 70%), var(--bg-secondary);
  border: 1px solid var(--border-primary); }
.cta-band h2 { font-size: clamp(24px, 3.2vw, 36px); font-weight: 800; letter-spacing: -0.02em; margin-bottom: var(--space-3); }
.cta-band p { font-size: 17px; color: var(--text-secondary); max-width: 620px; margin: 0 auto var(--space-5); }
.cta-actions { display: flex; gap: var(--space-3); justify-content: center; flex-wrap: wrap; }

/* ---- Footer ---- */
.site-footer { border-top: 1px solid var(--border-primary); background: var(--bg-secondary); margin-top: var(--space-8); }
.footer-main { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: var(--space-6); padding: var(--space-8) 0 var(--space-7); }
.footer-brand .logo { font-size: 20px; }
.footer-tagline { font-size: 13.5px; line-height: 1.6; color: var(--text-secondary); margin-top: var(--space-3); max-width: 32ch; }
.footer-col h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: var(--space-3); }
.footer-col a { display: block; font-size: 14px; color: var(--text-secondary); text-decoration: none; padding: 4px 0; transition: var(--transition); }
.footer-col a:hover { color: var(--brand-accent); }
.footer-bottom { border-top: 1px solid var(--border-primary); padding: var(--space-4) 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); font-size: 13px; color: var(--text-muted); }
.footer-bottom .footer-legal { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.footer-bottom a { color: var(--text-muted); text-decoration: none; }
.footer-bottom a:hover { color: var(--text-secondary); }

/* ---- About page ---- */
.about-hero { padding: var(--space-8) 0 var(--space-6); border-bottom: 1px solid var(--border-primary); }
.about-hero h1 { font-size: clamp(30px, 4vw, 48px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; margin: var(--space-3) 0; }
.about-lead { font-size: 19px; line-height: 1.6; color: var(--text-secondary); max-width: 70ch; }
.about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-5); }
.about-card { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.about-card h3 { font-size: 17px; font-weight: 700; margin-bottom: var(--space-2); }
.about-card p { font-size: 14px; line-height: 1.65; color: var(--text-secondary); }
.principle-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); max-width: 760px; }
.principle-list li { display: flex; gap: var(--space-3); font-size: 15px; line-height: 1.6; color: var(--text-secondary); }
.principle-list li strong { color: var(--text-primary); }
.principle-list li::before { content: ''; flex-shrink: 0; width: 8px; height: 8px; margin-top: 8px; border-radius: 2px; background: var(--brand-accent); }

/* ---- Contact page ---- */
.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-5); }
.contact-card { display: flex; flex-direction: column; gap: var(--space-2); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.contact-card h3 { font-size: 16px; font-weight: 700; }
.contact-card p { font-size: 14px; line-height: 1.6; color: var(--text-secondary); flex: 1; }
.contact-card .btn { align-self: flex-start; margin-top: var(--space-2); }

/* ---- Trust Center ---- */
.trust-center { padding: var(--space-7) 0 var(--space-8); }
.trust-section { padding: var(--space-6) 0; border-top: 1px solid var(--border-primary); }
.trust-levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-4); }
.trust-level { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); }
.trust-level-rank { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--brand-accent); letter-spacing: 0.08em; }
.trust-level h3 { font-size: 16px; font-weight: 700; margin: var(--space-2) 0; }
.trust-level p { font-size: 13.5px; line-height: 1.55; color: var(--text-secondary); }
.flow-steps { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.flow-step { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 9999px; padding: 8px 16px; font-size: 13.5px; font-weight: 600; color: var(--text-primary); }
.flow-arrow { color: var(--text-muted); font-family: var(--font-mono); }

/* ---- Responsive ---- */
@media (max-width: 960px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: var(--space-5); }
  .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .footer-main { grid-template-columns: 1fr; }
  .pub-section { padding: var(--space-7) 0; }
}

/* ============================================================
   HOMEPAGE REPOSITIONING — Demand-vs-Listings, Public-vs-Private,
   Broker band. Additive, scoped, tokens only. Homepage-only classes;
   nothing above is modified. (Choose-Your-Path reuses .why-grid/.why-card.)
   ============================================================ */

/* ---- Demand vs Listings (the inversion) ---- */
.dvl-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-5); align-items: stretch; }
.dvl-side { border-radius: var(--radius-lg); padding: var(--space-6); border: 1px solid var(--border-primary); }
.dvl-side.supply { background: var(--bg-secondary); color: var(--text-secondary); }
.dvl-side.demand { background: linear-gradient(180deg, color-mix(in srgb, var(--brand-accent) 10%, var(--bg-secondary)), var(--bg-secondary)); border-color: color-mix(in srgb, var(--brand-accent) 45%, var(--border-primary)); box-shadow: var(--shadow-md); }
.dvl-kicker { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-muted); }
.dvl-side.demand .dvl-kicker { color: var(--brand-accent); }
.dvl-title { font-size: clamp(20px, 2.4vw, 28px); font-weight: 800; letter-spacing: -0.02em; margin: var(--space-2) 0 var(--space-4); color: var(--text-primary); }
.dvl-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
.dvl-list li { position: relative; padding-left: var(--space-5); font-size: 14.5px; line-height: 1.5; }
.dvl-side.supply .dvl-list li::before { content: '×'; position: absolute; left: 0; top: -1px; color: var(--text-muted); font-weight: 700; }
.dvl-side.demand .dvl-list li::before { content: ''; position: absolute; left: 2px; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: var(--brand-accent); }
.dvl-side.demand .dvl-list li { color: var(--text-primary); font-weight: 500; }
.dvl-vs { display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-weight: 700; font-size: 14px; color: var(--text-muted); }
.dvl-vs span { border: 1px solid var(--border-primary); border-radius: 9999px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--bg-primary); }

/* ---- Public vs Private ---- */
.vis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.vis-card { border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); background: var(--bg-secondary); box-shadow: var(--shadow-sm); }
.vis-card.public { border-top: 3px solid var(--status-success); }
.vis-card.private { border-top: 3px solid var(--text-muted); background: var(--bg-tertiary); }
.vis-card h3 { font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); }
.vis-card h3::before { content: ''; width: 9px; height: 9px; border-radius: 50%; }
.vis-card.public h3::before { background: var(--status-success); }
.vis-card.private h3::before { background: var(--text-muted); }
.vis-row { display: flex; justify-content: space-between; gap: var(--space-3); padding: 9px 0; border-bottom: 1px dashed var(--border-primary); font-size: 14px; }
.vis-row:last-child { border-bottom: none; }
.vis-key { color: var(--text-secondary); }
.vis-val { font-family: var(--font-mono); font-weight: 600; color: var(--text-primary); }
.vis-card.private .vis-val { color: var(--text-muted); letter-spacing: 0.1em; }
.vis-note { margin-top: var(--space-4); font-size: 13px; color: var(--text-secondary); }

/* ---- Broker band ---- */
.broker-band { border: 1px solid var(--border-primary); border-radius: var(--radius-xl); padding: var(--space-7);
  background: radial-gradient(600px 220px at 90% -10%, color-mix(in srgb, var(--brand-accent) 12%, transparent), transparent 70%), var(--bg-secondary); }
.broker-inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-6); align-items: center; }
.broker-copy h2 { font-size: clamp(22px, 2.8vw, 32px); font-weight: 800; letter-spacing: -0.02em; margin-bottom: var(--space-3); }
.broker-copy p { font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin-bottom: var(--space-4); }
.broker-points { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
.broker-points li { position: relative; padding-left: var(--space-5); font-size: 15px; line-height: 1.5; color: var(--text-primary); }
.broker-points li::before { content: ''; position: absolute; left: 0; top: 6px; width: 8px; height: 8px; border-radius: 2px; background: var(--brand-accent); }

/* ---- Responsive ---- */
@media (max-width: 860px) {
  .dvl-grid { grid-template-columns: 1fr; }
  .dvl-vs { transform: rotate(90deg); padding: var(--space-2) 0; }
  .vis-grid { grid-template-columns: 1fr; }
  .broker-inner { grid-template-columns: 1fr; gap: var(--space-5); }
}

/* ============================================================
   HOMEPAGE — PREMIUM / EXECUTIVE-GRADE TREATMENT (v6)
   Additive, scoped, tokens only. Adds dark/light contrast bands,
   larger typography, premium spacing, a real hero console visual,
   and an executive-dashboard frame for the live intelligence.
   Homepage-only classes; nothing above is modified.
   ============================================================ */

/* ---- Dark context: locally flip surface vars so existing panels render dark ---- */
.aiq-dark {
  --bg-primary: #0b1120;
  --bg-secondary: #111c2e;
  --bg-tertiary: #0e1726;
  --text-primary: #f8fafc;
  --text-secondary: #9fb0c6;
  --text-muted: #64748b;
  --border-primary: #1e2a3d;
  --border-secondary: #16202f;
  background:
    radial-gradient(1200px 480px at 78% -8%, rgba(37, 99, 235, 0.18), transparent 60%),
    linear-gradient(180deg, #0b1120 0%, #0a0f1c 100%);
  color: var(--text-primary);
}
.aiq-dark .pub-section-title,
.aiq-dark h2 { color: #f8fafc; }
.aiq-dark .pub-section-lead { color: #9fb0c6; }
.aiq-dark .eyebrow { color: #6ea8fe; }
.aiq-dark .eyebrow::before { background: #6ea8fe; }

/* ---- Premium spacing rhythm for homepage sections ---- */
.national-intelligence .pub-section { padding: var(--space-9) 0; border-top: none; }
.national-intelligence .pub-section + .pub-section { border-top: 1px solid var(--border-primary); }
.national-intelligence .aiq-dark.pub-section,
.national-intelligence .aiq-dark.pub-section + .pub-section { border-top: none; }
.national-intelligence .pub-section-head { margin-bottom: var(--space-7); }
.national-intelligence .pub-section-title { font-size: clamp(28px, 3.6vw, 44px); line-height: 1.08; letter-spacing: -0.03em; }
.national-intelligence .pub-section-lead { font-size: 18px; }
.national-intelligence .eyebrow { margin-bottom: var(--space-3); }

/* ============================ HERO ============================ */
.aiq-hero {
  position: relative; overflow: hidden;
  --bg-primary: #0b1120; --bg-secondary: #111c2e; --text-primary: #f8fafc;
  --text-secondary: #9fb0c6; --border-primary: #20304a;
  background:
    radial-gradient(900px 520px at 82% -12%, rgba(37,99,235,0.28), transparent 60%),
    radial-gradient(700px 420px at 8% 110%, rgba(16,185,129,0.10), transparent 60%),
    linear-gradient(180deg, #0b1120 0%, #0a0f1c 100%);
  border-bottom: 1px solid #1b2740;
}
.aiq-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.5;
  background-image:
    linear-gradient(rgba(148,163,184,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,0.06) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(800px 400px at 70% 10%, #000 40%, transparent 75%);
  mask-image: radial-gradient(800px 400px at 70% 10%, #000 40%, transparent 75%);
}
.aiq-hero .container { position: relative; z-index: 1; }
.aiq-hero-inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: var(--space-8); align-items: center; padding: var(--space-10) 0; }
.aiq-eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;
  color: #6ea8fe; padding: 7px 14px; border: 1px solid rgba(110,168,254,0.32); border-radius: 9999px;
  background: rgba(37,99,235,0.08);
}
.aiq-h1 { font-size: clamp(40px, 6vw, 76px); line-height: 1.02; letter-spacing: -0.045em; font-weight: 800; color: #f8fafc; margin: var(--space-5) 0 var(--space-4); }
.aiq-h1 .accent { background: linear-gradient(120deg, #60a5fa, #818cf8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.aiq-lead { font-size: 19px; line-height: 1.6; color: #9fb0c6; max-width: 56ch; margin-bottom: var(--space-6); }
.aiq-cta { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-bottom: var(--space-6); }
.aiq-cta .btn-primary-xl {
  background: linear-gradient(120deg, #2563eb, #4f46e5); color: #fff; border: none;
  padding: 15px 28px; font-size: 16px; font-weight: 600; border-radius: 10px; text-decoration: none;
  box-shadow: 0 10px 30px rgba(37,99,235,0.35); transition: var(--transition);
}
.aiq-cta .btn-primary-xl:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(37,99,235,0.45); }
.aiq-cta .btn-ghost-xl {
  background: rgba(255,255,255,0.04); color: #e2e8f0; border: 1px solid rgba(159,176,198,0.28);
  padding: 15px 26px; font-size: 16px; font-weight: 600; border-radius: 10px; text-decoration: none; transition: var(--transition);
}
.aiq-cta .btn-ghost-xl:hover { background: rgba(255,255,255,0.09); border-color: rgba(159,176,198,0.5); }
.aiq-hero-trust { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.aiq-hero-trust span { display: inline-flex; align-items: center; gap: var(--space-2); font-size: 13px; color: #9fb0c6; }
.aiq-hero-trust span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px rgba(52,211,153,0.8); }

/* ---- Hero console (serious BI visual, not a doodle) ---- */
.aiq-console {
  position: relative; border-radius: 16px; padding: 18px;
  background: linear-gradient(180deg, rgba(20,32,52,0.92), rgba(12,19,33,0.92));
  border: 1px solid #243349; box-shadow: 0 30px 80px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  backdrop-filter: blur(4px);
}
.aiq-console-bar { display: flex; align-items: center; gap: 8px; padding-bottom: 14px; border-bottom: 1px solid #1d2b40; margin-bottom: 16px; }
.aiq-console-dot { width: 9px; height: 9px; border-radius: 50%; background: #334155; }
.aiq-console-dot.live { background: #34d399; box-shadow: 0 0 8px rgba(52,211,153,0.9); }
.aiq-console-title { margin-left: 6px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #7b8aa0; }
.aiq-console-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 14px; }
.aiq-console-chart { border: 1px solid #1f2d44; border-radius: 10px; background: #0c1626; padding: 12px; }
.aiq-console-chart .clabel { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: #64748b; text-transform: uppercase; }
.aiq-console-side { display: flex; flex-direction: column; gap: 12px; }
.aiq-stat { border: 1px solid #1f2d44; border-radius: 10px; background: #0c1626; padding: 10px 12px; }
.aiq-stat .k { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; }
.aiq-bars { display: flex; align-items: flex-end; gap: 5px; height: 30px; margin-top: 8px; }
.aiq-bars i { flex: 1; background: linear-gradient(180deg, #3b82f6, #1e40af); border-radius: 2px 2px 0 0; opacity: 0.9; }
.aiq-console-foot { display: flex; gap: 8px; margin-top: 14px; }
.aiq-pill { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: #93b4f5; border: 1px solid #25406e; background: rgba(37,99,235,0.12); border-radius: 6px; padding: 5px 9px; text-transform: uppercase; }

/* ============================ DEMAND vs LISTINGS (stronger) ============================ */
.national-intelligence .dvl-side { padding: var(--space-7); }
.national-intelligence .dvl-side.supply { background: var(--bg-tertiary); opacity: 0.92; }
.national-intelligence .dvl-side.demand {
  --text-primary: #f8fafc; --text-secondary: #9fb0c6;
  background: linear-gradient(165deg, #16213a 0%, #0c1626 100%);
  border: 1px solid #2a3f63; box-shadow: 0 24px 60px rgba(8,12,24,0.5), 0 0 0 1px rgba(37,99,235,0.12);
  transform: translateY(-6px);
}
.national-intelligence .dvl-side.demand .dvl-title { color: #f8fafc; }
.national-intelligence .dvl-side.demand .dvl-kicker { color: #6ea8fe; }
.national-intelligence .dvl-side.demand .dvl-list li { color: #e2e8f0; }

/* ============================ LIVE INTELLIGENCE (executive frame) ============================ */
.aiq-dark .intel-strip { background: transparent; border: none; }
.aiq-dark .intel-strip-content { border: 1px solid #1e2a3d; border-radius: 14px; background: rgba(17,28,46,0.6); }
.aiq-dark .intel-strip-value { color: #f8fafc; }
.aiq-dark .intel-strip-label { color: #7b8aa0; }
.aiq-dark .intel-panel { background: #111c2e; border: 1px solid #1e2a3d; box-shadow: 0 18px 50px rgba(0,0,0,0.45); }
.aiq-dark .intel-panel-title { color: #f8fafc; }
.aiq-dark .intel-panel-count { color: #7b8aa0; }
.aiq-dark .intel-view-all { color: #6ea8fe; }
.aiq-dark .leaderboard-item .name { color: #e2e8f0; }
.aiq-dark .intel-feed-item { border-color: #1e2a3d; }

/* ============================ INDUSTRY CARDS (premium) ============================ */
.national-intelligence .ind-tile { padding: var(--space-6); border-radius: 14px; }
.national-intelligence .ind-tile:hover { box-shadow: var(--shadow-lg); }
.national-intelligence .ind-icon { width: 44px; height: 44px; }

/* ============================ BROKER (dark band) ============================ */
.aiq-dark .broker-band {
  background: linear-gradient(165deg, #16213a 0%, #0c1626 100%);
  border: 1px solid #2a3f63; box-shadow: 0 30px 70px rgba(0,0,0,0.5);
}
.aiq-dark .broker-copy h2 { color: #f8fafc; }
.aiq-dark .broker-copy p { color: #9fb0c6; }
.aiq-dark .broker-points li { color: #e2e8f0; }

/* ============================ FINAL CTA (dark) ============================ */
.aiq-dark .cta-band {
  background: radial-gradient(700px 260px at 50% -20%, rgba(37,99,235,0.35), transparent 70%), #0c1626;
  border: 1px solid #243349;
}
.aiq-dark .cta-band h2 { color: #f8fafc; }
.aiq-dark .cta-band p { color: #9fb0c6; }

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .aiq-hero-inner { grid-template-columns: 1fr; gap: var(--space-6); padding: var(--space-8) 0; }
  .aiq-console { order: -1; }
  .national-intelligence .pub-section { padding: var(--space-8) 0; }
  .national-intelligence .dvl-side.demand { transform: none; }
}

/* ============================================================
   HOMEPAGE — REAL INTELLIGENCE BLOCKS (data, not decoration)
   Pulse band, ranked share-bars, composition, signal stream.
   Additive, scoped, tokens only. Nothing above is modified.
   ============================================================ */

/* Demand Pulse band */
.national-intelligence .pulse-section { padding: var(--space-7) 0; }
.pulse-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); }
.pulse-stat { display: flex; flex-direction: column; gap: 6px; padding: var(--space-3) var(--space-5); border-left: 2px solid var(--border-primary); }
.pulse-k { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); }
.pulse-v { font-size: clamp(26px, 3vw, 38px); font-weight: 800; letter-spacing: -0.02em; color: var(--text-primary); font-variant-numeric: tabular-nums; line-height: 1; }
.pulse-sub { font-size: 12.5px; color: var(--text-secondary); }
.trend.up { color: #34d399; }
.trend.down { color: #f87171; }
.trend.flat { color: var(--text-muted); }

/* Intelligence card columns */
.intel-cols, .texture-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
.intel-card { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: var(--shadow-sm); }
.intel-card-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border-primary); }
.intel-card-head span:first-child { font-weight: 700; font-size: 14.5px; color: var(--text-primary); }
.intel-card-meta { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); }

/* Ranked rows with share-of-volume bars */
.rank-row { display: grid; grid-template-columns: 1fr 88px auto; align-items: center; gap: var(--space-3); padding: 9px 0; text-decoration: none; border-bottom: 1px solid var(--border-secondary); transition: var(--transition); }
.rank-row:last-child { border-bottom: none; }
a.rank-row:hover .rank-name { color: var(--brand-accent); }
.rank-name { font-size: 14px; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rank-code { font-family: var(--font-mono); font-weight: 700; color: var(--brand-accent); margin-right: 4px; }
.rank-bar { height: 7px; background: var(--bg-tertiary); border-radius: 4px; overflow: hidden; }
.rank-fill { display: block; height: 100%; background: linear-gradient(90deg, var(--brand-accent), #60a5fa); border-radius: 4px; min-width: 2px; }
.rank-fill.alt { background: linear-gradient(90deg, var(--signal-investor), #a78bfa); }
.rank-val { font-family: var(--font-mono); font-weight: 700; font-size: 13px; color: var(--text-primary); min-width: 26px; text-align: right; }

/* Demand composition */
.comp-block { display: flex; flex-direction: column; gap: var(--space-3); }
.comp-row { display: grid; grid-template-columns: 92px 1fr auto; align-items: center; gap: var(--space-3); }
.comp-label { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--text-secondary); }
.comp-label .dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.dot.buyer { background: var(--signal-buyer); }
.dot.seller { background: var(--signal-seller); }
.dot.investor { background: var(--signal-investor); }
.comp-bar { height: 8px; background: var(--bg-tertiary); border-radius: 4px; overflow: hidden; }
.comp-fill { display: block; height: 100%; border-radius: 4px; min-width: 2px; }
.comp-fill.buyer { background: var(--signal-buyer); }
.comp-fill.seller { background: var(--signal-seller); }
.comp-fill.investor { background: var(--signal-investor); }
.comp-val { font-family: var(--font-mono); font-weight: 700; font-size: 13px; color: var(--text-primary); }
.comp-foot { margin-top: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--border-secondary); font-size: 13px; color: var(--text-secondary); }

/* Recent verified signal stream */
.sig-stream { display: flex; flex-direction: column; }
.sig-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-3); padding: 10px 0; border-bottom: 1px solid var(--border-secondary); }
.sig-row:last-child { border-bottom: none; }
.sig-where { font-size: 13.5px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Responsive */
@media (max-width: 900px) {
  .pulse-band { grid-template-columns: 1fr 1fr; }
  .intel-cols, .texture-cols { grid-template-columns: 1fr; }
}

/* ============================================================
   HOMEPAGE — DEMAND TERMINAL (intelligence-dominant dashboard)
   Dense, dark, Bloomberg/CoStar-style. Additive, scoped, tokens.
   ============================================================ */
.national-intelligence .demand-terminal { padding: var(--space-7) 0 var(--space-8); }
.terminal-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; margin-bottom: var(--space-5); }
.terminal-title { font-size: clamp(20px, 2.4vw, 28px); font-weight: 800; letter-spacing: -0.02em; color: #f8fafc; display: flex; align-items: center; gap: var(--space-3); }
.terminal-title::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 10px rgba(52,211,153,0.9); }
.terminal-meta { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.terminal-as-of { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; }
.depth-badge { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #93b4f5; border: 1px solid #25406e; background: rgba(37,99,235,0.12); border-radius: 6px; padding: 5px 10px; }

.metric-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: #1e2a3d; border: 1px solid #1e2a3d; border-radius: 12px; overflow: hidden; margin-bottom: var(--space-5); }
.metric { background: #0e1726; padding: var(--space-4); display: flex; flex-direction: column; gap: 6px; }
.metric-k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; }
.metric-v { font-size: clamp(20px, 2.2vw, 28px); font-weight: 800; color: #f8fafc; font-variant-numeric: tabular-nums; line-height: 1; }
.metric-sub { font-size: 11.5px; color: #7b8aa0; }

.terminal-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--space-4); margin-bottom: var(--space-4); align-items: start; }
.terminal-grid-2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); margin-bottom: var(--space-4); align-items: start; }
.dash-panel { background: #111c2e; border: 1px solid #1e2a3d; border-radius: 12px; padding: var(--space-4) var(--space-5); }
.dash-panel-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid #1e2a3d; }
.dash-panel-head .t { font-weight: 700; font-size: 13.5px; color: #f8fafc; }
.dash-panel-head .m { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #64748b; }
.dash-panel .map-wrap { min-height: 320px; }

/* Buyer–seller imbalance */
.imbalance { display: flex; flex-direction: column; gap: var(--space-3); }
.imb-ratio { font-size: clamp(22px, 2.6vw, 32px); font-weight: 800; color: #f8fafc; letter-spacing: -0.02em; }
.imb-ratio small { font-size: 13px; font-weight: 600; color: #7b8aa0; letter-spacing: 0; }
.imb-track { display: flex; height: 30px; border-radius: 6px; overflow: hidden; border: 1px solid #1e2a3d; }
.imb-buy { background: linear-gradient(90deg, #1e40af, #3b82f6); display: flex; align-items: center; padding: 0 10px; font-size: 11.5px; font-weight: 700; color: #fff; white-space: nowrap; }
.imb-sell { background: linear-gradient(90deg, #0e7a5f, #10b981); display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; font-size: 11.5px; font-weight: 700; color: #fff; white-space: nowrap; }
.imb-legend { display: flex; justify-content: space-between; font-size: 12px; color: #9fb0c6; }

/* Compact context strip (replaces long How/Choose prose) */
.ctx-flow { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.ctx-step { font-size: 13px; font-weight: 600; color: var(--text-primary); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: 9999px; padding: 7px 14px; }
.ctx-step .n { font-family: var(--font-mono); color: var(--brand-accent); margin-right: 7px; }
.ctx-arrow { color: var(--text-muted); font-family: var(--font-mono); }
.ctx-paths { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.ctx-path { font-size: 13px; font-weight: 600; text-decoration: none; color: var(--text-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius); padding: 8px 14px; transition: var(--transition); }
.ctx-path:hover { border-color: var(--brand-accent); color: var(--brand-accent); }

@media (max-width: 1000px) {
  .metric-row { grid-template-columns: repeat(3, 1fr); }
  .terminal-grid { grid-template-columns: 1fr; }
  .terminal-grid-2 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .metric-row { grid-template-columns: 1fr 1fr; }
  .terminal-grid-2 { grid-template-columns: 1fr; }
}

/* ============================================================
   HOMEPAGE PHASE 2 — TERMINAL HEADER + IMBALANCE DASHBOARD
   Additive, scoped, tokens only. Replaces hero with a thin
   terminal bar and a real demand-vs-supply imbalance board.
   ============================================================ */

/* Thin terminal header (replaces the marketing hero) */
.term-header { --bg-secondary:#111c2e; --text-primary:#f8fafc; --text-secondary:#9fb0c6; --border-primary:#1e2a3d;
  background: linear-gradient(180deg,#0b1120,#0a0f1c); border-bottom:1px solid #1b2740; }
.term-header-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); flex-wrap:wrap; padding:var(--space-5) 0; }
.term-id { display:flex; flex-direction:column; gap:6px; }
.term-id .brand { font-size:20px; font-weight:800; letter-spacing:-0.02em; color:#f8fafc; }
.term-id .brand .accent { color:#6ea8fe; }
.term-id .tag { font-size:13.5px; color:#9fb0c6; max-width:62ch; }
.term-ticker { display:flex; align-items:center; gap:var(--space-5); flex-wrap:wrap; }
.term-tk { display:flex; flex-direction:column; gap:2px; }
.term-tk .k { font-family:var(--font-mono); font-size:9.5px; letter-spacing:0.12em; text-transform:uppercase; color:#64748b; }
.term-tk .v { font-size:18px; font-weight:800; color:#f8fafc; font-variant-numeric:tabular-nums; line-height:1; }
.term-actions { display:flex; gap:var(--space-2); }

/* Imbalance dashboard (priority 1) */
.imb-hero { display:grid; grid-template-columns:1fr 1.2fr; gap:var(--space-5); align-items:stretch; }
.imb-headline { display:flex; flex-direction:column; justify-content:center; gap:var(--space-3); padding:var(--space-6); background:linear-gradient(165deg,#16213a,#0c1626); border:1px solid #2a3f63; border-radius:14px; }
.imb-big { font-size:clamp(40px,6vw,68px); font-weight:800; letter-spacing:-0.04em; color:#f8fafc; line-height:1; }
.imb-big small { display:block; font-size:15px; font-weight:600; color:#9fb0c6; letter-spacing:0; margin-top:8px; }
.imb-big .accent { color:#6ea8fe; }
.imb-track-lg { display:flex; height:38px; border-radius:8px; overflow:hidden; border:1px solid #243349; }
.imb-track-lg .imb-buy { background:linear-gradient(90deg,#1e40af,#3b82f6); }
.imb-track-lg .imb-sell { background:linear-gradient(90deg,#0e7a5f,#10b981); }
.imb-legend-lg { display:flex; justify-content:space-between; font-size:12.5px; color:#9fb0c6; }
.iq-sides { display:grid; grid-template-rows:repeat(3,1fr); gap:var(--space-3); }
.iq-side { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--space-4); padding:var(--space-4) var(--space-5); border:1px solid #1e2a3d; border-radius:12px; background:#111c2e; }
.iq-side .role { display:flex; flex-direction:column; gap:3px; min-width:130px; }
.iq-side .role .r { font-weight:700; font-size:14px; color:#f8fafc; }
.iq-side .role .s { font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:#64748b; }
.iq-side .idx { text-align:right; }
.iq-side .idx .n { font-size:26px; font-weight:800; color:#f8fafc; font-variant-numeric:tabular-nums; line-height:1; }
.iq-side .idx .c { font-size:12px; font-weight:600; }
.iq-side.demand { border-left:3px solid var(--signal-buyer); }
.iq-side.supply { border-left:3px solid var(--signal-seller); }
.iq-side.capital { border-left:3px solid var(--signal-investor); }
.iq-spark { width:120px; height:34px; }

/* Demand trends table */
.trend-table { display:flex; flex-direction:column; }
.trend-row { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:var(--space-4); padding:11px 0; border-bottom:1px solid var(--border-secondary); }
.trend-row:last-child { border-bottom:none; }
.trend-name { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--text-primary); }
.trend-idx { font-family:var(--font-mono); font-weight:700; font-size:15px; color:var(--text-primary); }
.trend-chg { font-size:13px; font-weight:700; min-width:88px; text-align:right; }

@media (max-width:1000px){ .imb-hero{grid-template-columns:1fr;} .term-ticker{gap:var(--space-4);} }

/* ============================================================
   HOMEPAGE PHASE 3 — FULL INTELLIGENCE TERMINAL
   6-metric ticker, market-pressure gauge, capital-flow grid.
   Additive, scoped, tokens only.
   ============================================================ */

/* Top ticker strip (Bloomberg-style) */
.ticker-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: #1b2740; border: 1px solid #1b2740; border-radius: 10px; overflow: hidden; margin-top: var(--space-4); }
.ticker-strip .tk { background: #0e1726; padding: var(--space-3) var(--space-4); display: flex; flex-direction: column; gap: 5px; }
.ticker-strip .tk .k { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: #64748b; }
.ticker-strip .tk .v { font-size: 20px; font-weight: 800; color: #f8fafc; font-variant-numeric: tabular-nums; line-height: 1; }

/* Market pressure gauge */
.pressure { display: flex; flex-direction: column; gap: 8px; margin-top: var(--space-3); }
.pressure-top { display: flex; justify-content: space-between; align-items: baseline; }
.pressure-top .lab { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; }
.pressure-top .val { font-size: 14px; font-weight: 800; color: #f8fafc; }
.gauge-track { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #10b981 0%, #64748b 50%, #3b82f6 100%); border: 1px solid #243349; }
.gauge-mark { position: absolute; top: -4px; width: 4px; height: 20px; background: #f8fafc; border-radius: 2px; box-shadow: 0 0 6px rgba(255,255,255,0.7); transform: translateX(-2px); }
.gauge-ends { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: #64748b; }

/* Capital flow grid */
.flow-grid { display: grid; grid-template-columns: 0.85fr 1fr 1fr; gap: var(--space-4); align-items: start; }
.flow-momentum { display: flex; flex-direction: column; gap: var(--space-2); }
.flow-momentum .big { font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: #f8fafc; letter-spacing: -0.03em; line-height: 1; }
.flow-momentum .chg { font-size: 14px; font-weight: 700; }
.flow-momentum .cap { font-size: 13px; color: #9fb0c6; }

@media (max-width: 1000px) {
  .ticker-strip { grid-template-columns: repeat(3, 1fr); }
  .flow-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) { .ticker-strip { grid-template-columns: 1fr 1fr; } }

/* ============================================================
   PREMIUM ENHANCEMENTS (additive — global polish layer)
   Inherited by every page. Token-based; no layout overrides.
   ============================================================ */

/* Crisper typography across platforms */
body {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Smooth in-page navigation, respecting reduced-motion users */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Refined, brand-consistent keyboard focus — premium + accessible.
   Replaces the default browser outline on interactive elements only. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.btn:focus-visible,
.btn-primary-xl:focus-visible,
.btn-ghost-xl:focus-visible {
  outline: 2px solid var(--brand-accent);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
/* Remove focus ring for pointer users who didn't tab to it */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.btn:focus:not(:focus-visible) {
  outline: none;
}

/* Inputs: subtle focus elevation for a considered, high-end feel */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  box-shadow: 0 0 0 3px var(--brand-accent-light);
}

/* Consistent link micro-interaction */
a { transition: color var(--transition), opacity var(--transition); }

/* Consistent card hover lift where not already specified */
.card { transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.card:hover { box-shadow: var(--shadow-md); }

/* Disabled controls read intentional, not broken */
button:disabled,
.btn:disabled,
.btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none !important;
}

/* Prevent horizontal overflow on small screens */
html, body { overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }

/* ============================================================
   HOME — APPROVED PREMIUM LIGHT THEME (scoped to .home-premium)
   Does NOT affect dashboards, admin, or other public pages.
   ============================================================ */
.home-premium {
  --hp-bg: #ffffff;
  --hp-bg-soft: #f6f9ff;
  --hp-blue: #2563eb;
  --hp-blue-dark: #1d4ed8;
  --hp-navy: #0f1e3d;
  --hp-ink: #1e293b;
  --hp-muted: #64748b;
  --hp-line: #e6eef7;
  --hp-card: #ffffff;
  --hp-shadow: 0 10px 30px rgba(15, 30, 61, 0.06);
  --hp-shadow-lg: 0 24px 60px rgba(15, 30, 61, 0.10);
  background: var(--hp-bg);
  color: var(--hp-ink);
  font-family: var(--font-sans);
}
.home-premium .hp-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.home-premium .hp-section { padding: 72px 0; }
.home-premium .hp-soft { background: var(--hp-bg-soft); }
.home-premium .hp-eyebrow {
  text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px; font-weight: 700;
  color: var(--hp-blue); margin: 0 0 10px;
}
.home-premium .hp-eyebrow.center { text-align: center; }
.home-premium .hp-eyebrow.light { color: #9db8ff; }
.home-premium .hp-head { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.home-premium .hp-h1 {
  font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.05; letter-spacing: -0.025em;
  color: var(--hp-navy); margin: 14px 0 18px; font-weight: 800;
}
.home-premium .hp-mark { position: relative; color: var(--hp-blue); white-space: nowrap; }
.home-premium .hp-mark::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0.06em; height: 0.18em;
  background: rgba(37, 99, 235, 0.22); border-radius: 4px; z-index: -1;
}
.home-premium .hp-h2 {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem); line-height: 1.12; letter-spacing: -0.02em;
  color: var(--hp-navy); margin: 0 0 10px; font-weight: 800;
}
.home-premium .hp-h2.light { color: #fff; }
.home-premium .hp-sub { font-size: 1.05rem; font-weight: 700; color: var(--hp-navy); margin: 28px 0 14px; }
.home-premium .hp-lead { font-size: clamp(1.02rem, 1.6vw, 1.18rem); line-height: 1.6; color: var(--hp-muted); margin: 0; }
.home-premium .hp-lead.light { color: #c7d6f5; }
.home-premium .hp-muted { color: var(--hp-muted); }

/* Buttons */
.home-premium .hp-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 26px; border-radius: 14px; font-weight: 700; font-size: 15px;
  text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; cursor: pointer;
}
.home-premium .hp-btn-primary { background: var(--hp-blue); color: #fff; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28); }
.home-premium .hp-btn-primary:hover { background: var(--hp-blue-dark); transform: translateY(-2px); box-shadow: 0 16px 34px rgba(37, 99, 235, 0.36); }
.home-premium .hp-btn-ghost { background: #fff; color: var(--hp-navy); border: 1px solid var(--hp-line); }
.home-premium .hp-btn-ghost:hover { transform: translateY(-2px); box-shadow: var(--hp-shadow); }
.home-premium .hp-pill {
  display: inline-block; padding: 7px 16px; border-radius: 999px; background: rgba(37, 99, 235, 0.08);
  color: var(--hp-blue); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
}
.home-premium .hp-reassure { font-size: 13px; color: var(--hp-muted); margin: 14px 0 0; }

/* Hero */
.home-premium .hp-hero { padding: 64px 0 40px; background: linear-gradient(180deg, #fff 0%, var(--hp-bg-soft) 100%); }
.home-premium .hp-hero-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.home-premium .hp-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 26px; }

/* Glass intelligence preview */
.home-premium .hp-glass {
  background: rgba(255, 255, 255, 0.86); backdrop-filter: blur(8px);
  border: 1px solid var(--hp-line); border-radius: 24px; box-shadow: var(--hp-shadow-lg); padding: 22px;
}
.home-premium .hp-preview-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.home-premium .hp-live { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13px; color: var(--hp-navy); }
.home-premium .hp-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,0.18); display: inline-block; }
.home-premium .hp-move { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #eef2ff; color: var(--hp-blue); }
.home-premium .hp-move.up { background: #e7f8ef; color: #15803d; }
.home-premium .hp-move.down { background: #fdecec; color: #b91c1c; }
.home-premium .hp-floats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
.home-premium .hp-float { background: var(--hp-bg-soft); border: 1px solid var(--hp-line); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 4px; }
.home-premium .hp-float-label { font-size: 11px; font-weight: 700; color: var(--hp-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.home-premium .hp-float-val { font-size: 22px; font-weight: 800; color: var(--hp-navy); }
.home-premium .hp-float.buyer { border-top: 3px solid var(--hp-blue); }
.home-premium .hp-float.seller { border-top: 3px solid #7c3aed; }
.home-premium .hp-float.investor { border-top: 3px solid #0891b2; }
.home-premium .trend { font-size: 11px; font-weight: 700; }
.home-premium .trend.up { color: #15803d; } .home-premium .trend.down { color: #b91c1c; } .home-premium .trend.flat { color: var(--hp-muted); }
.home-premium .hp-trend { background: var(--hp-bg-soft); border: 1px solid var(--hp-line); border-radius: 16px; padding: 16px; margin-bottom: 16px; }
.home-premium .hp-trend-bars { display: flex; align-items: flex-end; gap: 12px; height: 72px; }
.home-premium .hp-trend-bars span { flex: 1; background: linear-gradient(180deg, var(--hp-blue), #93c5fd); border-radius: 8px 8px 0 0; min-height: 8px; }
.home-premium .hp-trend-cap { display: block; font-size: 11px; color: var(--hp-muted); margin-top: 8px; }
.home-premium .hp-toplist-title { font-size: 12px; font-weight: 700; color: var(--hp-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.home-premium .hp-toprow { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
.home-premium .hp-topname { flex: 0 0 42%; font-size: 13px; color: var(--hp-ink); }
.home-premium .hp-topbar { flex: 1; height: 8px; background: var(--hp-line); border-radius: 999px; overflow: hidden; }
.home-premium .hp-topbar i { display: block; height: 100%; background: var(--hp-blue); border-radius: 999px; }

/* Stats */
.home-premium .hp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.home-premium .hp-stat { background: var(--hp-card); border: 1px solid var(--hp-line); border-radius: 20px; padding: 28px; text-align: center; box-shadow: var(--hp-shadow); }
.home-premium .hp-stat-v { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; color: var(--hp-blue); }
.home-premium .hp-stat-l { font-size: 13px; color: var(--hp-muted); margin-top: 6px; font-weight: 600; }

/* Chips */
.home-premium .hp-chips { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.home-premium .hp-chip { background: #fff; border: 1px solid var(--hp-line); border-radius: 999px; padding: 10px 20px; font-weight: 700; color: var(--hp-navy); font-size: 14px; box-shadow: var(--hp-shadow); }

/* Cards / grids */
.home-premium .hp-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.home-premium .hp-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.home-premium .hp-card { background: var(--hp-card); border: 1px solid var(--hp-line); border-radius: 20px; padding: 26px; box-shadow: var(--hp-shadow); transition: transform .2s ease, box-shadow .2s ease; }
.home-premium .hp-card:hover { transform: translateY(-3px); box-shadow: var(--hp-shadow-lg); }
.home-premium .hp-card-t { font-size: 17px; font-weight: 800; color: var(--hp-navy); margin: 0 0 8px; }
.home-premium .hp-card-d { font-size: 14px; line-height: 1.55; color: var(--hp-muted); margin: 0; }
.home-premium .hp-empty { text-align: center; padding: 40px; }

/* Timeline */
.home-premium .hp-timeline { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; counter-reset: step; }
.home-premium .hp-step { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; position: relative; }
.home-premium .hp-step::before { content: ''; position: absolute; top: 18px; left: 50%; width: 100%; height: 2px; background: var(--hp-line); z-index: 0; }
.home-premium .hp-step:last-child::before { display: none; }
.home-premium .hp-step-n { position: relative; z-index: 1; width: 38px; height: 38px; border-radius: 50%; background: var(--hp-blue); color: #fff; display: grid; place-items: center; font-weight: 800; box-shadow: 0 6px 16px rgba(37,99,235,0.3); }
.home-premium .hp-step-t { font-size: 13px; font-weight: 700; color: var(--hp-navy); }

/* Intelligence grid */
.home-premium .hp-intel-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.home-premium .hp-intel-heat { grid-column: 1 / -1; }
.home-premium .hp-activity { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.home-premium .hp-act { background: var(--hp-bg-soft); border: 1px solid var(--hp-line); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.home-premium .hp-act-label { font-size: 12px; font-weight: 700; color: var(--hp-muted); text-transform: uppercase; }
.home-premium .hp-act-val { font-size: 24px; font-weight: 800; color: var(--hp-navy); }

/* Tiles */
.home-premium .hp-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.home-premium .hp-tile { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--hp-line); border-radius: 16px; padding: 16px 18px; text-decoration: none; color: var(--hp-navy); font-weight: 700; font-size: 14px; box-shadow: var(--hp-shadow); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.home-premium .hp-tile:hover { transform: translateY(-2px); box-shadow: var(--hp-shadow-lg); border-color: #cfe0fb; }
.home-premium .hp-tile-sm { justify-content: center; }
.home-premium .hp-tile svg, .home-premium .hp-tile .ind-icon { width: 22px; height: 22px; color: var(--hp-blue); flex: 0 0 auto; }

/* Security (dark navy card) */
.home-premium .hp-secure { background: linear-gradient(135deg, #0f1e3d 0%, #16306b 100%); border-radius: 28px; padding: 56px; color: #fff; box-shadow: var(--hp-shadow-lg); }
.home-premium .hp-secure-head { max-width: 680px; margin: 0 auto 36px; text-align: center; }
.home-premium .hp-secure-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.home-premium .hp-secure-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 18px; padding: 22px; }
.home-premium .hp-secure-t { font-size: 15px; font-weight: 800; margin: 0 0 8px; color: #fff; }
.home-premium .hp-secure-d { font-size: 13px; line-height: 1.5; color: #c7d6f5; margin: 0; }

/* Final CTA */
.home-premium .hp-finalcta { background: #fff; border: 1px solid var(--hp-line); border-radius: 28px; padding: 56px; text-align: center; box-shadow: var(--hp-shadow); max-width: 820px; margin: 0 auto; }
.home-premium .hp-cta-form { display: flex; gap: 12px; justify-content: center; margin: 24px auto 0; max-width: 520px; flex-wrap: wrap; }
.home-premium .hp-input { flex: 1; min-width: 220px; padding: 14px 18px; border: 1px solid var(--hp-line); border-radius: 14px; font-size: 15px; color: var(--hp-ink); background: var(--hp-bg-soft); }
.home-premium .hp-input:focus-visible { outline: 2px solid var(--hp-blue); outline-offset: 2px; }

/* Responsive */
@media (max-width: 1024px) {
  .home-premium .hp-hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .home-premium .hp-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .home-premium .hp-secure-grid { grid-template-columns: repeat(2, 1fr); }
  .home-premium .hp-tiles { grid-template-columns: repeat(3, 1fr); }
  .home-premium .hp-timeline { grid-template-columns: repeat(4, 1fr); row-gap: 28px; }
  .home-premium .hp-step::before { display: none; }
}
@media (max-width: 760px) {
  .home-premium .hp-section { padding: 52px 0; }
  .home-premium .hp-stats { grid-template-columns: repeat(2, 1fr); }
  .home-premium .hp-grid-4, .home-premium .hp-grid-3, .home-premium .hp-intel-grid,
  .home-premium .hp-secure-grid, .home-premium .hp-activity { grid-template-columns: 1fr; }
  .home-premium .hp-floats { grid-template-columns: 1fr 1fr; }
  .home-premium .hp-tiles { grid-template-columns: repeat(2, 1fr); }
  .home-premium .hp-timeline { grid-template-columns: repeat(2, 1fr); }
  .home-premium .hp-secure, .home-premium .hp-finalcta { padding: 32px 22px; }
  .home-premium .hp-cta-form { flex-direction: column; }
}

/* ============================================================
   HOME V2 — PREMIUM SECTION REFINEMENTS (scoped to .home-premium)
   Overrides/augments the V1 home theme. No new pages affected.
   ============================================================ */

/* 1 — HERO DASHBOARD: layered, alive, elegant */
.home-premium .hp-hero {
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(37,99,235,0.08), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
}
.home-premium .hp-glass {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,251,255,0.92));
  border: 1px solid rgba(37,99,235,0.12);
  box-shadow: 0 30px 80px rgba(15,30,61,0.14), inset 0 1px 0 rgba(255,255,255,0.9);
  position: relative; overflow: hidden;
}
.home-premium .hp-glass::before {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(37,99,235,0.04) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(37,99,235,0.04) 1px, transparent 1px);
  background-size: 28px 28px; pointer-events: none; mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.home-premium .hp-preview-head, .home-premium .hp-floats,
.home-premium .hp-trend, .home-premium .hp-toplist { position: relative; z-index: 1; }
.home-premium .hp-float { background: rgba(255,255,255,0.8); box-shadow: 0 6px 18px rgba(15,30,61,0.05); transition: transform .2s ease, box-shadow .2s ease; }
.home-premium .hp-float:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(15,30,61,0.1); }
.home-premium .hp-float-val { font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.home-premium .hp-trend-bars span { background: linear-gradient(180deg, #1d4ed8, #60a5fa); box-shadow: 0 -2px 12px rgba(37,99,235,0.25); }

/* 2 — KPI CARDS: Stripe-grade */
.home-premium .hp-stats { gap: 24px; }
.home-premium .hp-stat {
  padding: 32px 28px; border-radius: 22px; text-align: left;
  border: 1px solid var(--hp-line);
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  box-shadow: 0 12px 34px rgba(15,30,61,0.06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position: relative;
}
.home-premium .hp-stat::after {
  content: ''; position: absolute; left: 28px; bottom: 22px; width: 28px; height: 3px;
  background: var(--hp-blue); border-radius: 3px; opacity: .85;
}
.home-premium .hp-stat:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(15,30,61,0.12); border-color: #cfe0fb; }
.home-premium .hp-stat-v { font-size: clamp(2.2rem, 3.4vw, 3rem); font-weight: 800; color: var(--hp-navy); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; line-height: 1; }
.home-premium .hp-stat-l { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hp-muted); margin-top: 12px; font-weight: 700; }

/* 3 — INDUSTRY CARDS */
.home-premium .hp-ind-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.home-premium .hp-ind-card {
  display: flex; align-items: center; gap: 16px; text-decoration: none;
  background: #fff; border: 1px solid var(--hp-line); border-radius: 20px; padding: 20px 22px;
  box-shadow: 0 10px 28px rgba(15,30,61,0.05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.home-premium .hp-ind-card:hover { transform: translateY(-3px); box-shadow: 0 20px 46px rgba(15,30,61,0.12); border-color: #cfe0fb; }
.home-premium .hp-ind-icon { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(180deg, #eef4ff, #e3edff); color: var(--hp-blue); }
.home-premium .hp-ind-icon svg, .home-premium .hp-ind-icon .ind-icon { width: 24px; height: 24px; }
.home-premium .hp-ind-body { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.home-premium .hp-ind-name { font-weight: 800; color: var(--hp-navy); font-size: 15px; }
.home-premium .hp-ind-blurb { font-size: 12.5px; color: var(--hp-muted); }
.home-premium .hp-ind-arrow { color: #b6c6e2; transition: transform .2s ease, color .2s ease; }
.home-premium .hp-ind-arrow svg { width: 20px; height: 20px; display: block; }
.home-premium .hp-ind-card:hover .hp-ind-arrow { color: var(--hp-blue); transform: translateX(4px); }

/* 4 — HEAT MAP */
.home-premium .hp-intel-heat .heat-map { padding: 6px 0 2px; }
.home-premium .hp-intel-heat .heat-map > div > div { border-radius: 10px !important; transition: transform .15s ease; }
.home-premium .hp-intel-heat .heat-map > div > div:hover { transform: translateY(-2px); }
.home-premium .hp-legend { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.home-premium .hp-legend-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hp-muted); font-weight: 700; }
.home-premium .hp-legend-scale { display: inline-flex; gap: 4px; }
.home-premium .hp-legend-scale i { width: 26px; height: 10px; border-radius: 3px; }

/* Leaderboards inside intelligence cards */
.home-premium .leaderboard-item { padding: 11px 0; border-bottom: 1px solid var(--hp-line); }
.home-premium .leaderboard-item .rank { color: var(--hp-blue); font-weight: 800; }
.home-premium .leaderboard-item .name { color: var(--hp-ink); font-weight: 600; }
.home-premium .leaderboard-item .value { color: var(--hp-navy); font-weight: 800; font-variant-numeric: tabular-nums; }

/* 5 — TIMELINE: Apple-grade */
.home-premium .hp-timeline { gap: 6px; }
.home-premium .hp-step::before { top: 22px; height: 2px; background: linear-gradient(90deg, #d7e3f7, #eaf1fc); }
.home-premium .hp-step-n {
  width: 46px; height: 46px; font-size: 15px; background: #fff; color: var(--hp-blue);
  border: 1.5px solid #d7e3f7; box-shadow: 0 8px 20px rgba(15,30,61,0.06);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.home-premium .hp-step:hover .hp-step-n { background: var(--hp-blue); color: #fff; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(37,99,235,0.3); }
.home-premium .hp-step-t { font-size: 12.5px; color: var(--hp-navy); letter-spacing: -0.01em; }

/* 6 — WHO WE SERVE: distinct personalities, still consistent */
.home-premium .hp-serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.home-premium .hp-serve-card {
  position: relative; background: #fff; border: 1px solid var(--hp-line); border-radius: 22px;
  padding: 28px; box-shadow: 0 12px 30px rgba(15,30,61,0.05); overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.home-premium .hp-serve-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--accent, var(--hp-blue)); opacity: .9; }
.home-premium .hp-serve-card:hover { transform: translateY(-4px); box-shadow: 0 24px 54px rgba(15,30,61,0.12); border-color: color-mix(in srgb, var(--accent, #2563eb) 35%, var(--hp-line)); }
.home-premium .hp-serve-icon {
  width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; margin-bottom: 16px;
  color: var(--accent, var(--hp-blue));
  background: color-mix(in srgb, var(--accent, #2563eb) 12%, #fff);
}
.home-premium .hp-serve-icon svg { width: 26px; height: 26px; }
.home-premium .hp-serve-t { font-size: 17px; font-weight: 800; color: var(--hp-navy); margin: 0 0 8px; }
.home-premium .hp-serve-d { font-size: 14px; line-height: 1.55; color: var(--hp-muted); margin: 0; }
/* Lead card gets emphasis */
.home-premium .hp-serve-lead { grid-column: span 1; background: linear-gradient(180deg, #fff, #f6f9ff); }
.home-premium .hp-serve-lead .hp-serve-icon { width: 58px; height: 58px; }
.home-premium .hp-serve-lead .hp-serve-t { font-size: 19px; }

/* 7 — SECURITY: exceptional */
.home-premium .hp-secure {
  background:
    radial-gradient(900px 400px at 12% -20%, rgba(96,165,250,0.18), transparent 60%),
    linear-gradient(135deg, #0c1a36 0%, #142a5e 100%);
  padding: 64px; position: relative; overflow: hidden;
}
.home-premium .hp-secure::after {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 40px 40px; mask-image: radial-gradient(700px 300px at 80% 120%, #000, transparent 70%); pointer-events: none;
}
.home-premium .hp-secure-head, .home-premium .hp-secure-grid { position: relative; z-index: 1; }
.home-premium .hp-secure-card {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); border-radius: 20px; padding: 26px;
  backdrop-filter: blur(6px); transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.home-premium .hp-secure-card:hover { transform: translateY(-4px); background: rgba(255,255,255,0.09); border-color: rgba(147,197,253,0.5); }
.home-premium .hp-secure-t { font-size: 16px; letter-spacing: -0.01em; }
.home-premium .hp-secure-d { color: #cdd9f2; }

@media (max-width: 1024px) {
  .home-premium .hp-ind-grid, .home-premium .hp-serve-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .home-premium .hp-ind-grid, .home-premium .hp-serve-grid { grid-template-columns: 1fr; }
  .home-premium .hp-stat { text-align: center; }
  .home-premium .hp-stat::after { left: 50%; transform: translateX(-50%); }
  .home-premium .hp-legend { flex-wrap: wrap; }
}

/* ============================================================
   PUBLIC PAGES — PREMIUM LIGHT THEME (scoped to .aiq-premium)
   Same design language as the approved Home. Re-skins existing
   page classes; no markup logic, APIs, or routes changed.
   Home (.home-premium) is untouched.
   ============================================================ */
.aiq-premium {
  --hp-bg: #ffffff; --hp-bg-soft: #f6f9ff; --hp-blue: #2563eb; --hp-blue-dark: #1d4ed8;
  --hp-navy: #0f1e3d; --hp-ink: #1e293b; --hp-muted: #64748b; --hp-line: #e6eef7;
  --hp-shadow: 0 12px 34px rgba(15,30,61,0.06); --hp-shadow-lg: 0 24px 60px rgba(15,30,61,0.12);
  background: var(--hp-bg); color: var(--hp-ink); font-family: var(--font-sans);
}
.aiq-premium .container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.aiq-premium .pub-section, .aiq-premium .market-section, .aiq-premium .board-section, .aiq-premium .trust-section { padding: 64px 0; background: transparent; }
.aiq-premium .pub-section:nth-of-type(even) { background: var(--hp-bg-soft); }

/* Headings / eyebrows / leads */
.aiq-premium h1 { font-size: clamp(2.1rem, 4.6vw, 3.3rem); line-height: 1.06; letter-spacing: -0.025em; color: var(--hp-navy); font-weight: 800; }
.aiq-premium h2 { font-size: clamp(1.5rem, 3.2vw, 2.2rem); line-height: 1.14; letter-spacing: -0.02em; color: var(--hp-navy); font-weight: 800; }
.aiq-premium h3 { color: var(--hp-navy); font-weight: 800; }
.aiq-premium .eyebrow, .aiq-premium .pub-section-head .eyebrow {
  text-transform: uppercase; letter-spacing: 0.12em; font-size: 12px; font-weight: 700; color: var(--hp-blue);
}
.aiq-premium .pub-section-title { font-size: clamp(1.5rem, 3.2vw, 2.2rem); color: var(--hp-navy); letter-spacing: -0.02em; }
.aiq-premium .pub-section-lead, .aiq-premium .section-subtitle, .aiq-premium .about-lead, .aiq-premium .trust-lead, .aiq-premium .card-subtitle {
  font-size: clamp(1rem, 1.6vw, 1.15rem); line-height: 1.62; color: var(--hp-muted);
}
.aiq-premium .pub-section-head { max-width: 760px; margin-bottom: 36px; }
.aiq-premium .pub-section-head.left { margin-left: 0; }

/* Buttons (shared classes re-skinned) */
.aiq-premium .btn, .aiq-premium .btn-primary, .aiq-premium .btn-secondary, .aiq-premium .btn-primary-xl, .aiq-premium .btn-ghost-xl {
  display: inline-flex; align-items: center; justify-content: center; padding: 13px 24px; border-radius: 14px;
  font-weight: 700; font-size: 15px; text-decoration: none; cursor: pointer; border: 1px solid transparent;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.aiq-premium .btn-primary, .aiq-premium .btn-primary-xl { background: var(--hp-blue); color: #fff; box-shadow: 0 10px 24px rgba(37,99,235,0.28); }
.aiq-premium .btn-primary:hover, .aiq-premium .btn-primary-xl:hover { background: var(--hp-blue-dark); transform: translateY(-2px); box-shadow: 0 16px 34px rgba(37,99,235,0.36); }
.aiq-premium .btn-secondary, .aiq-premium .btn-ghost-xl { background: #fff; color: var(--hp-navy); border-color: var(--hp-line); }
.aiq-premium .btn-secondary:hover, .aiq-premium .btn-ghost-xl:hover { transform: translateY(-2px); box-shadow: var(--hp-shadow); }

/* Forms */
.aiq-premium .field { margin-bottom: 18px; display: flex; flex-direction: column; gap: 7px; }
.aiq-premium .field label, .aiq-premium .board-filter-label { font-size: 13px; font-weight: 700; color: var(--hp-navy); letter-spacing: 0.01em; }
.aiq-premium .field input, .aiq-premium .field select, .aiq-premium .field textarea,
.aiq-premium .board-filter-select, .aiq-premium input[type="email"], .aiq-premium input[type="password"], .aiq-premium input[type="text"], .aiq-premium select {
  width: 100%; padding: 13px 15px; border: 1px solid var(--hp-line); border-radius: 13px; font-size: 15px;
  color: var(--hp-ink); background: var(--hp-bg-soft); transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.aiq-premium .field input:focus, .aiq-premium .field select:focus, .aiq-premium .field textarea:focus,
.aiq-premium .board-filter-select:focus, .aiq-premium input:focus, .aiq-premium select:focus {
  outline: none; border-color: var(--hp-blue); background: #fff; box-shadow: 0 0 0 4px rgba(37,99,235,0.12);
}
.aiq-premium .field-inline { display: flex; gap: 14px; flex-wrap: wrap; }
.aiq-premium .field-inline .field { flex: 1; min-width: 160px; }
.aiq-premium .role-toggles { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }

/* AUTH — exclusive network feel */
.aiq-premium .auth-shell {
  min-height: 78vh; display: grid; place-items: center; padding: 56px 20px;
  background: radial-gradient(1000px 480px at 80% -10%, rgba(37,99,235,0.08), transparent 60%), linear-gradient(180deg, #fff, #f4f8ff);
}
.aiq-premium .auth-card {
  width: 100%; max-width: 460px; background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,251,255,0.94));
  border: 1px solid rgba(37,99,235,0.12); border-radius: 26px; padding: 40px;
  box-shadow: 0 30px 80px rgba(15,30,61,0.14), inset 0 1px 0 rgba(255,255,255,0.9); position: relative; overflow: hidden;
}
.aiq-premium .auth-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--hp-blue), #60a5fa); }
.aiq-premium .auth-card h1 { font-size: 1.7rem; margin: 6px 0 8px; }
.aiq-premium .auth-card .section-subtitle { margin-bottom: 24px; }
.aiq-premium .auth-card .btn-primary { width: 100%; margin-top: 6px; padding: 14px; }

/* MARKET INTELLIGENCE — Bloomberg feel */
.aiq-premium .market-header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.aiq-premium .market-title { font-size: clamp(1.9rem, 4vw, 2.8rem); color: var(--hp-navy); letter-spacing: -0.025em; font-weight: 800; }
.aiq-premium .market-subtitle { color: var(--hp-muted); font-size: 1.05rem; }
.aiq-premium .market-header-stats { display: flex; gap: 28px; flex-wrap: wrap; margin-top: 8px; }
.aiq-premium .market-metrics, .aiq-premium .market-grid { display: grid; gap: 20px; }
.aiq-premium .market-metrics { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 24px 0; }
.aiq-premium .market-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.aiq-premium .market-panel, .aiq-premium .market-metric {
  background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid var(--hp-line); border-radius: 20px;
  box-shadow: var(--hp-shadow); transition: transform .2s ease, box-shadow .2s ease;
}
.aiq-premium .market-panel:hover, .aiq-premium .market-metric:hover { transform: translateY(-3px); box-shadow: var(--hp-shadow-lg); }
.aiq-premium .market-panel { padding: 24px; }
.aiq-premium .market-metric { padding: 24px; position: relative; }
.aiq-premium .market-metric-value, .aiq-premium .market-value, .aiq-premium .board-metric-value {
  font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 800; color: var(--hp-navy); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; line-height: 1;
}
.aiq-premium .market-metric-label, .aiq-premium .board-metric-label {
  font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hp-muted); font-weight: 700; margin-top: 10px;
}
.aiq-premium .market-metric-divider, .aiq-premium .board-metric-divider { display: none; }
.aiq-premium .market-panel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--hp-line); }
.aiq-premium .market-panel-title { font-size: 15px; font-weight: 800; color: var(--hp-navy); }
.aiq-premium .market-panel-count, .aiq-premium .market-signals-count { font-size: 12px; font-weight: 700; color: var(--hp-blue); background: rgba(37,99,235,0.08); padding: 4px 10px; border-radius: 999px; }
.aiq-premium .market-table-wrap { overflow-x: auto; border-radius: 16px; border: 1px solid var(--hp-line); }
.aiq-premium .market-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.aiq-premium .market-table th { text-align: left; padding: 14px 16px; background: var(--hp-bg-soft); color: var(--hp-muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; }
.aiq-premium .market-table td { padding: 14px 16px; border-top: 1px solid var(--hp-line); color: var(--hp-ink); }
.aiq-premium .market-rank, .aiq-premium .market-rank * { color: var(--hp-blue); font-weight: 800; }
.aiq-premium .market-activity-item { display: flex; align-items: center; gap: 12px; padding: 9px 0; }
.aiq-premium .market-activity-bar { flex: 1; height: 8px; background: var(--hp-line); border-radius: 999px; overflow: hidden; }
.aiq-premium .market-activity-fill { height: 100%; background: linear-gradient(90deg, var(--hp-blue), #60a5fa); border-radius: 999px; }
.aiq-premium .market-activity-count { font-weight: 800; color: var(--hp-navy); font-variant-numeric: tabular-nums; }
.aiq-premium .market-activity-date { color: var(--hp-muted); font-size: 13px; min-width: 92px; }
.aiq-premium .market-leaderboards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.aiq-premium .market-link { color: var(--hp-blue); font-weight: 700; text-decoration: none; }
.aiq-premium .market-link:hover { text-decoration: underline; }
.aiq-premium .market-loading, .aiq-premium .market-error, .aiq-premium .market-empty { padding: 48px; text-align: center; color: var(--hp-muted); }

/* BOARD (Buyer/Seller/Investor) */
.aiq-premium .board-metric { background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid var(--hp-line); border-radius: 20px; padding: 24px; box-shadow: var(--hp-shadow); transition: transform .2s ease, box-shadow .2s ease; }
.aiq-premium .board-metric:hover { transform: translateY(-3px); box-shadow: var(--hp-shadow-lg); }
.aiq-premium .board-filter-group { display: flex; flex-direction: column; gap: 7px; }
.aiq-premium .board-section .board-filters, .aiq-premium .board-filters { display: flex; gap: 16px; flex-wrap: wrap; margin: 20px 0; }

/* ABOUT / TRUST / CONTACT cards */
.aiq-premium .about-hero, .aiq-premium .trust-hero { padding: 72px 0 32px; background: linear-gradient(180deg, #fff, #f4f8ff); }
.aiq-premium .about-card, .aiq-premium .contact-card, .aiq-premium .trust-level {
  background: #fff; border: 1px solid var(--hp-line); border-radius: 20px; padding: 26px; box-shadow: var(--hp-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aiq-premium .about-card:hover, .aiq-premium .contact-card:hover, .aiq-premium .trust-level:hover { transform: translateY(-3px); box-shadow: var(--hp-shadow-lg); border-color: #cfe0fb; }
.aiq-premium .contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.aiq-premium .trust-levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.aiq-premium .trust-level-rank { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(37,99,235,0.1); color: var(--hp-blue); font-weight: 800; margin-bottom: 12px; }
.aiq-premium .trust-center { text-align: center; }
.aiq-premium .principle-list { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 12px; }
.aiq-premium .principle-list li { position: relative; padding-left: 28px; color: var(--hp-ink); line-height: 1.55; }
.aiq-premium .principle-list li::before { content: ''; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; border-radius: 5px; background: rgba(37,99,235,0.14); border: 1px solid var(--hp-blue); }

/* Flow steps (About/Trust) */
.aiq-premium .flow-steps { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.aiq-premium .flow-step { background: #fff; border: 1px solid var(--hp-line); border-radius: 14px; padding: 12px 18px; font-weight: 700; color: var(--hp-navy); font-size: 14px; box-shadow: var(--hp-shadow); }
.aiq-premium .flow-arrow { color: var(--hp-blue); font-weight: 800; }

/* Responsive */
@media (max-width: 760px) {
  .aiq-premium .pub-section, .aiq-premium .market-section, .aiq-premium .board-section, .aiq-premium .trust-section { padding: 44px 0; }
  .aiq-premium .contact-grid { grid-template-columns: 1fr; }
  .aiq-premium .auth-card { padding: 28px 22px; }
  .aiq-premium .market-header-stats { gap: 16px; }
}

/* ============================================================
   AUTH — LOGIN / REGISTER PREMIUM (scoped to .aiq-premium)
   Same design language as Home. Visual only.
   ============================================================ */
.aiq-premium .auth-shell { align-items: flex-start; padding-top: 64px; }
.aiq-premium .auth-shell-split { padding-top: 56px; }

/* Brand + headings */
.aiq-premium .auth-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.aiq-premium .auth-logo { font-weight: 800; font-size: 20px; letter-spacing: -0.02em; color: var(--hp-navy); }
.aiq-premium .auth-pill {
  display: inline-block; padding: 6px 14px; border-radius: 999px; background: rgba(37,99,235,0.08);
  color: var(--hp-blue); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
}
.aiq-premium .auth-title { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.12; letter-spacing: -0.025em; color: var(--hp-navy); margin: 0 0 12px; font-weight: 800; }
.aiq-premium .auth-trust { font-size: 14.5px; line-height: 1.6; color: var(--hp-muted); margin: 0 0 26px; }

/* Sign-in card (centered, generous) */
.aiq-premium .auth-signin { max-width: 460px; padding: 44px; }

/* Premium submit button via FormWrapper (.form .btn) */
.aiq-premium .auth-card .form { display: flex; flex-direction: column; gap: 4px; }
.aiq-premium .auth-card .form .btn {
  width: 100%; margin-top: 18px; padding: 15px 24px; border-radius: 14px;
  background: var(--hp-blue); color: #fff; font-weight: 700; font-size: 15.5px; border: none;
  box-shadow: 0 12px 26px rgba(37,99,235,0.30); transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.aiq-premium .auth-card .form .btn:hover:not(:disabled) { background: var(--hp-blue-dark); transform: translateY(-2px); box-shadow: 0 18px 38px rgba(37,99,235,0.4); }
.aiq-premium .auth-card .form .btn:disabled { opacity: .6; cursor: not-allowed; }
.aiq-premium .auth-card .form-error { color: var(--status-danger, #dc2626); font-size: 13.5px; margin: 10px 0 0; }

/* Meta row: remember + forgot */
.aiq-premium .auth-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; gap: 12px; flex-wrap: wrap; }
.aiq-premium .auth-remember { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; color: var(--hp-ink); cursor: pointer; }
.aiq-premium .auth-remember input { width: 17px; height: 17px; accent-color: var(--hp-blue); }
.aiq-premium .auth-forgot { font-size: 13.5px; color: var(--hp-blue); font-weight: 600; text-decoration: none; }
.aiq-premium .auth-forgot:hover { text-decoration: underline; }
.aiq-premium .auth-alt { text-align: center; margin-top: 22px; font-size: 14px; color: var(--hp-muted); }
.aiq-premium .auth-alt a { color: var(--hp-blue); font-weight: 700; text-decoration: none; }
.aiq-premium .auth-alt a:hover { text-decoration: underline; }

/* Role chips */
.aiq-premium .role-toggles { display: flex; gap: 10px; flex-wrap: wrap; }
.aiq-premium .chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px;
  border: 1px solid var(--hp-line); background: #fff; color: var(--hp-navy); font-size: 13.5px; font-weight: 600; cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.aiq-premium .chip input { display: none; }
.aiq-premium .chip:hover { border-color: #cfe0fb; }
.aiq-premium .chip.on { background: var(--hp-blue); color: #fff; border-color: var(--hp-blue); box-shadow: 0 8px 18px rgba(37,99,235,0.28); }
.aiq-premium .field-inline { flex-direction: row; align-items: center; gap: 10px; }
.aiq-premium .field-inline input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--hp-blue); flex: 0 0 auto; }
.aiq-premium .field-inline label { font-weight: 500; color: var(--hp-ink); }

/* REGISTER — two-column membership */
.aiq-premium .auth-split { display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; max-width: 1100px; width: 100%; margin: 0 auto; align-items: start; }
.aiq-premium .auth-aside { padding: 16px 8px; position: sticky; top: 96px; }
.aiq-premium .auth-aside-title { font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.1; letter-spacing: -0.025em; color: var(--hp-navy); margin: 18px 0 12px; font-weight: 800; }
.aiq-premium .auth-aside-lead { font-size: 1.02rem; line-height: 1.62; color: var(--hp-muted); margin: 0 0 26px; }
.aiq-premium .auth-benefits { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 18px; }
.aiq-premium .auth-benefits li { position: relative; padding-left: 22px; }
.aiq-premium .auth-benefits li::before { content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border-radius: 3px; background: var(--hp-blue); box-shadow: 0 0 0 4px rgba(37,99,235,0.12); }
.aiq-premium .auth-benefit-t { display: block; font-weight: 800; color: var(--hp-navy); font-size: 15px; margin-bottom: 3px; }
.aiq-premium .auth-benefit-d { display: block; font-size: 14px; line-height: 1.55; color: var(--hp-muted); }
.aiq-premium .auth-audiences { border-top: 1px solid var(--hp-line); padding-top: 20px; }
.aiq-premium .auth-aud-title { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; color: var(--hp-muted); }
.aiq-premium .auth-aud-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.aiq-premium .auth-aud-chip { background: #fff; border: 1px solid var(--hp-line); border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 700; color: var(--hp-navy); box-shadow: var(--hp-shadow); }
.aiq-premium .auth-card-form { max-width: none; width: 100%; padding: 36px; }
.aiq-premium .auth-card-form .auth-title { font-size: 1.6rem; }

/* Responsive */
@media (max-width: 920px) {
  .aiq-premium .auth-split { grid-template-columns: 1fr; gap: 28px; max-width: 560px; }
  .aiq-premium .auth-aside { position: static; padding: 8px 0; }
}
@media (max-width: 560px) {
  .aiq-premium .auth-signin, .aiq-premium .auth-card-form { padding: 26px 20px; }
  .aiq-premium .auth-meta { flex-direction: row; }
  .aiq-premium .role-toggles { gap: 8px; }
}

/* ============================================================
   USER DASHBOARD — PREMIUM TERMINAL (scoped to .aiq-premium)
   Applied via DashboardLayout root. Admin (AdminLayout) untouched.
   Visual only — grid, sticky, and menu-toggle structure preserved.
   ============================================================ */
.aiq-premium.dash-root { background: var(--hp-bg-soft); color: var(--hp-ink); }

/* Top nav */
.aiq-premium .dash-topnav {
  background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--hp-line); box-shadow: 0 1px 0 rgba(15,30,61,0.03);
}
.aiq-premium .dash-brand, .aiq-premium .dash-topnav .logo { color: var(--hp-navy); font-weight: 800; letter-spacing: -0.02em; }
.aiq-premium .dash-email { color: var(--hp-navy); font-weight: 600; }
.aiq-premium .dash-account .muted, .aiq-premium .muted { color: var(--hp-muted); }
.aiq-premium .dash-burger { color: var(--hp-navy); }

/* Sidebar */
.aiq-premium .dash-sidebar { background: #fff; border-right: 1px solid var(--hp-line); padding: 16px 14px; gap: 4px; }
.aiq-premium .dash-link {
  display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px;
  color: var(--hp-ink); font-weight: 600; font-size: 14px; text-decoration: none;
  transition: background .15s ease, color .15s ease, transform .12s ease;
}
.aiq-premium .dash-link:hover { background: var(--hp-bg-soft); color: var(--hp-navy); }
.aiq-premium .dash-link.active { background: var(--hp-blue); color: #fff; box-shadow: 0 8px 18px rgba(37,99,235,0.26); }
.aiq-premium .dash-link.active:hover { background: var(--hp-blue-dark); color: #fff; }

/* Content + title */
.aiq-premium .dash-content { padding: 36px 40px; }
.aiq-premium .dash-title { font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; letter-spacing: -0.025em; color: var(--hp-navy); margin: 0 0 8px; }
.aiq-premium .dash-content > h2 { font-size: 1.15rem; font-weight: 800; color: var(--hp-navy); letter-spacing: -0.01em; margin: 28px 0 14px; }

/* Cards */
.aiq-premium .card {
  background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid var(--hp-line); border-radius: 20px;
  padding: 24px; box-shadow: var(--hp-shadow); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aiq-premium .card:hover { box-shadow: var(--hp-shadow-lg); }
.aiq-premium .card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--hp-line); }
.aiq-premium .card-title { font-size: 15px; font-weight: 800; color: var(--hp-navy); }
.aiq-premium .card-subtitle { font-size: 13.5px; line-height: 1.55; color: var(--hp-muted); }

/* KPI stats */
.aiq-premium .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 20px; margin-bottom: 8px; }
.aiq-premium .stat {
  background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid var(--hp-line); border-radius: 20px;
  padding: 24px; box-shadow: var(--hp-shadow); position: relative; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aiq-premium .stat::after { content: ''; position: absolute; left: 24px; bottom: 20px; width: 26px; height: 3px; background: var(--hp-blue); border-radius: 3px; opacity: .85; }
.aiq-premium .stat:hover { transform: translateY(-4px); box-shadow: var(--hp-shadow-lg); border-color: #cfe0fb; }
.aiq-premium .stat .num, .aiq-premium .num { font-size: clamp(1.9rem, 3vw, 2.5rem); font-weight: 800; color: var(--hp-navy); letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.aiq-premium .stat .label, .aiq-premium .stat + .label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hp-muted); font-weight: 700; margin-top: 12px; }
.aiq-premium .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }

/* Badges + status */
.aiq-premium .badge, .aiq-premium .badge-primary, .aiq-premium .status-badge {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.2;
}
.aiq-premium .badge, .aiq-premium .badge-primary { background: rgba(37,99,235,0.1); color: var(--hp-blue); }
.aiq-premium .status-badge { background: #eef2f8; color: var(--hp-muted); }
.aiq-premium .status-badge.ok, .aiq-premium .badge.ok, .aiq-premium .ok { background: #e7f8ef; color: #15803d; }
.aiq-premium .status-badge.warn, .aiq-premium .badge.warn { background: #fff5e6; color: #b45309; }
.aiq-premium .status-badge.bad, .aiq-premium .status-badge.danger, .aiq-premium .badge.bad { background: #fdecec; color: #b91c1c; }
.aiq-premium .status-badge.muted { background: #eef2f8; color: var(--hp-muted); }

/* Buttons */
.aiq-premium .btn, .aiq-premium .btn-secondary, .aiq-premium .btn-sm, .aiq-premium .btn-danger, .aiq-premium .btn-success {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 20px;
  border-radius: 14px; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.aiq-premium .btn:not(.btn-secondary):not(.btn-danger):not(.btn-success) { background: var(--hp-blue); color: #fff; box-shadow: 0 8px 20px rgba(37,99,235,0.26); }
.aiq-premium .btn:not(.btn-secondary):not(.btn-danger):not(.btn-success):hover { background: var(--hp-blue-dark); transform: translateY(-2px); box-shadow: 0 14px 28px rgba(37,99,235,0.34); }
.aiq-premium .btn-secondary { background: #fff; color: var(--hp-navy); border-color: var(--hp-line); }
.aiq-premium .btn-secondary:hover { transform: translateY(-2px); box-shadow: var(--hp-shadow); }
.aiq-premium .btn-danger { background: #dc2626; color: #fff; }
.aiq-premium .btn-danger:hover { background: #b91c1c; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(220,38,38,0.3); }
.aiq-premium .btn-success { background: #16a34a; color: #fff; }
.aiq-premium .btn-success:hover { background: #15803d; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(22,163,74,0.3); }
.aiq-premium .btn-sm { padding: 8px 14px; font-size: 13px; border-radius: 12px; }

/* Forms inside dashboard */
.aiq-premium .form { display: flex; flex-direction: column; gap: 4px; }
.aiq-premium .form .btn { align-self: flex-start; margin-top: 14px; }
.aiq-premium .form-error { color: #dc2626; font-size: 13.5px; margin: 8px 0 0; }
.aiq-premium .form-success { color: #15803d; font-size: 13.5px; margin: 8px 0 0; }
.aiq-premium .field label { font-size: 13px; font-weight: 700; color: var(--hp-navy); }

/* Empty state */
.aiq-premium .empty-state {
  text-align: center; padding: 44px 28px; border: 1px dashed var(--hp-line); border-radius: 18px;
  background: var(--hp-bg-soft); color: var(--hp-muted);
}

/* Notifications timeline */
.aiq-premium .notif-list { display: flex; flex-direction: column; gap: 12px; }
.aiq-premium .notif-list > * {
  background: #fff; border: 1px solid var(--hp-line); border-left: 3px solid var(--hp-blue);
  border-radius: 14px; padding: 16px 18px; box-shadow: var(--hp-shadow); transition: transform .15s ease, box-shadow .15s ease;
}
.aiq-premium .notif-list > *:hover { transform: translateX(2px); box-shadow: var(--hp-shadow-lg); }

/* Toggles (settings) */
.aiq-premium input[type="checkbox"] { accent-color: var(--hp-blue); }

/* Responsive */
@media (max-width: 900px) {
  .aiq-premium .dash-content { padding: 24px 18px; }
  .aiq-premium .stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .aiq-premium .stats, .aiq-premium .grid { grid-template-columns: 1fr; }
  .aiq-premium .card, .aiq-premium .stat { padding: 20px; }
}

/* ============================================================
   ADMIN — EXECUTIVE COMMAND CENTER (scoped to .aiq-premium)
   Applied via AdminLayout root. Generic card/btn/badge cascade
   from the dashboard block. Visual only; grid + toggle preserved.
   ============================================================ */
.aiq-premium.admin-root { background: var(--hp-bg-soft); color: var(--hp-ink); }

/* Top nav */
.aiq-premium .admin-topnav {
  background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--hp-line); box-shadow: 0 1px 0 rgba(15,30,61,0.03);
}
.aiq-premium .admin-brand .logo, .aiq-premium .admin-topnav .logo { color: var(--hp-navy); font-weight: 800; letter-spacing: -0.02em; }
.aiq-premium .admin-brand .logo span { color: var(--hp-blue); }
.aiq-premium .admin-email { color: var(--hp-navy); font-weight: 600; }
.aiq-premium .admin-burger { color: var(--hp-navy); background: transparent; border: none; font-size: 20px; }

/* Sidebar */
.aiq-premium .admin-sidebar { background: #fff; border-right: 1px solid var(--hp-line); padding: 16px 14px; gap: 4px; }
.aiq-premium .admin-link {
  display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px;
  color: var(--hp-ink); font-weight: 600; font-size: 14px; text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.aiq-premium .admin-link:hover { background: var(--hp-bg-soft); color: var(--hp-navy); }
.aiq-premium .admin-link.active { background: var(--hp-blue); color: #fff; box-shadow: 0 8px 18px rgba(37,99,235,0.26); }

/* Content + headers */
.aiq-premium .admin-content { padding: 36px 40px; }
.aiq-premium .admin-dash-header, .aiq-premium .admin-dash-title, .aiq-premium .admin-dashboard h1, .aiq-premium .dash-title { color: var(--hp-navy); }
.aiq-premium .admin-dash-title, .aiq-premium .dash-title { font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; letter-spacing: -0.025em; margin: 0 0 6px; }
.aiq-premium .admin-dash-subtitle { color: var(--hp-muted); font-size: 1.02rem; margin-bottom: 8px; }

/* KPI / metrics */
.aiq-premium .admin-metrics-grid, .aiq-premium .admin-ops-grid, .aiq-premium .admin-nav-grid {
  display: grid; gap: 20px; margin: 22px 0;
}
.aiq-premium .admin-metrics-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.aiq-premium .admin-ops-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.aiq-premium .admin-nav-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.aiq-premium .admin-metric-item, .aiq-premium .admin-ops-card, .aiq-premium .admin-nav-item {
  background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid var(--hp-line); border-radius: 20px;
  padding: 24px; box-shadow: var(--hp-shadow); position: relative; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-decoration: none; display: block;
}
.aiq-premium .admin-metric-item::after { content: ''; position: absolute; left: 24px; bottom: 20px; width: 26px; height: 3px; background: var(--hp-blue); border-radius: 3px; opacity: .85; }
.aiq-premium .admin-metric-item:hover, .aiq-premium .admin-ops-card:hover, .aiq-premium .admin-nav-item:hover {
  transform: translateY(-4px); box-shadow: var(--hp-shadow-lg); border-color: #cfe0fb;
}
.aiq-premium .admin-metric-value, .aiq-premium .admin-ops-value {
  font-size: clamp(1.9rem, 3vw, 2.5rem); font-weight: 800; color: var(--hp-navy); letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums;
}
.aiq-premium .admin-metric-label, .aiq-premium .admin-ops-label, .aiq-premium .admin-nav-label {
  font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hp-muted); font-weight: 700; margin-top: 12px;
}
.aiq-premium .admin-metric-divider { display: none; }
.aiq-premium .admin-nav-count, .aiq-premium .admin-panel-count {
  display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; color: var(--hp-blue);
  background: rgba(37,99,235,0.1); padding: 4px 10px; border-radius: 999px;
}
.aiq-premium .admin-ops-link { color: var(--hp-blue); font-weight: 700; text-decoration: none; }
.aiq-premium .admin-ops-link:hover { text-decoration: underline; }

/* Panels */
.aiq-premium .admin-panel { background: linear-gradient(180deg, #fff, #fbfdff); border: 1px solid var(--hp-line); border-radius: 20px; padding: 24px; box-shadow: var(--hp-shadow); }
.aiq-premium .admin-panel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--hp-line); }
.aiq-premium .admin-panel-title { font-size: 15px; font-weight: 800; color: var(--hp-navy); }

/* Activity / audit feed */
.aiq-premium .admin-activity-feed { display: flex; flex-direction: column; gap: 4px; }
.aiq-premium .admin-activity-row {
  display: grid; grid-template-columns: 96px 1fr auto; align-items: center; gap: 14px;
  padding: 12px 0; border-bottom: 1px solid var(--hp-line);
}
.aiq-premium .admin-activity-row:last-child { border-bottom: none; }
.aiq-premium .admin-activity-badge {
  display: inline-flex; justify-content: center; padding: 4px 10px; border-radius: 999px;
  font-size: 10.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
  background: rgba(37,99,235,0.1); color: var(--hp-blue);
}
.aiq-premium .admin-activity-description { color: var(--hp-ink); font-size: 14px; }
.aiq-premium .admin-activity-time { color: var(--hp-muted); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Tables */
.aiq-premium .user-table-wrap, .aiq-premium .taxonomy-table-wrap { overflow-x: auto; border: 1px solid var(--hp-line); border-radius: 16px; box-shadow: var(--hp-shadow); }
.aiq-premium .user-table, .aiq-premium .taxonomy-table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
.aiq-premium .user-table th, .aiq-premium .taxonomy-table th {
  text-align: left; padding: 14px 16px; background: var(--hp-bg-soft); color: var(--hp-muted);
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; border-bottom: 1px solid var(--hp-line);
}
.aiq-premium .user-table td, .aiq-premium .taxonomy-table td { padding: 14px 16px; border-top: 1px solid var(--hp-line); color: var(--hp-ink); }
.aiq-premium .user-table tr:hover td, .aiq-premium .taxonomy-table tr:hover td { background: var(--hp-bg-soft); }

/* Approval + verification review cards */
.aiq-premium .approval-queue, .aiq-premium .verification-list { display: flex; flex-direction: column; gap: 18px; }
.aiq-premium .approval-detail, .aiq-premium .verification-detail { display: flex; flex-direction: column; gap: 4px; }
.aiq-premium .approval-detail-label, .aiq-premium .verification-detail-label, .aiq-premium .verification-levels-label, .aiq-premium .verification-level-select-label {
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hp-muted); font-weight: 700;
}
.aiq-premium .approval-detail-value, .aiq-premium .verification-detail-value { color: var(--hp-navy); font-weight: 600; font-size: 14.5px; }
.aiq-premium .verification-title { color: var(--hp-navy); font-weight: 800; }
.aiq-premium .verification-subtitle, .aiq-premium .verification-notes-text { color: var(--hp-muted); }
.aiq-premium .verification-role, .aiq-premium .verification-level-rank, .aiq-premium .approval-status, .aiq-premium .verification-status {
  display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 700;
  background: rgba(37,99,235,0.1); color: var(--hp-blue);
}
.aiq-premium .pending { color: #b45309; }
.aiq-premium .approve, .aiq-premium .btn-success { color: inherit; }

/* Approval / verification action buttons */
.aiq-premium .approval-btn, .aiq-premium .verification-btn {
  padding: 10px 18px; border-radius: 12px; font-weight: 700; font-size: 14px; border: 1px solid transparent; cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.aiq-premium .approval-btn.approve, .aiq-premium .verification-btn.approve { background: #16a34a; color: #fff; }
.aiq-premium .approval-btn.approve:hover, .aiq-premium .verification-btn.approve:hover { background: #15803d; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(22,163,74,0.3); }
.aiq-premium .approval-btn.reject, .aiq-premium .verification-btn.reject { background: #fff; color: #b91c1c; border-color: #f3c9c9; }
.aiq-premium .approval-btn.reject:hover, .aiq-premium .verification-btn.reject:hover { background: #fdecec; transform: translateY(-2px); }

/* Level selects */
.aiq-premium .verification-level-select { padding: 10px 14px; border: 1px solid var(--hp-line); border-radius: 12px; background: var(--hp-bg-soft); color: var(--hp-ink); }
.aiq-premium .verification-level { background: #fff; border: 1px solid var(--hp-line); border-radius: 14px; padding: 14px 16px; }

/* States */
.aiq-premium .admin-loading, .aiq-premium .admin-error, .aiq-premium .admin-empty {
  padding: 48px 28px; text-align: center; color: var(--hp-muted);
  border: 1px dashed var(--hp-line); border-radius: 18px; background: var(--hp-bg-soft);
}
.aiq-premium .admin-error { color: #b91c1c; border-color: #f3c9c9; background: #fdf3f3; }

/* Responsive */
@media (max-width: 900px) {
  .aiq-premium .admin-content { padding: 24px 18px; }
  .aiq-premium .admin-metrics-grid { grid-template-columns: repeat(2, 1fr); }
  .aiq-premium .admin-activity-row { grid-template-columns: 80px 1fr; }
  .aiq-premium .admin-activity-time { grid-column: 2; justify-self: start; }
}
@media (max-width: 560px) {
  .aiq-premium .admin-metrics-grid, .aiq-premium .admin-ops-grid, .aiq-premium .admin-nav-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   PREMIUM V1 FINISH — interaction & data-polish layer
   Scoped to .aiq-premium (non-locked surfaces). Additive only:
   no layout, typography, card, form, or color-system changes.
   Uses existing --hp-* tokens. No second design language.
   ============================================================ */

/* Branded thin scrollbars (replaces chunky default chrome) */
.aiq-premium ::-webkit-scrollbar { width: 10px; height: 10px; }
.aiq-premium ::-webkit-scrollbar-track { background: transparent; }
.aiq-premium ::-webkit-scrollbar-thumb {
  background: #cdd8ea; border-radius: 999px; border: 2px solid transparent; background-clip: padding-box;
}
.aiq-premium ::-webkit-scrollbar-thumb:hover { background: #aebfd9; background-clip: padding-box; }
.aiq-premium { scrollbar-width: thin; scrollbar-color: #cdd8ea transparent; }

/* Branded text selection */
.aiq-premium ::selection { background: rgba(37,99,235,0.16); color: var(--hp-navy); }

/* Tactile press micro-interaction on buttons */
.aiq-premium .btn:active,
.aiq-premium .btn-secondary:active,
.aiq-premium .btn-sm:active,
.aiq-premium .btn-danger:active,
.aiq-premium .btn-success:active,
.aiq-premium .approval-btn:active,
.aiq-premium .verification-btn:active { transform: translateY(0) scale(0.98); }

/* Consistent keyboard focus ring for interactive elements (accessibility polish) */
.aiq-premium a:focus-visible,
.aiq-premium button:focus-visible,
.aiq-premium .btn:focus-visible,
.aiq-premium .dash-link:focus-visible,
.aiq-premium .admin-link:focus-visible {
  outline: 2px solid var(--hp-blue); outline-offset: 2px; border-radius: 10px;
}

/* Tabular figures on data tables — aligned numeric columns (intelligence feel) */
.aiq-premium .user-table td,
.aiq-premium .taxonomy-table td,
.aiq-premium .admin-activity-time,
.aiq-premium .board-results-count,
.aiq-premium .admin-nav-count { font-variant-numeric: tabular-nums; }

/* Smooth in-page scrolling on these surfaces */
.aiq-premium { scroll-behavior: smooth; }

/* Respect reduced-motion: neutralize transitions/animations + press scaling */
@media (prefers-reduced-motion: reduce) {
  .aiq-premium *, .aiq-premium *::before, .aiq-premium *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
  .aiq-premium .btn:active,
  .aiq-premium .btn-secondary:active,
  .aiq-premium .btn-sm:active,
  .aiq-premium .btn-danger:active,
  .aiq-premium .btn-success:active { transform: none; }
}

/* ============================================================
   DASHBOARD MOBILE VALUE PASS — additive only
   Keeps desktop system intact while making the logged-in mobile
   dashboard shorter, more actionable, and more informative.
   ============================================================ */
.aiq-premium .dashboard-intro { margin-bottom: var(--space-5); }
.aiq-premium .dashboard-mobile-flow { display: flex; flex-direction: column; }
.aiq-premium .dashboard-section { margin-bottom: var(--space-5); }
.aiq-premium .dashboard-attention { order: 1; }
.aiq-premium .dashboard-stats { order: 2; }
.aiq-premium .dashboard-actions { order: 3; }
.aiq-premium .dashboard-workflow { order: 4; }
.aiq-premium .dashboard-demand { order: 5; }
.aiq-premium .quick-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.aiq-premium .dashboard-manage { margin-top: 18px; }
.aiq-premium .workflow-card { margin-bottom: 0; }
.aiq-premium .demand-card h3 { margin: 0 0 12px; color: var(--hp-navy); }
.aiq-premium .demand-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.aiq-premium .demand-meta span {
  display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px;
  border-radius: 999px; background: #f3f6fb; color: var(--hp-muted); font-size: 12.5px; font-weight: 700;
}
.aiq-premium .demand-updated { margin: 0 0 14px; }

@media (max-width: 560px) {
  .aiq-premium .dash-content { padding: 22px 20px 28px; }
  .aiq-premium .dash-title { font-size: 1.55rem; line-height: 1.12; }
  .aiq-premium .dashboard-intro { margin-bottom: 18px; }

  /* Mobile priority: next action, actions, demand, stats, then workflow. */
  .aiq-premium .dashboard-attention { order: 1; }
  .aiq-premium .dashboard-actions { order: 2; }
  .aiq-premium .dashboard-demand { order: 3; }
  .aiq-premium .dashboard-stats { order: 4; }
  .aiq-premium .dashboard-workflow { order: 5; }
  .aiq-premium .dashboard-section { margin-bottom: 22px; }

  .aiq-premium .card { padding: 20px 18px; border-radius: 18px; }
  .aiq-premium .card-header { align-items: flex-start; gap: 12px; }
  .aiq-premium .card-title { line-height: 1.2; }

  .aiq-premium .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
  .aiq-premium .stat { min-height: 112px; padding: 18px 14px; text-align: left; }
  .aiq-premium .stat::after { left: 14px; bottom: 14px; width: 22px; }
  .aiq-premium .stat .num { font-size: clamp(1.6rem, 7vw, 2rem); line-height: 1.05; word-break: break-word; }
  .aiq-premium .stat .label { font-size: 10.5px; line-height: 1.25; margin-top: 9px; }

  .aiq-premium .quick-actions { gap: 10px; margin: 0; }
  .aiq-premium .quick-actions .btn { min-height: 48px; padding: 10px 16px; border-radius: 14px; }
  .aiq-premium .quick-actions .btn:first-child { flex: 1 1 100%; }
  .aiq-premium .quick-actions .btn:not(:first-child) { flex: 1 1 100%; background: #fff; }

  .aiq-premium .dashboard-demand h2 { margin-top: 0; }
  .aiq-premium .demand-card .card-header { flex-direction: row; align-items: center; }
  .aiq-premium .demand-meta { gap: 7px; }
  .aiq-premium .dashboard-manage .btn { width: 100%; min-height: 50px; }

  .aiq-premium .workflow-card ol { gap: 14px !important; }
  .aiq-premium .workflow-card li { gap: 12px !important; }
  .aiq-premium .workflow-card .status-badge { min-width: 78px !important; padding-left: 10px; padding-right: 10px; }

  .aiq-premium .dash-email { display: none; }
  .aiq-premium .dash-account .btn { padding: 9px 12px; border-radius: 13px; }
}

/* User Management — account approval actions (Enterprise approval flow).
   Reuses the existing .approval-btn approve/reject visual language. */
.user-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.user-actions .approval-btn { padding: 6px 14px; font-size: 13px; }
.user-actions .approval-btn:disabled { opacity: .55; cursor: default; }
.user-muted { color: var(--muted, #7a8699); }


/* src/styles/admin-mobile.css */
/* ============================================================
   AcquireIQ — Admin Mobile Refinement
   Additive mobile-only overrides. Desktop remains unchanged.
   Import after global.css.
   ============================================================ */

@media (max-width: 768px) {
  .admin-topnav {
    padding: 8px 12px;
    gap: 10px;
  }

  .admin-brand {
    gap: 8px;
    min-width: 0;
  }

  .admin-brand .logo,
  .admin-brand a {
    font-size: 18px;
    min-width: 0;
  }

  .admin-account {
    gap: 8px;
    min-width: 0;
  }

  .admin-email {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
  }

  .admin-content {
    padding: 16px 12px 28px;
  }

  .admin-dash-header {
    margin-bottom: 14px;
    gap: 8px;
  }

  .admin-dash-title {
    font-size: 24px;
    line-height: 1.15;
  }

  .admin-dash-subtitle {
    font-size: 13px;
    line-height: 1.45;
    margin-top: 4px;
  }

  .admin-ops-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 14px 0;
  }

  .admin-ops-card {
    padding: 14px 16px;
    gap: 4px;
    border-radius: 12px;
  }

  .admin-ops-value {
    font-size: 28px;
    line-height: 1.05;
  }

  .admin-ops-label {
    font-size: 12px;
  }

  .admin-ops-link {
    font-size: 12px;
    margin-top: 2px;
  }

  .admin-panel {
    margin: 14px 0;
    border-radius: 12px;
  }

  .admin-panel-header {
    padding: 10px 12px;
  }

  .admin-panel-title {
    font-size: 14px;
  }

  .admin-panel-count {
    font-size: 11px;
  }

  .admin-panel-body {
    padding: 10px 12px;
  }

  .admin-activity-row {
    align-items: flex-start;
    gap: 8px;
    padding: 10px 0;
    flex-wrap: wrap;
  }

  .admin-activity-type-indicator {
    padding: 0;
    background: transparent;
    flex: 0 0 auto;
  }

  .admin-activity-badge {
    font-size: 10px;
    padding: 2px 7px;
  }

  .admin-activity-description {
    flex: 1 1 calc(100% - 86px);
    min-width: 0;
    font-size: 13px;
    line-height: 1.4;
  }

  .admin-activity-time {
    flex: 1 1 100%;
    padding-left: 0;
    font-size: 11px;
    line-height: 1.35;
  }

  .admin-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
    margin: 14px 0;
    border-radius: 12px;
  }

  .admin-metric-divider {
    display: none;
  }

  .admin-metric-item {
    flex: none;
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
    padding: 12px 8px;
    min-width: 0;
  }

  .admin-metric-value {
    font-size: 20px;
    line-height: 1.1;
  }

  .admin-metric-label {
    font-size: 10px;
    line-height: 1.25;
  }

  .admin-nav-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 14px 0 0;
  }

  .admin-nav-item {
    padding: 13px 14px;
    border-radius: 12px;
  }

  .admin-nav-label {
    font-size: 14px;
  }

  .admin-nav-count {
    font-size: 12px;
    text-align: right;
  }

  .admin-loading,
  .admin-error,
  .admin-empty {
    padding: 28px 14px;
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .admin-email {
    max-width: 92px;
  }

  .admin-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .admin-dash-title {
    font-size: 22px;
  }

  .admin-metrics-grid {
    grid-template-columns: 1fr;
  }
}


/* src/styles/admin-restored.css */
/* AcquireIQ restored founder/admin shell.
   Scope: demand intelligence through Introduction Ready only. */

.restored-admin .admin-topnav {
  min-height: 68px;
  padding: 10px 22px;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(14px);
}

.restored-admin .admin-body {
  grid-template-columns: 272px minmax(0, 1fr);
}

.restored-admin .admin-sidebar {
  top: 68px;
  height: calc(100vh - 68px);
  padding: 14px 12px 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.restored-sidebar-scroll {
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-right: 2px;
}

.restored-admin-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: inherit;
  text-decoration: none;
}

.restored-admin-brand > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.08;
}

.restored-admin-brand strong {
  color: var(--hp-navy, #0b1f3a);
  font-size: 17px;
  letter-spacing: -0.02em;
}

.restored-admin-brand small {
  margin-top: 4px;
  color: var(--text-muted, #64748b);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.restored-admin-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(145deg, #0b1f3a, #1d4ed8);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  box-shadow: 0 10px 24px rgba(29, 78, 216, 0.22);
}

.restored-admin-user {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.1;
}

.restored-admin-user span {
  color: var(--hp-navy, #0b1f3a);
  font-size: 13px;
  font-weight: 700;
}

.restored-admin-user small {
  margin-top: 4px;
  color: var(--text-muted, #64748b);
  font-size: 11px;
}

.restored-logout {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.restored-nav-group + .restored-nav-group {
  margin-top: 15px;
}

.restored-nav-heading {
  padding: 0 10px 7px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.restored-admin .admin-link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 41px;
  padding: 9px 11px;
  border-radius: 11px;
  font-size: 13px;
}

.restored-admin .admin-link svg {
  flex: 0 0 auto;
}

.restored-sidebar-boundary {
  display: flex;
  gap: 9px;
  margin-top: auto;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 13px;
  background: linear-gradient(145deg, #f8fbff, #eff6ff);
  color: #1e3a8a;
}

.restored-sidebar-boundary svg {
  flex: 0 0 auto;
  margin-top: 1px;
}

.restored-sidebar-boundary div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.restored-sidebar-boundary strong {
  font-size: 11px;
}

.restored-sidebar-boundary span {
  color: #475569;
  font-size: 10px;
  line-height: 1.4;
}

.restored-admin .admin-content {
  width: 100%;
  max-width: 1600px;
  padding: 30px 34px 54px;
}

.restored-command-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.restored-command-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.restored-boundary-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 18px 0 22px;
  padding: 13px 15px;
  border: 1px solid #c7d2fe;
  border-radius: 13px;
  background: #f8faff;
  color: #334155;
  font-size: 13px;
  line-height: 1.5;
}

.restored-boundary-banner strong {
  flex: 0 0 auto;
  color: #1e3a8a;
}

.restored-queue-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.restored-queue-card {
  display: flex;
  min-height: 142px;
  flex-direction: column;
  padding: 17px;
  border: 1px solid var(--hp-line, #e2e8f0);
  border-radius: 16px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.045);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.restored-queue-card:hover {
  transform: translateY(-2px);
  border-color: #93c5fd;
  box-shadow: 0 16px 38px rgba(37, 99, 235, 0.1);
}

.restored-queue-card span {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.restored-queue-card strong {
  margin-top: 12px;
  color: #0f172a;
  font-size: 31px;
  line-height: 1;
}

.restored-queue-card small {
  margin-top: auto;
  padding-top: 14px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.35;
}

.restored-network-metrics {
  margin: 22px 0;
}

.restored-admin-nav-grid {
  margin-top: 22px;
}

.restored-user-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.restored-user-summary > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 17px;
  border: 1px solid var(--hp-line, #e2e8f0);
  border-radius: 14px;
  background: #fff;
}

.restored-user-summary strong {
  color: #0f172a;
  font-size: 24px;
}

.restored-user-summary span {
  color: #64748b;
  font-size: 11px;
  font-weight: 650;
}

.restored-users-page .user-filters {
  align-items: center;
  gap: 9px;
}

.restored-taxonomy-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid var(--hp-line, #e2e8f0);
  border-radius: 16px;
  background: #fff;
}

.restored-taxonomy-form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.restored-taxonomy-form-head > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.restored-taxonomy-form-head strong {
  color: #0f172a;
  font-size: 16px;
}

.restored-taxonomy-form-head span {
  color: #64748b;
  font-size: 11px;
}

.restored-taxonomy-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.restored-taxonomy-fields label:not(.restored-checkbox-field) {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.restored-taxonomy-fields input[type='text'],
.restored-taxonomy-fields input[type='number'] {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #fff;
  color: #0f172a;
}

.restored-checkbox-field {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 8px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.restored-checkbox-field input {
  width: 16px;
  height: 16px;
}

.restored-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.restored-mobile-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1280px) {
  .restored-queue-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .restored-taxonomy-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .restored-admin .admin-body {
    grid-template-columns: 1fr;
  }

  .restored-admin .admin-sidebar {
    top: 68px;
    width: min(290px, 88vw);
    height: calc(100vh - 68px);
  }

  .restored-admin .admin-content {
    padding: 22px 16px 92px;
  }

  .restored-command-header {
    flex-direction: column;
  }

  .restored-command-actions {
    justify-content: flex-start;
  }

  .restored-admin-user {
    display: none;
  }

  .restored-queue-grid,
  .restored-user-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .restored-admin .admin-topnav {
    min-height: 62px;
    padding: 8px 12px;
  }

  .restored-admin-brand small,
  .restored-logout span {
    display: none;
  }

  .restored-admin-mark {
    width: 34px;
    height: 34px;
  }

  .restored-admin .admin-sidebar {
    top: 62px;
    height: calc(100vh - 62px);
  }

  .restored-boundary-banner {
    flex-direction: column;
  }

  .restored-queue-grid,
  .restored-user-summary,
  .restored-taxonomy-fields {
    grid-template-columns: 1fr;
  }

  .restored-queue-card {
    min-height: 122px;
  }

  .restored-taxonomy-form-head {
    flex-direction: column;
  }
}


/* src/styles/dashboard-mobile.css */
/* ============================================================
   ACQUIREIQ — Buyer / Seller / Investor Mobile Dashboard Fix
   Additive only. Desktop safe. Does not touch admin/public pages.
   Target: DashboardLayout + user demand workspace pages.
   ============================================================ */

@media (max-width: 768px) {
  /* ---- Dashboard shell ---- */
  .dash-topnav {
    min-height: 56px;
    padding: 8px 12px;
    gap: 10px;
  }

  .dash-brand,
  .dash-account {
    min-width: 0;
  }

  .dash-email {
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
  }

  .dash-content {
    padding: 16px 14px 28px;
    width: 100%;
    overflow-x: hidden;
  }

  .dash-title {
    font-size: 22px;
    line-height: 1.18;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
  }

  .dash-sidebar {
    top: 56px;
    height: calc(100vh - 56px);
    box-shadow: var(--shadow-lg);
  }

  /* ---- Main intro text ---- */
  .dash-content > .card-subtitle:first-of-type {
    font-size: 13.5px;
    line-height: 1.55;
    margin-bottom: 14px !important;
  }

  /* ---- Cards ---- */
  .dash-content .card {
    padding: 14px;
    border-radius: var(--radius-lg);
  }

  .dash-content .card:hover,
  .dash-content .stat:hover {
    transform: none;
  }

  .dash-content .card-header {
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
  }

  .dash-content .card-title {
    font-size: 15px;
  }

  .dash-content .card-subtitle {
    font-size: 13px;
    line-height: 1.45;
  }

  /* ---- User dashboard KPI cards ---- */
  .dash-content .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 16px;
  }

  .dash-content .stat {
    padding: 12px 8px;
    border-radius: var(--radius-lg);
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .dash-content .stat .num {
    font-size: 20px;
    line-height: 1.15;
    word-break: break-word;
  }

  .dash-content .stat .label {
    font-size: 11px;
    line-height: 1.25;
    margin-top: 5px;
  }

  /* ---- Quick action buttons ---- */
  .dash-content .btn {
    min-height: 40px;
    padding: 10px 14px;
    font-size: 13px;
    border-radius: var(--radius);
  }

  .dash-content .btn-sm {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 12px;
  }

  .dash-content > div[style*="display: flex"][style*="flex-wrap: wrap"] .btn {
    flex: 1 1 100%;
    width: 100%;
  }

  /* ---- Needs Attention card ---- */
  .dash-content .status-badge {
    font-size: 11.5px;
    padding: 4px 10px;
  }

  .dash-content .card .status-badge[style*="min-width"] {
    min-width: 72px !important;
  }

  .dash-content .card > div[style*="display: flex"] {
    gap: 10px !important;
  }

  /* ---- Workflow section ---- */
  .dash-content h2 {
    font-size: 18px;
    line-height: 1.25;
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .dash-content ol li {
    gap: 10px !important;
  }

  .dash-content ol li .status-badge {
    min-width: 70px !important;
    flex-shrink: 0;
  }

  .dash-content ol li strong {
    font-size: 13.5px;
    line-height: 1.35;
  }

  /* ---- Demand cards grid ---- */
  .dash-content .grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 14px 0;
  }

  .dash-content .grid .card h3 {
    font-size: 16px;
    line-height: 1.25;
    margin: 6px 0;
  }

  .dash-content .grid .card .btn {
    width: 100%;
    margin-top: 10px !important;
  }

  .dash-content .badge,
  .dash-content .status-badge {
    max-width: 100%;
    white-space: normal;
  }

  /* ---- Demand list action row ---- */
  .dash-content > div[style*="marginBottom"]:has(.btn[href*="type=buyer"]) {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px !important;
  }

  /* ---- Forms: Buyer / Seller / Investor intake ---- */
  .dash-content .form,
  .dash-content form {
    max-width: 100%;
    gap: 12px;
  }

  .dash-content .field {
    gap: 5px;
  }

  .dash-content .field > label {
    font-size: 12.5px;
  }

  .dash-content .field input:not([type="checkbox"]):not([type="radio"]),
  .dash-content .field select,
  .dash-content .field textarea,
  .dash-content .form input:not([type="checkbox"]):not([type="radio"]),
  .dash-content .form select,
  .dash-content .form textarea {
    min-height: 42px;
    padding: 10px 11px;
    font-size: 14px;
    border-radius: var(--radius);
  }

  .dash-content .field textarea,
  .dash-content .form textarea {
    min-height: 104px;
  }

  .dash-content .form .btn,
  .dash-content form .btn,
  .dash-content button[type="submit"] {
    width: 100%;
    min-height: 44px;
  }

  /* ---- Empty / loading / error states ---- */
  .dash-content .empty-state,
  .dash-content .admin-loading,
  .dash-content .admin-error,
  .dash-content .admin-empty {
    padding: 22px 14px;
    margin: 12px 0;
  }

  /* ---- Tables if any dashboard page uses them ---- */
  .dash-content .table-wrap,
  .dash-content .user-table-wrap,
  .dash-content .taxonomy-table-wrap {
    border-radius: var(--radius-lg);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .dash-content table {
    min-width: 620px;
    font-size: 13px;
  }

  .dash-content table th,
  .dash-content table td {
    padding: 10px 12px;
  }

  /* ---- Watchlists / notifications / match cards safety ---- */
  .dash-content .notif-list,
  .dash-content .approval-list,
  .dash-content .verification-list {
    gap: 10px;
  }

  .dash-content .approval-item,
  .dash-content .verification-item {
    padding: 14px;
  }
}

@media (max-width: 420px) {
  .dash-email {
    max-width: 112px;
  }

  .dash-content {
    padding-left: 12px;
    padding-right: 12px;
  }

  .dash-content .stats {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .dash-content .stat .num {
    font-size: 18px;
  }

  .dash-content .stat .label {
    font-size: 10.5px;
  }

  .dash-content .card {
    padding: 12px;
  }
}


/* src/styles/board-mobile.css */
/* ============================================================
   ACQUIREIQ — BOARD MOBILE OVERRIDES
   Scope: Buyer/Seller/Investor demand board pages only.
   Desktop remains untouched.
   ============================================================ */

@media (max-width: 768px) {
  .board-section {
    padding: 18px 0 28px;
  }

  .board-header {
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
  }

  .board-header-left {
    width: 100%;
  }

  .board-title {
    font-size: 24px;
    line-height: 1.15;
  }

  .board-subtitle {
    font-size: 13.5px;
    line-height: 1.45;
    margin-top: 4px;
  }

  .board-header-right {
    width: 100%;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
  }

  .board-signals-count {
    font-size: 12px;
    padding: 4px 10px;
  }

  .board-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    margin: 14px 0;
  }

  .board-metric {
    min-width: 0;
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius);
    padding: 10px 8px;
  }

  .board-metric-value {
    font-size: 20px;
  }

  .board-metric-label {
    font-size: 10px;
    line-height: 1.25;
  }

  .board-metric-divider {
    display: none;
  }

  .board-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .board-filters {
    position: static;
    padding: 12px;
    border-radius: var(--radius-lg);
  }

  .board-filters-header {
    margin-bottom: 10px;
  }

  .board-filters-title {
    font-size: 15px;
  }

  .board-filter-group {
    margin-bottom: 10px;
  }

  .board-filter-label {
    font-size: 11px;
    margin-bottom: 4px;
  }

  .board-filter-input,
  .board-filter-select {
    min-height: 40px;
    font-size: 14px;
    padding: 9px 10px;
  }

  .board-filters-divider {
    margin: 12px 0;
  }

  .board-leaderboard-title {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .board-results {
    min-width: 0;
  }

  .board-results-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-bottom: 10px;
  }

  .board-results-count {
    font-size: 15px;
  }

  .board-results-total {
    font-size: 12.5px;
  }

  .board-cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .signal-card {
    padding: 14px 14px 14px 16px;
    border-radius: var(--radius-lg);
  }

  .signal-card .signal-title {
    font-size: 16px;
    line-height: 1.25;
    margin: 7px 0;
  }

  .signal-card .signal-meta {
    gap: 8px 12px;
    font-size: 12.5px;
    line-height: 1.35;
  }

  .signal-card .badge,
  .signal-card .status-badge {
    font-size: 11px;
    padding: 3px 9px;
  }

  .leaderboard {
    border-radius: var(--radius);
  }

  .leaderboard-item {
    padding: 9px 10px;
    gap: 8px;
  }

  .leaderboard-item .rank {
    width: 24px;
    font-size: 12px;
  }

  .leaderboard-item .name,
  .leaderboard-item .value {
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  .board-title {
    font-size: 22px;
  }

  .board-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px;
  }

  .board-metric {
    padding: 9px 6px;
  }

  .board-metric-value {
    font-size: 18px;
  }

  .board-filters {
    padding: 10px;
  }

  .board-filter-input,
  .board-filter-select {
    min-height: 38px;
  }

  .signal-card {
    padding: 12px 12px 12px 15px;
  }

  .signal-card .signal-title {
    font-size: 15.5px;
  }

  .signal-card .signal-meta {
    flex-direction: column;
    gap: 5px;
  }
}


/* src/styles/admin-pages-mobile.css */
/* ============================================================
   ACQUIREIQ — ADMIN PAGES MOBILE OVERRIDES
   Scope: Approval Queue, Verification Review, Users, Taxonomy, Import.
   Desktop remains untouched. Import after global.css.
   ============================================================ */

@media (max-width: 768px) {
  .approval-header,
  .verification-header,
  .user-header,
  .taxonomy-header,
  .import-header {
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
  }

  .approval-title,
  .verification-title,
  .user-title,
  .taxonomy-title,
  .import-title {
    font-size: 22px;
    line-height: 1.15;
  }

  .approval-subtitle,
  .verification-subtitle,
  .user-subtitle,
  .taxonomy-subtitle,
  .import-subtitle {
    font-size: 13px;
    line-height: 1.45;
  }

  .approval-count,
  .verification-count,
  .user-count,
  .taxonomy-count {
    width: 100%;
    justify-content: space-between;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-lg);
    padding: 10px 12px;
  }

  .approval-item,
  .verification-item {
    padding: 14px;
    gap: 12px;
    border-radius: 12px;
  }

  .approval-item-header,
  .verification-item-header {
    gap: 10px;
  }

  .approval-item-left,
  .verification-item-left,
  .approval-item-right,
  .verification-item-right {
    width: 100%;
    align-items: flex-start;
  }

  .approval-item-right,
  .verification-item-right {
    justify-content: space-between;
  }

  .approval-item-details,
  .verification-details {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .approval-detail,
  .verification-detail {
    background: var(--bg-tertiary);
    border-radius: 10px;
    padding: 9px 10px;
  }

  .approval-item-actions,
  .verification-item-actions,
  .verification-action-buttons,
  .verification-action-group {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .approval-btn,
  .verification-btn,
  .verification-doc-btn {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
  }

  .user-filters,
  .user-search,
  .taxonomy-search,
  .taxonomy-tabs {
    gap: 8px;
    margin-bottom: 14px;
  }

  .user-filter,
  .user-search-input,
  .user-filter-select,
  .taxonomy-search-input,
  .taxonomy-search-clear {
    width: 100%;
  }

  .taxonomy-tab {
    flex: 1 1 calc(50% - 8px);
    text-align: center;
    padding: 9px 10px;
  }

  .user-table-wrap,
  .taxonomy-table-wrap,
  .market-table-wrap,
  .industry-table-wrap,
  .state-table-wrap {
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-lg);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .user-table,
  .taxonomy-table {
    min-width: 680px;
  }

  .import-note {
    margin: 14px 0;
    padding: 14px;
  }

  .import-placeholder {
    padding: 34px 14px;
  }

  .verification-levels-list,
  .verification-levels {
    gap: 8px;
  }

  .verification-level {
    justify-content: space-between;
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
    padding: 10px;
  }
}

@media (max-width: 420px) {
  .approval-item-details,
  .verification-details,
  .approval-item-actions,
  .verification-item-actions,
  .verification-action-buttons,
  .verification-action-group {
    grid-template-columns: 1fr;
  }

  .taxonomy-tab {
    flex-basis: 100%;
  }
}


/* src/styles/auth-mobile.css */
/* ============================================================
   ACQUIREIQ — AUTH MOBILE OVERRIDES
   Scope: Login/Register/Admin login forms.
   Desktop remains untouched. Import after global.css.
   ============================================================ */

@media (max-width: 768px) {
  .auth-shell {
    min-height: calc(100vh - 64px);
    align-items: flex-start;
    padding: 18px 14px 32px;
  }

  .auth-shell .card,
  .auth-shell form,
  .auth-shell .form,
  .simple-wrap .card,
  .simple-wrap .form {
    width: 100%;
    max-width: 100%;
  }

  .auth-shell .card,
  .simple-wrap .card {
    padding: 18px;
    border-radius: 16px;
  }

  .auth-shell h1,
  .auth-shell h2,
  .simple-wrap h1,
  .simple-wrap h2 {
    font-size: 24px;
    line-height: 1.15;
  }

  .form {
    gap: 14px;
  }

  .field input:not([type="checkbox"]):not([type="radio"]),
  .field select,
  .field textarea,
  .form input:not([type="checkbox"]):not([type="radio"]),
  .form select,
  .form textarea {
    min-height: 44px;
    font-size: 16px;
    padding: 10px 12px;
  }

  .form .btn,
  .auth-shell .btn,
  .simple-wrap .btn {
    width: 100%;
    min-height: 44px;
  }

  .form-error,
  .form-success {
    font-size: 13px;
    line-height: 1.45;
  }
}


/* src/styles/public-mobile.css */
/* ============================================================
   ACQUIREIQ — PUBLIC SITE MOBILE OVERRIDES
   Scope: Home, public intelligence, about, trust, contact.
   Desktop remains untouched. Import after global.css.
   ============================================================ */

@media (max-width: 768px) {
  .container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .header {
    padding: 10px 14px;
  }

  .logo {
    font-size: 19px;
  }

  .logo .signals {
    display: none;
  }

  .section,
  .pub-section,
  .market-section,
  .industry-section,
  .state-section {
    padding: 34px 0;
  }

  .intel-hero-inner {
    padding: 34px 0 30px;
    gap: 22px;
  }

  .intel-hero-title {
    font-size: 32px;
    line-height: 1.08;
    margin: 12px 0;
  }

  .intel-hero-lead,
  .pub-section-lead,
  .trust-lead,
  .about-lead {
    font-size: 15px;
    line-height: 1.55;
  }

  .intel-hero-cta,
  .cta-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .intel-hero-cta .btn,
  .cta-actions .btn {
    width: 100%;
  }

  .intel-strip-content,
  .market-metrics,
  .industry-metrics,
  .state-metrics,
  .board-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px;
  }

  .intel-strip-item,
  .market-metric,
  .industry-metric,
  .state-metric,
  .board-metric {
    background: var(--bg-tertiary);
    border-radius: 12px;
    padding: 10px;
    min-width: 0;
  }

  .intel-strip-value,
  .market-metric-value,
  .industry-metric-value,
  .state-metric-value,
  .board-metric-value {
    font-size: 18px;
  }

  .market-grid,
  .intel-main,
  .trust-grid,
  .about-grid,
  .contact-grid,
  .why-grid,
  .how-grid,
  .ind-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .pub-section-head,
  .pub-section-head.left {
    text-align: left;
    margin-bottom: 22px;
  }

  .pub-section-title,
  .trust-hero h1,
  .about-hero h1 {
    font-size: 27px;
    line-height: 1.15;
  }

  .live-ticker {
    padding: 10px 12px;
  }

  .live-ticker .ticker-label {
    margin-right: 8px;
  }

  .trust-band,
  .conf-steps,
  .faq,
  .trust-levels {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .cta-band {
    padding: 34px 16px;
    margin: 34px 0;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 34px 0;
  }

  .footer-bottom {
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .intel-strip-content,
  .market-metrics,
  .industry-metrics,
  .state-metrics,
  .board-metrics {
    grid-template-columns: 1fr;
  }
}


/* src/styles/mobile-ux.css */
/* ============================================================
   ACQUIREIQ — MOBILE EXPERIENCE V2
   Additive only. Desktop-safe. Works with existing classes.
   Adds app-like mobile nav, menu overlay, sticky actions,
   tap optimization, and premium loading primitives.
   ============================================================ */

@media (max-width: 1024px) {
  .aiq-mobile-backdrop {
    position: fixed;
    inset: 56px 0 0 0;
    background: rgba(15, 23, 42, 0.36);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
    z-index: 80;
    backdrop-filter: blur(2px);
  }

  .admin-body.menu-open .aiq-mobile-backdrop,
  .dash-body.menu-open .aiq-mobile-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .admin-sidebar,
  .dash-sidebar {
    box-shadow: var(--shadow-xl);
    will-change: transform;
  }

  .admin-link,
  .dash-link {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .admin-burger,
  .dash-burger {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
  }
}

@media (max-width: 768px) {
  .admin-content,
  .dash-content {
    padding-bottom: calc(var(--space-6) + 74px + env(safe-area-inset-bottom));
  }

  .admin-topnav,
  .dash-topnav {
    min-height: 56px;
  }

  .admin-email,
  .dash-email {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .aiq-mobile-bottomnav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 120;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
    padding: 8px;
    border: 1px solid var(--border-primary);
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(14px);
  }

  .aiq-mobile-bottomnav a,
  .aiq-mobile-bottomnav button {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 48px;
    border-radius: 16px;
    font-family: var(--font-sans);
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
  }

  .aiq-mobile-bottomnav .icon {
    font-size: 17px;
    line-height: 1;
  }

  .aiq-mobile-bottomnav a.active,
  .aiq-mobile-bottomnav button.active {
    background: var(--brand-accent-light);
    color: var(--brand-accent);
  }

  .aiq-sticky-actions,
  .form-actions.sticky,
  .demand-form-actions,
  .approval-item-actions,
  .verification-item-actions {
    position: sticky;
    bottom: calc(74px + env(safe-area-inset-bottom));
    z-index: 30;
    background: color-mix(in srgb, var(--bg-secondary) 96%, transparent);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(12px);
  }

  .btn,
  .approval-btn,
  .verification-btn,
  .verification-doc-btn,
  .admin-nav-item,
  .dash-link,
  .admin-link {
    min-height: 44px;
  }

  input,
  select,
  textarea {
    font-size: 16px !important; /* prevents iOS zoom */
  }
}

@media (min-width: 769px) {
  .aiq-mobile-bottomnav,
  .aiq-mobile-backdrop {
    display: none !important;
  }
}

/* Premium skeleton loading primitives. Apply when page components add these classes later. */
.aiq-skeleton {
  position: relative;
  overflow: hidden;
  background: var(--bg-tertiary);
  border-radius: var(--radius);
  min-height: 16px;
}
.aiq-skeleton::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg-secondary) 70%, transparent), transparent);
  animation: aiq-shimmer 1.3s infinite;
}
.aiq-skeleton-card {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: var(--bg-secondary);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
}
@keyframes aiq-shimmer { 100% { transform: translateX(100%); } }

@media (prefers-reduced-motion: reduce) {
  .aiq-skeleton::after,
  .signals-brand::before {
    animation: none !important;
  }
  * {
    scroll-behavior: auto !important;
  }
}


/* src/styles/match-intelligence.css */
/* ============================================================
   ACQUIREIQ — MATCH INTELLIGENCE v1
   Additive CSS only. Desktop + mobile safe. No design system reset.
   ============================================================ */

.match-page { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.match-hero { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-4); flex-wrap: wrap; }
.match-hero .dash-title { margin: var(--space-2) 0 var(--space-1); }
.match-section-title { font-size: 18px; font-weight: 800; margin-top: var(--space-5); }
.match-muted { color: var(--text-secondary); font-size: 13px; }

.match-intel-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--space-3);
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
}
.match-intel-strip > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.match-intel-strip strong { font-family: var(--font-mono); font-size: 24px; line-height: 1.1; color: var(--text-primary); }
.match-intel-strip span { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); }

.match-filter-bar { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; }
.match-filter-bar select {
  min-width: 180px;
  padding: 9px 12px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius);
  background: var(--bg-secondary);
  color: var(--text-primary);
}

.match-list { display: flex; flex-direction: column; gap: var(--space-4); }
.match-list.compact { gap: var(--space-3); }
.match-card {
  position: relative;
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.match-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--text-muted); opacity: .45; }
.match-card.confidence-high::before, .match-card.ready::before { background: var(--status-success); opacity: 1; }
.match-card.confidence-medium::before { background: var(--status-warning); opacity: 1; }
.match-card.confidence-low::before { background: var(--text-muted); }
.match-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-4); margin-bottom: var(--space-4); }
.match-title { font-size: 18px; margin: var(--space-2) 0 var(--space-1); }
.match-score-pill {
  min-width: 82px;
  text-align: center;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: var(--bg-tertiary);
  padding: 10px 12px;
}
.match-score-pill strong { display: block; font-family: var(--font-mono); font-size: 26px; line-height: 1; }
.match-score-pill span { display: block; font-size: 11px; color: var(--text-muted); text-transform: uppercase; margin-top: 4px; }

.match-counterpart-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--space-3);
  margin: var(--space-4) 0;
}
.match-counterpart-grid > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius);
  padding: var(--space-3);
  min-width: 0;
}
.match-counterpart-grid span { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; }
.match-counterpart-grid strong { font-size: 14px; color: var(--text-primary); word-break: break-word; }
.match-counterpart-grid small { color: var(--text-secondary); }

.match-reason-list { display: flex; gap: var(--space-2); flex-wrap: wrap; margin: var(--space-3) 0; }
.match-reason-list span { display: inline-flex; gap: 5px; align-items: center; padding: 5px 10px; border-radius: 999px; background: var(--brand-accent-light); color: var(--brand-accent); font-size: 12px; font-weight: 600; }
.match-reason-list b { font-family: var(--font-mono); }

.match-gates { display: flex; gap: var(--space-2); flex-wrap: wrap; margin: var(--space-3) 0; }
.match-actions { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; margin-top: var(--space-4); }
.match-note {
  border: 1px solid var(--border-primary);
  border-left: 4px solid var(--brand-accent);
  border-radius: var(--radius-lg);
  padding: var(--space-3) var(--space-4);
  background: var(--bg-secondary);
  color: var(--text-secondary);
}
.match-note.ok { border-left-color: var(--status-success); }
.btn-success { background: var(--status-success); color: #fff; }
.btn-success:hover { background: #059669; }

.admin-intel-dashboard { min-width: 0; }
.admin-intel-hero-grid { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: var(--space-4); margin: var(--space-5) 0; }
.admin-intel-health-card, .admin-intel-attention {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  color: var(--text-primary);
}
.admin-intel-health-card strong { display: block; font-family: var(--font-mono); font-size: 46px; line-height: 1; margin: var(--space-3) 0; }
.admin-intel-health-card p, .admin-intel-attention small { color: var(--text-secondary); line-height: 1.5; }
.admin-intel-attention { display: flex; flex-direction: column; gap: var(--space-2); }
.admin-intel-attention:hover { border-color: var(--brand-accent); }
.admin-intel-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); align-items: start; }
.admin-intel-list { display: flex; flex-direction: column; gap: var(--space-3); }
.admin-intel-match {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  text-decoration: none;
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius);
  padding: var(--space-3);
  background: var(--bg-primary);
}
.admin-intel-match > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.admin-intel-match span:not(.badge):not(.status-badge) { color: var(--text-secondary); font-size: 13px; }
.admin-intel-match:hover { border-color: var(--brand-accent); }
.dashboard-intel-stats.stats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.dashboard-intel-attention-card { border-left: 4px solid var(--brand-accent); }

@media (max-width: 1100px) {
  .admin-intel-hero-grid, .admin-intel-grid-two { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .match-page { gap: var(--space-4); }
  .match-hero { flex-direction: column; }
  .match-hero .btn { width: 100%; }
  .match-intel-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--space-3); }
  .match-intel-strip strong { font-size: 20px; }
  .match-filter-bar { display: grid; grid-template-columns: 1fr; }
  .match-filter-bar select, .match-filter-bar .btn { width: 100%; }
  .match-card { padding: var(--space-4); }
  .match-card-top { flex-direction: column; }
  .match-score-pill { width: 100%; display: flex; justify-content: space-between; align-items: center; text-align: left; }
  .match-score-pill strong { font-size: 24px; }
  .match-counterpart-grid { grid-template-columns: 1fr 1fr; gap: var(--space-2); }
  .match-actions .btn { width: 100%; }
  .admin-intel-match { flex-direction: column; align-items: flex-start; }
  .admin-intel-health-card, .admin-intel-attention { padding: var(--space-4); }
  .admin-intel-health-card strong { font-size: 38px; }
}

@media (max-width: 420px) {
  .match-intel-strip, .match-counterpart-grid { grid-template-columns: 1fr; }
}

/* ============================================================================
   MatchExplainer — "Why this match?" panel (user + admin).
   Consistent with existing match-card styling. Additive only.
   ========================================================================== */
.mx-explainer { border-top: 1px solid var(--border-color, #dbe6f2); margin-top: 14px; padding-top: 14px; display: grid; gap: 14px; }
.mx-explainer.compact { margin-top: 10px; padding-top: 10px; gap: 10px; }

.mx-head { display: flex; gap: 14px; align-items: flex-start; }
.mx-score { display: flex; align-items: baseline; gap: 2px; min-width: 74px; color: var(--text-color, #0d1d38); }
.mx-score strong { font-size: 30px; font-weight: 850; line-height: 1; }
.mx-score span { font-size: 12px; color: var(--text-muted, #546174); font-weight: 700; }
.mx-head-copy { display: grid; gap: 6px; }
.mx-head-copy p { margin: 0; font-size: 12.5px; }

.mx-factors { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mx-factor-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.mx-factor-name { font-size: 12.5px; font-weight: 750; color: var(--text-color, #0d1d38); }
.mx-factor-pts { font-size: 12px; font-weight: 800; color: #0b67d1; }
.mx-bar { height: 6px; border-radius: 4px; background: rgba(11, 103, 209, .12); overflow: hidden; margin-top: 4px; }
.mx-bar i { display: block; height: 100%; border-radius: 4px; background: #0b67d1; transition: width .35s ease; }
.mx-factor-label { margin: 4px 0 0; font-size: 12px; color: var(--text-muted, #546174); }

.mx-missing { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mx-missing-title { font-size: 12px; font-weight: 750; color: var(--text-muted, #546174); }

.mx-lifecycle { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.mx-life-step { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--text-muted, #546174); }
.mx-life-step i { width: 9px; height: 9px; border-radius: 50%; background: #c8d6e8; }
.mx-life-step.done { color: var(--text-color, #0d1d38); }
.mx-life-step.done i { background: #16a34a; }
.mx-life-step.now { color: #0b67d1; }
.mx-life-step.now i { background: #0b67d1; box-shadow: 0 0 0 3px rgba(11, 103, 209, .18); }
.mx-life-step.declined { color: #b3261e; }
.mx-life-step.declined i { background: #b3261e; }

.mx-toggle { background: none; border: none; color: #0b67d1; font-weight: 750; font-size: 13px; cursor: pointer; padding: 0; }
.mx-toggle:hover { text-decoration: underline; }

/* Match filters row (MyMatches) */
.match-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; }
.match-filters select, .match-filters input {
  border: 1px solid var(--border-color, #dbe6f2); border-radius: 8px;
  padding: 9px 12px; font-size: 13.5px; background: #fff; color: var(--text-color, #0d1d38);
}
.match-filters input { min-width: 200px; flex: 1; }

/* Role panels on the main dashboard (broker / investor) */
.role-panel { border: 1px solid var(--border-color, #dbe6f2); border-radius: 14px; padding: 20px; background: #fff; display: grid; gap: 14px; }
.role-panel h3 { margin: 0; font-size: 16px; }
.role-panel .role-note { margin: 0; font-size: 12.5px; color: var(--text-muted, #546174); }
.role-pathways { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.role-pathway { border: 1px solid var(--border-color, #dbe6f2); border-radius: 12px; padding: 14px 16px; text-decoration: none; color: inherit; display: grid; gap: 4px; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.role-pathway:hover { border-color: #0b67d1; box-shadow: 0 10px 26px rgba(6, 25, 54, .08); transform: translateY(-2px); }
.role-pathway strong { font-size: 14px; }
.role-pathway span { font-size: 12.5px; color: var(--text-muted, #546174); }
.role-kpis { display: flex; flex-wrap: wrap; gap: 18px; }
.role-kpis div { display: grid; }
.role-kpis strong { font-size: 22px; font-weight: 850; }
.role-kpis span { font-size: 12px; color: var(--text-muted, #546174); }
@media (prefers-reduced-motion: reduce) {
  .mx-bar i { transition: none; }
  .role-pathway:hover { transform: none; }
}


/* src/styles/enterprise-intelligence.css */
/* ============================================================
   ACQUIREIQ — Sprint 4.2 Enterprise Intelligence Layer
   Additive only. Keeps global design system locked.
   ============================================================ */

.intelx-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: var(--space-5);
  margin: var(--space-5) 0;
}

.intelx-two-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin: var(--space-5) 0;
}

.intelx-health-card,
.intelx-panel {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.intelx-health-card { padding: var(--space-5); }

.intelx-health-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-4);
}

.intelx-eyebrow {
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--brand-accent);
  margin-bottom: var(--space-2);
}

.intelx-health-top h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.intelx-score {
  min-width: 92px;
  text-align: center;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
  background: var(--bg-tertiary);
}

.intelx-score strong {
  display: block;
  font-family: var(--font-mono);
  font-size: 30px;
  line-height: 1;
}

.intelx-score span {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.intelx-score.ok { border-color: color-mix(in srgb, var(--status-success) 45%, var(--border-primary)); }
.intelx-score.warn { border-color: color-mix(in srgb, var(--status-warning) 45%, var(--border-primary)); }
.intelx-score.bad { border-color: color-mix(in srgb, var(--status-danger) 45%, var(--border-primary)); }

.intelx-mini-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.intelx-mini-metric {
  padding: var(--space-3);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius);
  background: var(--bg-primary);
}

.intelx-mini-metric strong {
  display: block;
  font-family: var(--font-mono);
  font-size: 20px;
}

.intelx-mini-metric span {
  font-size: 11px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.intelx-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-primary);
  background: var(--bg-tertiary);
}

.intelx-panel-title { font-weight: 800; font-size: 14px; }
.intelx-panel-note { font-size: 12px; color: var(--text-muted); }
.intelx-panel-link { color: var(--brand-accent); font-size: 13px; font-weight: 700; text-decoration: none; }

.intelx-alert-list,
.intelx-rank-list,
.intelx-signal-feed,
.intelx-match-list { display: flex; flex-direction: column; }

.intelx-alert,
.intelx-rank-row,
.intelx-signal-row,
.intelx-match-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-primary);
  text-decoration: none;
  color: var(--text-primary);
}

.intelx-alert:last-child,
.intelx-rank-row:last-child,
.intelx-signal-row:last-child,
.intelx-match-row:last-child { border-bottom: none; }

.intelx-alert:hover,
.intelx-match-row:hover { background: var(--bg-tertiary); }

.intelx-alert-copy,
.intelx-signal-main,
.intelx-match-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.intelx-alert-copy small,
.intelx-signal-main small,
.intelx-match-main small {
  color: var(--text-secondary);
  line-height: 1.4;
}

.intelx-rank-num,
.intelx-match-score {
  font-family: var(--font-mono);
  font-weight: 800;
  color: var(--brand-accent);
}

.intelx-rank-label { flex: 1; }

.intelx-match-score {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius);
  background: var(--brand-accent-light);
}

@media (max-width: 900px) {
  .intelx-grid,
  .intelx-two-grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .intelx-health-top { flex-direction: column; }
  .intelx-score { width: 100%; display: flex; align-items: baseline; justify-content: space-between; text-align: left; }
  .intelx-score strong { font-size: 26px; }
}

@media (max-width: 520px) {
  .intelx-mini-metrics { grid-template-columns: 1fr; }
  .intelx-alert,
  .intelx-signal-row,
  .intelx-match-row { align-items: flex-start; }
  .intelx-panel-head { align-items: flex-start; flex-direction: column; }
}


/* src/styles/watchtower.css */
/* ============================================================
   AcquireIQ Sprint 5 — Watchtower + Action Center
   Additive only. Desktop + mobile safe. Uses existing design tokens.
   ============================================================ */

.watchtower-page,
.action-center-page { display: flex; flex-direction: column; gap: var(--space-5); }

.watchtower-hero {
  display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-4);
  background: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary));
  border: 1px solid var(--border-primary); border-radius: var(--radius-xl);
  padding: var(--space-5); box-shadow: var(--shadow-sm);
}

.watchtower-health-card,
.action-readiness-card {
  display: grid; grid-template-columns: 220px 1fr; gap: var(--space-5); align-items: stretch;
  background: var(--bg-secondary); border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl); padding: var(--space-5); box-shadow: var(--shadow-sm);
}

.watchtower-health-score,
.action-readiness-score {
  display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;
  border: 1px solid var(--border-primary); border-radius: var(--radius-lg);
  background: radial-gradient(240px 120px at 50% 0%, color-mix(in srgb, var(--brand-accent) 13%, transparent), transparent 70%), var(--bg-primary);
  padding: var(--space-5);
}
.watchtower-health-score strong,
.action-readiness-score strong { font-family: var(--font-mono); font-size: 56px; line-height: 1; color: var(--brand-accent); }
.watchtower-health-score span,
.action-readiness-score span { color: var(--text-secondary); font-weight: 700; margin-top: var(--space-2); }

.watchtower-health-grid,
.action-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); }
.watchtower-health-grid div,
.action-kpis div {
  border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4);
  background: var(--bg-primary); display: flex; flex-direction: column; gap: var(--space-1);
}
.watchtower-health-grid span,
.action-kpis span { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); }
.watchtower-health-grid strong,
.action-kpis strong { font-size: 18px; color: var(--text-primary); }

.watchtower-lanes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.watchtower-lane {
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-3);
  background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg);
  padding: var(--space-4); text-decoration: none; color: var(--text-primary); box-shadow: var(--shadow-sm);
}
.watchtower-lane:hover { border-color: var(--brand-accent); transform: translateY(-1px); }
.watchtower-lane span { color: var(--text-secondary); font-weight: 700; }
.watchtower-lane strong { font-family: var(--font-mono); font-size: 26px; }

.watchtower-grid-main,
.action-grid-main { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr); gap: var(--space-5); }
.watchtower-panel,
.action-panel {
  background: var(--bg-secondary); border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); overflow: hidden;
}
.watchtower-panel-head,
.action-panel-head {
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-3);
  padding: var(--space-4); border-bottom: 1px solid var(--border-primary); background: var(--bg-tertiary);
}
.watchtower-panel-head h2,
.action-panel-head h2 { font-size: 16px; margin: 0; }
.watchtower-panel-head span,
.action-panel-head span,
.watchtower-panel-head a,
.action-panel-head a { font-size: 12px; color: var(--text-muted); text-decoration: none; font-weight: 700; }
.watchtower-panel-head a:hover,
.action-panel-head a:hover { color: var(--brand-accent); }

.watchtower-alert-list,
.action-list,
.watchtower-opportunity-list,
.watchtower-stale-list,
.action-match-list { display: flex; flex-direction: column; }

.watchtower-alert,
.action-item {
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-4);
  padding: var(--space-4); border-bottom: 1px solid var(--border-primary); text-decoration: none; color: var(--text-primary);
}
.watchtower-alert:last-child,
.action-item:last-child { border-bottom: none; }
.watchtower-alert:hover,
.action-item:hover { background: var(--bg-tertiary); }
.watchtower-alert h3,
.action-item strong { font-size: 15px; margin: var(--space-1) 0; display: block; }
.watchtower-alert p,
.action-item p { color: var(--text-secondary); font-size: 13px; margin: 0; }
.watchtower-alert strong,
.action-item em { font-family: var(--font-mono); font-style: normal; font-size: 22px; color: var(--text-muted); }
.watchtower-alert-level,
.action-item span:first-child { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; color: var(--text-muted); }
.watchtower-alert.bad,
.action-item.bad { border-left: 4px solid var(--status-danger); }
.watchtower-alert.warn,
.action-item.warn { border-left: 4px solid var(--status-warning); }
.watchtower-alert.ok,
.action-item.ok { border-left: 4px solid var(--status-success); }

.watchtower-kpi-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); padding: var(--space-4); }
.watchtower-kpi-list div { background: var(--bg-primary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); }
.watchtower-kpi-list span { display: block; color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.watchtower-kpi-list strong { display: block; font-family: var(--font-mono); font-size: 26px; margin-top: var(--space-1); }

.watchtower-opportunity,
.action-match {
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-3);
  padding: var(--space-4); border-bottom: 1px solid var(--border-primary); text-decoration: none; color: var(--text-primary);
}
.watchtower-opportunity:hover,
.action-match:hover { background: var(--bg-tertiary); }
.watchtower-opportunity strong,
.action-match strong { display: block; margin: var(--space-2) 0 var(--space-1); }
.watchtower-opportunity small,
.action-match small { color: var(--text-secondary); }
.watchtower-score,
.action-score { font-family: var(--font-mono); font-size: 28px; font-weight: 800; color: var(--brand-accent); }

.watchtower-stale { display: flex; flex-direction: column; gap: 2px; padding: var(--space-4); border-bottom: 1px solid var(--border-primary); }
.watchtower-stale span { color: var(--text-secondary); font-size: 13px; }
.watchtower-stale small { color: var(--text-muted); font-family: var(--font-mono); }

.action-center-intro { margin-bottom: 0; }
.action-signal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-3); padding: var(--space-4); }
.action-signal {
  display: flex; flex-direction: column; gap: var(--space-2); background: var(--bg-primary);
  border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4);
  color: var(--text-primary); text-decoration: none;
}
.action-signal:hover { border-color: var(--brand-accent); }
.action-signal-top { display: flex; justify-content: space-between; gap: var(--space-2); align-items: center; }
.action-signal span:not(.badge):not(.status-badge),
.action-signal small { color: var(--text-secondary); }
.action-signal small { font-family: var(--font-mono); font-size: 12px; }

@media (max-width: 1024px) {
  .watchtower-health-card,
  .action-readiness-card,
  .watchtower-grid-main,
  .action-grid-main { grid-template-columns: 1fr; }
  .watchtower-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .watchtower-hero { align-items: stretch; flex-direction: column; padding: var(--space-4); }
  .watchtower-health-card,
  .action-readiness-card { padding: var(--space-4); gap: var(--space-3); }
  .watchtower-health-score strong,
  .action-readiness-score strong { font-size: 42px; }
  .watchtower-lanes { grid-template-columns: 1fr; }
  .watchtower-alert,
  .action-item,
  .watchtower-opportunity,
  .action-match { align-items: flex-start; }
  .watchtower-kpi-list { grid-template-columns: 1fr; }
  .watchtower-panel-head,
  .action-panel-head { align-items: flex-start; flex-direction: column; }
}


/* src/styles/v1-completion.css */
/* AcquireIQ V1 Completion Pack — additive only. Does not redesign locked design system. */
.v1-page { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.v1-page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
.v1-page-header h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.05; letter-spacing: -0.04em; margin: 6px 0 8px; }
.v1-page-header p { color: var(--text-secondary); max-width: 760px; }
.v1-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-accent); }
.v1-page-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.v1-confidentiality { display: flex; gap: var(--space-3); align-items: center; background: color-mix(in srgb, var(--brand-accent) 8%, var(--bg-secondary)); border: 1px solid var(--border-primary); border-left: 4px solid var(--brand-accent); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); color: var(--text-secondary); }
.v1-confidentiality strong { color: var(--text-primary); white-space: nowrap; }
.v1-hero-grid { display: grid; grid-template-columns: minmax(320px, .95fr) 1.4fr; gap: var(--space-4); align-items: stretch; }
.v1-health-card, .v1-panel, .v1-metric-card, .v1-opportunity-card, .v1-signal-card, .v1-pipeline-col { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.v1-health-card { display: flex; align-items: center; gap: var(--space-5); padding: var(--space-5); }
.v1-health-copy h2 { margin: 0 0 6px; font-size: 20px; }
.v1-health-copy p { color: var(--text-secondary); margin: 0; }
.v1-progress-ring { width: 132px; aspect-ratio: 1; border-radius: 50%; flex: 0 0 auto; background: conic-gradient(var(--brand-accent) calc(var(--score) * 1%), var(--bg-tertiary) 0); display: grid; place-items: center; }
.v1-ring-core { width: 96px; aspect-ratio: 1; border-radius: 50%; background: var(--bg-secondary); display: grid; place-items: center; align-content: center; }
.v1-ring-core strong { font-size: 32px; line-height: 1; font-family: var(--font-mono); }
.v1-ring-core span { font-size: 11px; color: var(--text-muted); text-transform: uppercase; font-weight: 700; }
.v1-lane-grid, .v1-metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-3); }
.v1-metric-grid.wide { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
.v1-metric-card { display: flex; flex-direction: column; gap: 4px; padding: var(--space-4); color: var(--text-primary); text-decoration: none; min-height: 108px; justify-content: center; }
.v1-metric-card:hover { border-color: var(--brand-accent); transform: translateY(-1px); }
.v1-metric-card.success { border-left: 4px solid var(--status-success); }
.v1-metric-card.warning { border-left: 4px solid var(--status-warning); }
.v1-metric-label { color: var(--text-secondary); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.v1-metric-value { font-size: 30px; line-height: 1; font-family: var(--font-mono); }
.v1-metric-hint { font-size: 12px; color: var(--text-muted); }
.v1-two-col { display: grid; grid-template-columns: 1.25fr .85fr; gap: var(--space-4); }
.v1-panel { overflow: hidden; }
.v1-panel-head { display: flex; justify-content: space-between; gap: var(--space-3); align-items: center; padding: var(--space-4); border-bottom: 1px solid var(--border-primary); background: var(--bg-tertiary); }
.v1-panel-head h2 { margin: 0; font-size: 18px; }
.v1-panel-head p { margin: 3px 0 0; color: var(--text-secondary); font-size: 13px; }
.v1-panel-head a { color: var(--brand-accent); font-weight: 700; text-decoration: none; }
.v1-panel-body { padding: var(--space-4); }
.v1-action-list, .v1-stack, .v1-audit-list { display: flex; flex-direction: column; gap: var(--space-3); }
.v1-action-item { display: grid; grid-template-columns: auto 1fr auto; gap: var(--space-3); align-items: start; padding: var(--space-3); border: 1px solid var(--border-primary); border-radius: var(--radius); color: var(--text-primary); text-decoration: none; background: var(--bg-secondary); }
.v1-action-item:hover { border-color: var(--brand-accent); }
.v1-action-copy p { color: var(--text-secondary); margin: 3px 0 0; font-size: 13px; }
.v1-action-item em { font-family: var(--font-mono); font-style: normal; color: var(--text-muted); }
.v1-level { border-radius: 999px; padding: 4px 8px; font-size: 10px; font-weight: 800; text-transform: uppercase; background: var(--bg-tertiary); color: var(--text-secondary); }
.v1-level.critical, .v1-level.high { background: #fee2e2; color: #991b1b; }
.v1-level.medium { background: #fef3c7; color: #92400e; }
.v1-level.low { background: #d1fae5; color: #065f46; }
.v1-pulse-list { display: flex; flex-direction: column; gap: 8px; }
.v1-pulse-list h3 { margin: 8px 0 2px; font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .08em; }
.v1-pulse-list div { display: flex; justify-content: space-between; border-bottom: 1px solid var(--border-primary); padding: 7px 0; }
.v1-pulse-list strong { font-family: var(--font-mono); }
.v1-opportunity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-3); }
.v1-opportunity-card { padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-3); }
.v1-opportunity-top, .v1-opportunity-main, .v1-card-actions, .v1-signal-top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.v1-opportunity-main strong { display: block; font-size: 16px; }
.v1-opportunity-main p, .v1-opportunity-main small { display: block; color: var(--text-secondary); margin: 3px 0 0; }
.v1-score { width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; background: var(--brand-accent-light); color: var(--brand-accent); font-family: var(--font-mono); font-weight: 800; font-size: 22px; flex: 0 0 auto; }
.v1-confidence { font-size: 11px; font-weight: 800; text-transform: uppercase; border-radius: 999px; padding: 4px 9px; background: var(--bg-tertiary); color: var(--text-secondary); }
.v1-confidence.high { background: #d1fae5; color: #065f46; }
.v1-confidence.medium { background: #fef3c7; color: #92400e; }
.v1-confidence.low { background: #fee2e2; color: #991b1b; }
.v1-chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
.v1-chip-row span { background: var(--bg-tertiary); color: var(--text-secondary); border-radius: 999px; padding: 4px 9px; font-size: 12px; }
.v1-filter-row { display: flex; gap: 8px; flex-wrap: wrap; }
.v1-filter-row button { border: 1px solid var(--border-primary); background: var(--bg-secondary); color: var(--text-secondary); padding: 8px 12px; border-radius: 999px; cursor: pointer; font-weight: 700; text-transform: capitalize; }
.v1-filter-row button.active { background: var(--brand-accent); color: #fff; border-color: var(--brand-accent); }
.v1-match-wrap { display: flex; flex-direction: column; gap: 8px; }
.v1-card-actions { justify-content: flex-start; flex-wrap: wrap; }
.v1-pipeline-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); align-items: start; }
.v1-pipeline-col { padding: var(--space-3); display: flex; flex-direction: column; gap: var(--space-3); min-height: 280px; }
.v1-pipeline-col header { display: flex; justify-content: space-between; align-items: center; font-weight: 800; padding: 0 2px 8px; border-bottom: 1px solid var(--border-primary); }
.v1-pipeline-col header strong { font-family: var(--font-mono); color: var(--brand-accent); }
.v1-empty { text-align: center; padding: var(--space-5); border: 1px dashed var(--border-primary); border-radius: var(--radius-lg); color: var(--text-secondary); background: var(--bg-primary); }
.v1-empty strong { display: block; color: var(--text-primary); margin-bottom: 4px; }
.v1-empty p { margin: 0 0 var(--space-3); }
.v1-signal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-3); }
.v1-signal-card { color: var(--text-primary); text-decoration: none; padding: var(--space-4); display: flex; flex-direction: column; gap: 8px; }
.v1-signal-card:hover { border-color: var(--brand-accent); }
.v1-signal-card p, .v1-signal-card small { margin: 0; color: var(--text-secondary); }
.v1-audit-list div { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: var(--space-3); align-items: center; border-bottom: 1px solid var(--border-primary); padding: var(--space-2) 0; }
.v1-audit-list span, .v1-audit-list small { color: var(--text-secondary); }
@media (max-width: 980px) { .v1-hero-grid, .v1-two-col, .v1-pipeline-board { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .v1-page { gap: var(--space-4); } .v1-health-card { flex-direction: column; text-align: center; } .v1-confidentiality { align-items: flex-start; flex-direction: column; } .v1-metric-card { min-height: 88px; padding: var(--space-3); } .v1-metric-value { font-size: 24px; } .v1-panel-head { align-items: flex-start; flex-direction: column; } .v1-audit-list div { grid-template-columns: 1fr; gap: 2px; } }


/* src/styles/system-status.css */
.system-status-page { display: flex; flex-direction: column; gap: var(--space-5); }
.system-status-header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }
.system-hero { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); padding: var(--space-5); border: 1px solid var(--border-primary); border-radius: var(--radius-xl); background: var(--bg-secondary); box-shadow: var(--shadow-sm); }
.system-hero.ok { border-left: 4px solid var(--status-success); }
.system-hero.bad { border-left: 4px solid var(--status-danger); }
.system-hero h2 { font-size: 24px; line-height: 1.2; margin: var(--space-2) 0 var(--space-1); }
.system-hero p { color: var(--text-secondary); font-size: 14px; }
.system-status-pill { display: inline-flex; align-items: center; width: fit-content; padding: 4px 10px; border-radius: 999px; background: var(--brand-accent-light); color: var(--brand-accent); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
.system-uptime { display: flex; flex-direction: column; gap: 2px; min-width: 150px; text-align: right; }
.system-uptime span, .system-info-grid span { color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; }
.system-uptime strong { font-family: var(--font-mono); font-size: 24px; }
.system-check-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-4); }
.system-check-card { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); background: var(--bg-secondary); }
.system-check-card strong { display: block; margin-bottom: 2px; }
.system-check-card p { margin: 0; color: var(--text-secondary); font-size: 14px; }
.system-check-dot { width: 10px; height: 10px; border-radius: 50%; margin-top: 7px; background: var(--text-muted); flex: 0 0 auto; }
.system-check-card.ok .system-check-dot { background: var(--status-success); }
.system-check-card.bad .system-check-dot { background: var(--status-danger); }
.system-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-3); }
.system-info-grid div { display: flex; flex-direction: column; gap: 4px; padding: var(--space-4); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); min-width: 0; }
.system-info-grid strong { font-family: var(--font-mono); font-size: 13px; word-break: break-word; }
.system-note { display: flex; gap: var(--space-2); flex-wrap: wrap; padding: var(--space-4); border: 1px solid var(--border-primary); border-left: 3px solid var(--brand-accent); border-radius: var(--radius-lg); background: var(--bg-secondary); color: var(--text-secondary); }
.system-note strong { color: var(--text-primary); }
@media (max-width: 640px) {
  .system-hero { align-items: flex-start; flex-direction: column; padding: var(--space-4); }
  .system-uptime { text-align: left; }
  .system-hero h2 { font-size: 20px; }
}


/* src/styles/v1-reports.css */
/* AcquireIQ V1 Reports + Controlled Introduction Center
   Additive only. Does not modify auth, home, register, or core design tokens. */

.v1-reports-page,
.v1-user-report-page,
.v1-intro-center-page { padding-bottom: 88px; }

.v1-report-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-5);
  align-items: center;
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  margin: var(--space-5) 0;
  box-shadow: var(--shadow-sm);
}

.v1-report-hero h2 { font-size: 22px; margin-bottom: var(--space-1); }
.v1-report-hero p { color: var(--text-secondary); margin-bottom: var(--space-3); }

.v1-mini-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.v1-mini-metrics span {
  display: inline-flex;
  gap: var(--space-1);
  align-items: center;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  color: var(--text-secondary);
}
.v1-mini-metrics strong { color: var(--text-primary); font-family: var(--font-mono); }

.v1-insight-list { display: flex; flex-direction: column; gap: var(--space-2); }
.v1-insight-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: var(--bg-secondary);
  color: var(--text-primary);
  text-decoration: none;
  transition: var(--transition);
}
.v1-insight-row:hover { border-color: var(--brand-accent); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.v1-insight-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.v1-insight-copy strong { font-size: 14px; }
.v1-insight-copy small { color: var(--text-secondary); line-height: 1.45; }
.v1-insight-count { font-family: var(--font-mono); font-weight: 800; color: var(--brand-accent); }
.v1-insight-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--text-muted); }
.v1-insight-dot.success { background: var(--status-success); }
.v1-insight-dot.warning { background: var(--status-warning); }
.v1-insight-dot.danger { background: var(--status-danger); }

.v1-stale-list { display: flex; flex-direction: column; gap: var(--space-2); }
.v1-stale-list a {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  color: var(--text-primary);
  text-decoration: none;
}
.v1-stale-list span { color: var(--text-secondary); font-size: 13px; }
.v1-stale-list em { font-style: normal; font-family: var(--font-mono); color: var(--status-warning); }

.v1-bar-list { display: flex; flex-direction: column; gap: var(--space-3); }
.v1-bar-row {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) 1fr auto;
  gap: var(--space-3);
  align-items: center;
}
.v1-bar-row span { color: var(--text-secondary); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v1-bar-row div { height: 10px; background: var(--bg-tertiary); border-radius: 999px; overflow: hidden; }
.v1-bar-row i { display: block; height: 100%; background: var(--brand-accent); border-radius: 999px; }
.v1-bar-row strong { font-family: var(--font-mono); font-size: 13px; }

.v1-report-table { display: flex; flex-direction: column; }
.v1-report-table > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-primary);
  align-items: center;
}
.v1-report-table > div:last-child { border-bottom: none; }
.v1-report-table span { color: var(--brand-accent); font-weight: 700; font-size: 13px; }
.v1-report-table strong { font-size: 13px; }
.v1-report-table small { color: var(--text-secondary); }
.v1-report-table em { color: var(--text-muted); font-style: normal; font-family: var(--font-mono); font-size: 12px; }

.v1-status-stack { display: flex; flex-direction: column; gap: var(--space-2); }
.v1-status-stack div {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
}
.v1-status-stack span { color: var(--text-secondary); text-transform: capitalize; }
.v1-status-stack strong { font-family: var(--font-mono); }

.v1-intro-list { display: flex; flex-direction: column; gap: var(--space-4); }
.v1-intro-card {
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl);
  background: var(--bg-secondary);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
}
.v1-intro-card.needs-action { border-color: var(--status-warning); }
.v1-intro-card-head {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  align-items: flex-start;
  margin-bottom: var(--space-3);
}
.v1-intro-card h3 { margin: var(--space-1) 0; font-size: 18px; }
.v1-intro-card p { color: var(--text-secondary); font-size: 14px; }
.v1-intro-card-head > strong {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--brand-accent-light);
  color: var(--brand-accent);
  font-size: 12px;
  white-space: nowrap;
}
.v1-gate-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.v1-gate-row span {
  text-align: center;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius);
  padding: 8px;
  font-size: 12px;
  color: var(--text-secondary);
  background: var(--bg-tertiary);
}
.v1-gate-row span.done {
  background: #d1fae5;
  color: #065f46;
  border-color: #a7f3d0;
}
.v1-intro-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.v1-intro-meta span {
  font-size: 12px;
  color: var(--text-secondary);
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
  border-radius: 999px;
  padding: 4px 10px;
}

@media (max-width: 760px) {
  .v1-report-hero { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .v1-mini-metrics { justify-content: center; }
  .v1-stale-list a { grid-template-columns: 1fr; gap: var(--space-1); }
  .v1-bar-row { grid-template-columns: 1fr; gap: var(--space-1); }
  .v1-report-table > div { grid-template-columns: 1fr; gap: 2px; }
  .v1-intro-card-head { flex-direction: column; }
  .v1-gate-row { grid-template-columns: 1fr 1fr; }
  .v1-insight-row { align-items: flex-start; }
}


/* src/styles/v1-enterprise-final.css */
/* AcquireIQ V1 Enterprise Final Layer — additive only. */
.enterprise-page { display: flex; flex-direction: column; gap: var(--space-5); }
.enterprise-hero { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-sm); }
.enterprise-hero.compact { padding: var(--space-5); }
.enterprise-hero h1 { font-size: clamp(26px, 4vw, 42px); line-height: 1.08; letter-spacing: -0.03em; margin: var(--space-2) 0; }
.enterprise-hero p { color: var(--text-secondary); max-width: 860px; }
.enterprise-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--space-3); }
.enterprise-kpi-card { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; gap: 4px; }
.enterprise-kpi-value { font-family: var(--font-mono); font-size: 28px; line-height: 1.1; font-weight: 800; color: var(--text-primary); }
.enterprise-kpi-label { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); font-weight: 700; }
.enterprise-kpi-note { font-size: 13px; color: var(--text-secondary); }
.enterprise-actions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-3); }
.enterprise-action-card { text-decoration: none; color: var(--text-primary); background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); padding: var(--space-4); display: grid; grid-template-columns: 54px 1fr; gap: var(--space-3); align-items: start; box-shadow: var(--shadow-sm); transition: var(--transition); }
.enterprise-action-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--brand-accent); }
.enterprise-action-card p { margin-top: 4px; color: var(--text-secondary); font-size: 13px; line-height: 1.45; }
.enterprise-action-count { width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-weight: 800; background: var(--bg-tertiary); color: var(--text-primary); }
.enterprise-action-card.warn .enterprise-action-count { background: #fef3c7; color: #92400e; }
.enterprise-action-card.ok .enterprise-action-count { background: #d1fae5; color: #065f46; }
.enterprise-action-card.bad .enterprise-action-count { background: #fee2e2; color: #991b1b; }
.enterprise-two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.enterprise-panel { background: var(--bg-secondary); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.enterprise-panel-head { padding: var(--space-4); border-bottom: 1px solid var(--border-primary); background: var(--bg-tertiary); }
.enterprise-panel-head h2 { font-size: 16px; margin: 0; }
.enterprise-panel-head p { margin-top: 4px; color: var(--text-secondary); font-size: 13px; }
.enterprise-panel-body { padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2); }
.enterprise-empty { color: var(--text-secondary); }
.enterprise-row { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); padding: 10px 0; border-bottom: 1px solid var(--border-primary); }
.enterprise-row:last-child { border-bottom: 0; }
.enterprise-row span { color: var(--text-secondary); font-size: 13px; text-align: right; }
.enterprise-opportunity { display: grid; grid-template-columns: 1fr 72px auto; gap: var(--space-3); align-items: center; padding: var(--space-3); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); background: var(--bg-primary); }
.enterprise-opportunity p { color: var(--text-secondary); margin-top: 3px; }
.enterprise-opportunity small { color: var(--text-muted); }
.enterprise-score { width: 56px; height: 56px; border-radius: 50%; background: var(--brand-accent-light); color: var(--brand-accent); display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 18px; font-weight: 800; }
.enterprise-timeline-row { display: grid; grid-template-columns: 18px 1fr; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--border-primary); }
.enterprise-timeline-row:last-child { border-bottom: 0; }
.enterprise-timeline-row p { color: var(--text-secondary); margin: 3px 0; }
.enterprise-timeline-row small { color: var(--text-muted); }
.enterprise-dot { width: 12px; height: 12px; margin-top: 6px; border-radius: 50%; background: var(--brand-accent); box-shadow: 0 0 0 4px var(--brand-accent-light); }
@media (max-width: 760px) {
  .enterprise-hero { padding: 22px 18px; }
  .enterprise-two-col { grid-template-columns: 1fr; }
  .enterprise-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enterprise-kpi-card { padding: 16px 14px; }
  .enterprise-kpi-value { font-size: 23px; }
  .enterprise-action-card { grid-template-columns: 46px 1fr; padding: 16px; }
  .enterprise-action-count { width: 46px; height: 46px; }
  .enterprise-opportunity { grid-template-columns: 1fr; }
  .enterprise-score { width: 48px; height: 48px; }
}


/* src/styles/v1-launch.css */
/* AcquireIQ V1 Launch Readiness — additive only */
.launch-page .v1-section-panel,
.launch-page .card {
  min-width: 0;
}

.launch-hero {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) 1.4fr;
  gap: var(--space-5);
  align-items: stretch;
  margin: var(--space-5) 0;
}

.launch-score-card {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  box-shadow: var(--shadow-sm);
}

.launch-score-card h2 {
  margin: 0 0 var(--space-2);
  font-size: 24px;
  letter-spacing: -0.02em;
}

.launch-score-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.55;
}

.launch-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: var(--space-3);
}

.launch-checklist,
.launch-audit-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.launch-check-item {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: var(--space-3);
  align-items: start;
  text-decoration: none;
  color: var(--text-primary);
  padding: var(--space-3);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  background: var(--bg-primary);
  transition: var(--transition);
}

.launch-check-item:hover {
  border-color: var(--brand-accent);
  transform: translateY(-1px);
}

.launch-check-item p {
  margin: 4px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.launch-audit-row {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-primary);
}

.launch-audit-row:last-child {
  border-bottom: none;
}

.launch-audit-row span,
.launch-audit-row small {
  color: var(--text-secondary);
}

.launch-audit-row small {
  font-family: var(--font-mono);
  font-size: 12px;
}

.launch-module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
}

.launch-module-card {
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}

.launch-module-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}

.launch-module-card p {
  margin: 0 0 var(--space-3);
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.launch-route-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.launch-route-list a {
  font-family: var(--font-mono);
  font-size: 11px;
  text-decoration: none;
  color: var(--brand-accent);
  background: var(--brand-accent-light);
  border-radius: 999px;
  padding: 4px 8px;
}

@media (max-width: 1100px) {
  .launch-hero {
    grid-template-columns: 1fr;
  }

  .launch-metric-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
}

@media (max-width: 640px) {
  .launch-score-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .launch-metric-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2);
  }

  .launch-check-item {
    grid-template-columns: 1fr;
  }

  .launch-audit-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}


/* src/styles/public-premium.css */
/* ============================================================================
   ACQUIREIQ — CONCEPT A: INSTITUTIONAL CLASSIC
   Implementation of the High-Fidelity Visual Production Boards (final design
   authority for the public website). Public pages ONLY — dashboards, portals
   and admin use separate class namespaces and are untouched.

   MASTER DESIGN TOKENS (Section 0 of the Production Boards)
   ========================================================================== */

:root {
  /* Color Token Architecture */
  --ax-navy-ink:   #0A111F;   /* Color/Navy/PrimaryInk  — deep midnight, matte */
  --ax-gold:       #C5A265;   /* Color/Gold/Accent      — burnished sand gold  */
  --ax-alabaster:  #FAF8F5;   /* Color/Canvas/Alabaster — warm museum paper    */
  --ax-white:      #FFFFFF;   /* Color/Base/White                              */
  --ax-rule:       #E4E8FE;   /* Color/Blue/MutedRule   — ultra-fine hairline  */
  --ax-slate:      #4A5262;   /* Color/Slate/Paragraph  — editorial charcoal   */
  --ax-navy-muted: #1C2536;   /* Color/Navy/MutedDark   — dark containers      */
  --ax-verify:     #107C41;   /* Verification indicator green                  */

  /* Core Typography Scale System (closest available stacks; see notes) */
  --ax-serif: 'Publico Text', 'GT Super Display', Georgia, Cambria, 'Times New Roman', serif;
  --ax-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ax-mono:  'JetBrains Mono', 'SF Mono', ui-monospace, 'Cascadia Mono', Menlo, Consolas, monospace;

  /* The Institutional Framework */
  --ax-grid-max: 1312px;      /* active grid within 1440 canvas */
  --ax-margin: 64px;
  --ax-pad-s: 96px;           /* spatial vertical cushions */
  --ax-pad-m: 128px;
  --ax-pad-l: 160px;
}

/* ============================================================================
   FOUNDATIONS
   ========================================================================== */
.ax-page {
  background: var(--ax-white);
  color: var(--ax-navy-ink);
  font-family: var(--ax-sans);
  -webkit-font-smoothing: antialiased;
}


/* Type/Display-H1 — 56px, -0.02em, 1.15 */

/* Type/Editorial-H2 — -0.01em, 1.2 */


/* Section Label — Inter Bold 11px, gold, +0.2em */


/* Support body — Inter 16px, slate, 1.65 */


/* Full-width hairline under section headers */


/* Mono utility — Type/Data-Mono */


/* ============================================================================
   BUTTONS — 0px corners, 56px height, 220px min width
   ========================================================================== */


/* Text arrow link */


/* ============================================================================
   HEADER — persistent alabaster fixed bar
   ========================================================================== */
.header {
  position: sticky; top: 0; z-index: 60;
  background: var(--ax-alabaster);
  border-bottom: 1px solid var(--ax-rule);
  box-shadow: none;
}
.header .container, .header .ax-container { max-width: var(--ax-grid-max); }
.header .logo {
  color: var(--ax-navy-ink);
  font-family: var(--ax-serif);
  font-weight: 600;
  letter-spacing: 0;
  font-size: 21px;
}
.header .logo span { color: var(--ax-gold); }
.header .logo .signals {
  display: block;
  font-family: var(--ax-sans);
  font-size: 8.5px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ax-slate);
  background: transparent; border: none; padding: 0; margin-top: 2px;
}
.header .nav a {
  color: var(--ax-navy-ink);
  font-size: 13.5px; font-weight: 500;
  letter-spacing: 0.02em;
}
.header .nav a:hover { color: var(--ax-gold); }
.header .nav a::after { background: var(--ax-gold); height: 1px; }
.header .theme-toggle { color: var(--ax-slate); border-color: var(--ax-rule); background: transparent; }
.header .nav .btn {
  border-radius: 0;
  background: var(--ax-navy-ink);
  border: 1px solid var(--ax-navy-ink);
  color: var(--ax-white);
  font-weight: 700; font-size: 12px;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 12px 22px;
}
.header .nav .btn:hover { background: var(--ax-navy-muted); transform: none; box-shadow: none; }
.header .nav .btn.btn-secondary {
  background: transparent;
  border: 1px solid var(--ax-navy-ink);
  color: var(--ax-navy-ink);
}
.header .nav .btn.btn-secondary:hover { background: var(--ax-navy-ink); color: var(--ax-white); }

/* ============================================================================
   HERO INTRO — text Columns 1–8, image Columns 9–12
   ========================================================================== */


/* ============================================================================
   IMAGE INTEGRATION LAYER — clean production placeholders
   (final photography pending; each panel renders the direction specified
   in the boards as an original abstract composition + caption)
   ========================================================================== */


/* ============================================================================
   TRUST MATRIX — 4-across gold icon row (hairline separated)
   ========================================================================== */


/* ============================================================================
   SAMPLE DOSSIER PANEL — white, sharp 1px boundary, mono metrics
   ========================================================================== */


/* ============================================================================
   DATA LINES — [DATA LINE] ledger rows
   ========================================================================== */


/* ============================================================================
   OPERATIONAL FRAMEWORK — ink band, numbered 3-column
   ========================================================================== */


/* ============================================================================
   HIGH-DENSITY DATA ARRAY — open table, hairline rows, alabaster hover
   ========================================================================== */


/* ============================================================================
   STEP BOXES — solid white frames, sharp corners, 40px inner padding
   ========================================================================== */


/* Open value grid — vertical hairlines, 48px column padding (About) */


/* ============================================================================
   TESTIMONIAL / DIRECTIVE — Publico italic 24px
   ========================================================================== */


/* ============================================================================
   VERTICAL CLOSING MATRIX TIMELINE — center rule + navy square nodes
   ========================================================================== */


/* SYSTEM STATUS READOUT — full width monitor card */


/* ============================================================================
   GOLD DASH CHECKLIST — 12px dash, 24px offset
   ========================================================================== */


/* ============================================================================
   CONTACT — SECURE ROUTING INTAKE MODULE (underline fields)
   ========================================================================== */


/* ============================================================================
   FOOTER SYSTEM — dark mode navy register
   ========================================================================== */
.site-footer {
  background: var(--ax-navy-ink);
  color: rgba(255, 255, 255, 0.6);
  border-top: none;
}
.site-footer .footer-main { padding-top: 88px; padding-bottom: 64px; }
.site-footer .logo {
  color: var(--ax-white);
  font-family: var(--ax-serif);
  font-size: 21px;
}
.site-footer .logo span { color: var(--ax-gold); }
.site-footer .logo .signals {
  display: block;
  font-family: var(--ax-sans);
  font-size: 8.5px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  background: transparent; border: none; padding: 0; margin-top: 2px;
}
.site-footer .footer-tagline { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 1.75; }
.site-footer .footer-col h4 {
  color: var(--ax-gold);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  margin-bottom: 18px;
}
.site-footer .footer-col a {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  padding: 5px 0;
  text-decoration: none;
  transition: color 0.15s ease;
}
.site-footer .footer-col a:hover { color: var(--ax-gold); }
.site-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.4);
  font-size: 12.5px;
}
.site-footer .footer-legal a { color: rgba(255, 255, 255, 0.5); }
.site-footer .footer-legal a:hover { color: var(--ax-gold); }

/* ============================================================================
   ANIMATION PHILOSOPHY — single restrained entrance, honors reduced motion
   ========================================================================== */
@media (prefers-reduced-motion: no-preference) {
  
  
  
  @keyframes axRise {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

/* ============================================================================
   RESPONSIVE — Tablet (768) & Mobile (375) viewport configurations
   ========================================================================== */
@media (max-width: 1024px) {
  
  
  

  /* Hero grid stacks; image drops beneath text at full width, fixed height */
  
  

  /* Trust matrix -> 2x2 with rules */
  
  
  
  

  
  
  
  
  
  
  
}

@media (max-width: 640px) {
          /* mobile margins locked at 20px */
  
                 /* H1 scales 56 -> 32 */

  /* Trust matrix -> horizontal swipe carousel with 2px gold bar beneath */
  
  
  
  

  
  
  
  
  
  
}


/* ==========================================================================
   ACQUIREIQ HOME V2 — White / Blue / Real Photo Direction
   Scoped classes only. Public pages and portals outside Home remain untouched.
   ========================================================================== */
.acq-home-v2 {
  --acq-blue: #075fd5;
  --acq-blue-2: #0b72f0;
  --acq-navy: #071934;
  --acq-text: #0b1730;
  --acq-muted: #536176;
  --acq-line: #dfe8f5;
  --acq-soft: #f4f8ff;
  background: #fff;
  color: var(--acq-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.acq-wrap { max-width: 1180px; margin: 0 auto; padding: 0 28px; }
.acq-hero-v2 { position: relative; overflow: hidden; border-bottom: 1px solid var(--acq-line); }
.acq-hero-bg { position: absolute; inset: 0; background: linear-gradient(90deg,#fff 0%,#fff 35%,#edf6ff 100%); }
.acq-hero-grid-v2 { position: relative; display: grid; grid-template-columns: 0.86fr 1.14fr; min-height: 520px; align-items: center; gap: 42px; padding-top: 58px; padding-bottom: 46px; }
.acq-hero-copy-v2 { max-width: 470px; z-index: 2; }
.acq-kicker-v2 { margin: 0 0 18px; color: var(--acq-blue); font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.acq-hero-copy-v2 h1 { margin: 0; color: var(--acq-navy); font-size: clamp(42px,5.1vw,68px); line-height: 1.05; letter-spacing: -.04em; font-weight: 850; }
.acq-hero-copy-v2 h1 span { color: var(--acq-blue); display: inline-block; }
.acq-hero-lead-v2 { margin: 24px 0 0; max-width: 430px; color: var(--acq-muted); font-size: 17px; line-height: 1.72; }
.acq-actions-v2 { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.acq-btn-v2 { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border-radius: 5px; font-size: 13px; font-weight: 800; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.acq-btn-v2.primary { background: var(--acq-blue); color: #fff; box-shadow: 0 8px 20px rgba(7,95,213,.18); }
.acq-btn-v2.secondary { color: var(--acq-blue); background: #fff; border: 1px solid var(--acq-blue); }
.acq-btn-v2:hover { transform: translateY(-1px); }
.acq-mini-trust-v2 { margin-top: 28px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; color: var(--acq-navy); font-size: 13px; font-weight: 700; }
.acq-mini-trust-v2 span { display: inline-flex; align-items: center; gap: 7px; }
.acq-mini-trust-v2 span + span::before { content: ''; width: 6px; height: 6px; border-radius: 999px; background: var(--acq-blue); margin-right: 2px; }
.acq-hero-photo-v2 { position: relative; height: 454px; margin-right: -28px; border-radius: 0; overflow: hidden; box-shadow: 0 24px 60px rgba(7,25,52,.16); }
.acq-hero-photo-v2::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.36) 28%,rgba(255,255,255,0) 58%); }
.acq-hero-photo-v2 img { width: 100%; height: 100%; object-fit: cover; display: block; }
.acq-hero-card-v2 { position: absolute; z-index: 3; right: 22px; width: 224px; min-height: 64px; border-radius: 8px; padding: 12px 14px; display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; background: rgba(255,255,255,.90); border: 1px solid rgba(255,255,255,.75); box-shadow: 0 12px 28px rgba(7,25,52,.16); backdrop-filter: blur(10px); color: var(--acq-blue); }
.acq-hero-card-v2 strong { display: block; color: var(--acq-navy); font-size: 13px; margin-bottom: 3px; }
.acq-hero-card-v2 small { display: block; color: #233047; font-size: 11.5px; line-height: 1.35; }
.acq-hero-card-v2.one { top: 38px; } .acq-hero-card-v2.two { top: 128px; } .acq-hero-card-v2.three { top: 218px; } .acq-hero-card-v2.four { top: 308px; }
.acq-trusted-v2 { padding: 42px 0 40px; background: #fff; border-bottom: 1px solid var(--acq-line); }
.acq-trusted-v2 h2, .acq-section-head-v2 h2 { margin: 0; text-align: center; color: var(--acq-navy); font-size: clamp(26px,3vw,34px); line-height: 1.2; font-weight: 850; letter-spacing: -.02em; }
.acq-trust-grid-v2 { margin-top: 30px; display: grid; grid-template-columns: repeat(5,1fr); gap: 0; }
.acq-trust-item-v2 { display: grid; grid-template-columns: 42px 1fr; gap: 16px; align-items: center; padding: 6px 24px; min-height: 76px; border-right: 1px solid var(--acq-line); color: var(--acq-blue); }
.acq-trust-item-v2:last-child { border-right: 0; }
.acq-trust-item-v2 strong { display: block; color: var(--acq-navy); font-size: 14px; margin-bottom: 4px; }
.acq-trust-item-v2 span { display: block; color: var(--acq-muted); font-size: 11.5px; line-height: 1.4; }
.acq-process-v2 { padding: 58px 0 52px; background: linear-gradient(180deg,#f8fbff 0%,#fff 100%); }
.acq-section-head-v2 span { display: block; width: 34px; height: 3px; background: var(--acq-blue); margin: 14px auto 0; border-radius: 999px; }
.acq-step-line-v2 { margin-top: 42px; display: grid; grid-template-columns: repeat(6,1fr); gap: 24px; position: relative; }
.acq-step-line-v2::before { content: ''; position: absolute; top: 31px; left: 7%; right: 7%; height: 2px; background: var(--acq-blue); opacity: .72; }
.acq-step-v2 { position: relative; z-index: 2; text-align: center; }
.acq-step-icon-v2 { margin: 0 auto 16px; width: 66px; height: 66px; border-radius: 999px; background: var(--acq-blue); color: #fff; display: grid; place-items: center; box-shadow: 0 14px 30px rgba(7,95,213,.22); }
.acq-step-v2 strong { display: block; color: var(--acq-blue); font-weight: 900; font-size: 13px; margin-bottom: 8px; }
.acq-step-v2 h3 { margin: 0 0 8px; color: var(--acq-navy); font-size: 14px; line-height: 1.25; font-weight: 850; }
.acq-step-v2 p { margin: 0 auto; max-width: 128px; color: #34445b; font-size: 11.6px; line-height: 1.45; }
.acq-audience-v2 { padding: 0 0 16px; background: #fff; }
.acq-audience-grid-v2 { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.acq-audience-card-v2 { display: grid; grid-template-columns: 44% 56%; background: #fff; border: 1px solid var(--acq-line); border-radius: 4px; overflow: hidden; box-shadow: 0 10px 28px rgba(7,25,52,.07); }
.acq-audience-card-v2 img { width: 100%; height: 264px; object-fit: cover; }
.acq-card-content-v2 { padding: 36px 24px; }
.acq-card-content-v2 p { margin: 0 0 10px; color: var(--acq-blue); font-size: 13px; font-weight: 850; }
.acq-card-content-v2 h3 { margin: 0 0 16px; color: var(--acq-navy); font-size: 23px; line-height: 1.15; letter-spacing: -.02em; }
.acq-card-content-v2 ul { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 9px; }
.acq-card-content-v2 li { position: relative; padding-left: 22px; color: var(--acq-text); font-size: 13px; }
.acq-card-content-v2 li::before { content: '✓'; position: absolute; left: 0; top: -1px; color: var(--acq-blue); font-weight: 900; }
.acq-card-content-v2 a, .acq-broker-band-v2 a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 20px; border-radius: 4px; background: var(--acq-blue); color: #fff; text-decoration: none; font-size: 12px; font-weight: 850; box-shadow: 0 10px 24px rgba(7,95,213,.18); }
.acq-broker-band-v2 { padding: 34px 0; background: var(--acq-navy); color: #fff; }
.acq-broker-grid-v2 { display: grid; grid-template-columns: 300px 1fr 320px; gap: 48px; align-items: center; }
.acq-broker-grid-v2 img { width: 100%; height: 190px; object-fit: cover; }
.acq-broker-band-v2 h2 { margin: 0 0 6px; font-size: 36px; line-height: 1; letter-spacing: -.03em; }
.acq-broker-band-v2 h3 { margin: 0 0 18px; font-size: 21px; color: #fff; }
.acq-broker-band-v2 p { margin: 0 0 24px; color: rgba(255,255,255,.78); font-size: 13.5px; line-height: 1.65; max-width: 520px; }
.acq-broker-band-v2 ul { list-style: none; padding: 0 0 0 44px; margin: 0; display: grid; gap: 24px; border-left: 1px solid rgba(255,255,255,.24); }
.acq-broker-band-v2 li { display: flex; align-items: center; gap: 14px; font-weight: 800; font-size: 15px; color: #fff; }
.acq-final-v2 { padding: 40px 0 52px; background: linear-gradient(180deg,#fff 0%,#f6fbff 100%); }
.acq-final-grid-v2 { display: grid; grid-template-columns: .86fr 1.14fr; gap: 64px; align-items: center; }
.acq-final-v2 h2 { margin: 0 0 18px; color: var(--acq-navy); font-size: 36px; line-height: 1.12; letter-spacing: -.03em; }
.acq-final-v2 p:not(.acq-kicker-v2) { max-width: 390px; color: var(--acq-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.acq-final-v2 img { width: 100%; height: 210px; object-fit: cover; box-shadow: 0 14px 34px rgba(7,25,52,.12); }
@media (max-width: 1050px) {
  .acq-hero-grid-v2, .acq-final-grid-v2 { grid-template-columns: 1fr; }
  .acq-hero-copy-v2 { max-width: 760px; }
  .acq-hero-photo-v2 { margin-right: 0; height: 440px; }
  .acq-trust-grid-v2 { grid-template-columns: repeat(2,1fr); }
  .acq-trust-item-v2 { border-bottom: 1px solid var(--acq-line); }
  .acq-step-line-v2 { grid-template-columns: repeat(3,1fr); }
  .acq-step-line-v2::before { display: none; }
  .acq-audience-grid-v2 { grid-template-columns: 1fr; }
  .acq-broker-grid-v2 { grid-template-columns: 1fr; }
  .acq-broker-band-v2 ul { padding-left: 0; border-left: 0; grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 680px) {
  .acq-wrap { padding: 0 18px; }
  .acq-hero-grid-v2 { padding-top: 34px; padding-bottom: 32px; gap: 28px; }
  .acq-hero-copy-v2 h1 { font-size: 40px; }
  .acq-hero-lead-v2 { font-size: 15.5px; }
  .acq-actions-v2, .acq-mini-trust-v2 { align-items: stretch; }
  .acq-btn-v2 { width: 100%; }
  .acq-hero-photo-v2 { height: 530px; }
  .acq-hero-card-v2 { left: 16px; right: 16px; width: auto; }
  .acq-hero-card-v2.one { top: 280px; } .acq-hero-card-v2.two { top: 350px; } .acq-hero-card-v2.three { top: 420px; } .acq-hero-card-v2.four { display: none; }
  .acq-trusted-v2 { padding-top: 30px; }
  .acq-trust-grid-v2 { grid-template-columns: 1fr; }
  .acq-trust-item-v2 { border-right: 0; padding: 18px 0; }
  .acq-process-v2 { padding: 42px 0; }
  .acq-step-line-v2 { grid-template-columns: 1fr 1fr; gap: 24px 10px; }
  .acq-step-v2 p { max-width: 150px; }
  .acq-audience-card-v2 { grid-template-columns: 1fr; }
  .acq-audience-card-v2 img { height: 220px; }
  .acq-broker-band-v2 h2 { font-size: 32px; }
  .acq-broker-band-v2 ul { grid-template-columns: 1fr; gap: 16px; }
  .acq-final-grid-v2 { gap: 28px; }
  .acq-final-v2 img { height: 180px; }
}

/* Fix v2 audience cards: use real photo crops only, prevent text overflow/duplication */
.acq-audience-grid-v2 { gap: 18px !important; align-items: stretch; }
.acq-audience-card-v2 { grid-template-columns: 42% minmax(0, 58%) !important; min-width: 0; }
.acq-audience-card-v2 img { height: 100% !important; min-height: 270px; object-fit: cover; object-position: center; }
.acq-card-content-v2 { min-width: 0; padding: 34px 24px 28px !important; overflow-wrap: anywhere; }
.acq-card-content-v2 h3 { font-size: clamp(20px, 1.7vw, 26px) !important; }
.acq-card-content-v2 a { width: auto; max-width: 100%; text-align: center; }
@media (max-width: 1100px) {
  .acq-audience-grid-v2 { grid-template-columns: 1fr !important; }
  .acq-audience-card-v2 { grid-template-columns: 36% 64% !important; }
}
@media (max-width: 640px) {
  .acq-audience-card-v2 { grid-template-columns: 1fr !important; }
  .acq-audience-card-v2 img { height: 240px !important; min-height: 240px; }
}

/* WOW v3: replace childish split photo cards with premium clean audience lanes */
.acq-audience-clean {
  padding: 72px 0 76px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}
.acq-audience-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 38px;
}
.acq-audience-head .acq-kicker-v2 {
  margin: 0 0 10px;
  color: var(--acq-blue);
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 12px;
  font-weight: 900;
}
.acq-audience-head h2 {
  margin: 0;
  color: var(--acq-navy);
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.acq-audience-clean .acq-audience-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
.acq-audience-clean .acq-audience-card-v2 {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  background: #fff !important;
  border: 1px solid rgba(12, 40, 82, .10) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 55px rgba(7, 25, 52, .08) !important;
}
.acq-audience-clean .acq-audience-card-v2 img { display: none !important; }
.acq-card-top-v2 {
  min-height: 190px;
  padding: 34px 30px 28px;
  background:
    radial-gradient(circle at 85% 20%, rgba(0, 101, 204, .18), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
  border-bottom: 1px solid rgba(12, 40, 82, .08);
}
.acq-audience-card-v2:nth-child(2) .acq-card-top-v2 {
  background:
    radial-gradient(circle at 85% 20%, rgba(0, 101, 204, .14), transparent 28%),
    linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);
}
.acq-audience-card-v2:nth-child(3) .acq-card-top-v2 {
  background:
    radial-gradient(circle at 85% 20%, rgba(0, 101, 204, .18), transparent 28%),
    linear-gradient(135deg, #0a142f 0%, #123a6d 100%);
}
.acq-card-icon-v2 {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: var(--acq-blue);
  background: #fff;
  box-shadow: 0 12px 28px rgba(7, 95, 213, .12);
  margin-bottom: 24px;
}
.acq-card-top-v2 p {
  margin: 0 0 10px !important;
  color: var(--acq-blue) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
.acq-card-top-v2 h3 {
  margin: 0 !important;
  color: var(--acq-navy) !important;
  font-size: clamp(25px, 2.3vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
.acq-audience-card-v2:nth-child(3) .acq-card-top-v2 p, .acq-audience-card-v2:nth-child(3) .acq-card-top-v2 h3, .acq-audience-card-v2:nth-child(3) .acq-card-icon-v2 { color: #fff !important; }
.acq-audience-card-v2:nth-child(3) .acq-card-icon-v2 {
  background: rgba(255,255,255,.14);
  box-shadow: none;
}
.acq-audience-clean .acq-card-content-v2 {
  padding: 30px !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.acq-audience-clean .acq-card-content-v2 ul {
  margin: 0 0 28px !important;
  gap: 13px !important;
}
.acq-audience-clean .acq-card-content-v2 li {
  font-size: 14px !important;
  line-height: 1.45;
}
.acq-audience-clean .acq-card-content-v2 a {
  margin-top: auto;
  width: 100%;
  min-height: 46px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}
@media (max-width: 1050px) {
  .acq-audience-clean .acq-audience-grid-v2 { grid-template-columns: 1fr !important; }
  .acq-card-top-v2 { min-height: 150px; }
}


/* WOW v4: replace childish audience cards with premium buyer/seller pathways */
.acq-pathways-v4 {
  padding: 76px 0 82px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  border-top: 1px solid rgba(7, 95, 213, .08);
}
.acq-pathways-head-v4 {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}
.acq-pathways-head-v4 h2 {
  margin: 0;
  color: var(--acq-navy);
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 850;
}
.acq-pathways-head-v4 p:not(.acq-kicker-v2) {
  max-width: 620px;
  margin: 16px auto 0;
  color: var(--acq-muted);
  font-size: 16px;
  line-height: 1.65;
}
.acq-pathway-grid-v4 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}
.acq-pathway-panel-v4 {
  min-width: 0;
  display: grid;
  grid-template-columns: 42% 58%;
  min-height: 310px;
  background: #fff;
  border: 1px solid rgba(12, 40, 82, .12);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 20px 52px rgba(7, 25, 52, .08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.acq-pathway-panel-v4:hover {
  transform: translateY(-3px);
  border-color: rgba(7, 95, 213, .28);
  box-shadow: 0 26px 65px rgba(7, 25, 52, .12);
}
.acq-pathway-photo-v4 {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  background: #eaf4ff;
}
.acq-pathway-photo-v4::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,25,52,.06), rgba(255,255,255,.12));
}
.acq-pathway-photo-v4 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(.95) contrast(1.02);
  transform: scale(1.04);
}
.acq-pathway-copy-v4 {
  padding: 42px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.acq-pathway-copy-v4 span, .acq-broker-note-v4 span {
  color: var(--acq-blue);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 900;
}
.acq-pathway-copy-v4 h3 {
  margin: 14px 0 14px;
  color: var(--acq-navy);
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 850;
}
.acq-pathway-copy-v4 p {
  margin: 0;
  color: var(--acq-muted);
  font-size: 14.5px;
  line-height: 1.65;
}
.acq-pathway-copy-v4 strong {
  margin-top: 24px;
  color: var(--acq-blue);
  font-size: 13px;
  font-weight: 900;
}
.acq-broker-note-v4 {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1.1fr 1.2fr auto;
  gap: 28px;
  align-items: center;
  padding: 30px 34px;
  background: var(--acq-navy);
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 52px rgba(7, 25, 52, .12);
}
.acq-broker-note-v4 h3 {
  margin: 10px 0 0;
  color: #fff;
  font-size: 26px;
  line-height: 1.12;
  letter-spacing: -.03em;
}
.acq-broker-note-v4 p {
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 14px;
  line-height: 1.6;
}
.acq-broker-note-v4 a {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 6px;
  background: #fff;
  color: var(--acq-blue);
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
}
@media (max-width: 1050px) {
  .acq-pathway-grid-v4 { grid-template-columns: 1fr; }
  .acq-broker-note-v4 { grid-template-columns: 1fr; }
  .acq-broker-note-v4 a { justify-self: start; }
}
@media (max-width: 680px) {
  .acq-pathways-v4 { padding: 54px 0 60px; }
  .acq-pathway-panel-v4 { grid-template-columns: 1fr; }
  .acq-pathway-photo-v4 { min-height: 220px; }
  .acq-pathway-copy-v4 { padding: 30px 24px; }
  .acq-broker-note-v4 { padding: 28px 24px; }
}

/* ==========================================================================
   ACQUIREIQ HOME — CLEAN MODERN MAIN STREET FINAL
   White / Light Blue / Navy. Real photo sections. No SVG media placeholders.
   ========================================================================== */
.aiq-home {
  --aiq-navy: #071936;
  --aiq-blue: #0b67d1;
  --aiq-blue-2: #eaf4ff;
  --aiq-text: #10213d;
  --aiq-muted: #5d6a7d;
  --aiq-line: #dfe8f3;
  --aiq-soft: #f7fbff;
  background: #fff;
  color: var(--aiq-text);
  font-family: var(--ax-sans);
  overflow: hidden;
}
.aiq-wrap { max-width: 1180px; margin: 0 auto; padding: 0 28px; }
.aiq-kicker { margin: 0 0 14px; color: var(--aiq-blue); text-transform: uppercase; letter-spacing: .16em; font-weight: 800; font-size: 12px; }
.aiq-lead { color: var(--aiq-muted); font-size: 18px; line-height: 1.72; max-width: 590px; margin: 0; }
.aiq-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 25px; border-radius: 7px; font-weight: 800; text-decoration: none; font-size: 14px; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.aiq-btn:hover { transform: translateY(-2px); }
.aiq-btn-primary { background: var(--aiq-blue); color: #fff; box-shadow: 0 12px 26px rgba(11,103,209,.20); }
.aiq-btn-secondary { background: #fff; color: var(--aiq-navy); border: 1px solid #b7c9dd; }
.aiq-btn-light { background: #fff; color: var(--aiq-navy); box-shadow: 0 12px 30px rgba(0,0,0,.14); }
.aiq-hero { position: relative; background: linear-gradient(90deg, #fff 0%, #fff 47%, #f3f9ff 100%); padding: 86px 0 72px; border-bottom: 1px solid var(--aiq-line); }
.aiq-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(680px 360px at 78% 22%, rgba(11,103,209,.13), transparent 68%); pointer-events: none; }
.aiq-hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; gap: 54px; align-items: center; }
.aiq-hero-copy h1 { margin: 0 0 24px; font-family: var(--ax-serif); font-size: clamp(44px, 5.2vw, 70px); line-height: 1.04; letter-spacing: -.04em; color: var(--aiq-navy); max-width: 650px; }
.aiq-hero-copy h1 span { color: var(--aiq-blue); display: inline; }
.aiq-hero-actions { margin-top: 34px; display: flex; gap: 15px; flex-wrap: wrap; }
.aiq-hero-actions.center { justify-content: center; }
.aiq-trust-line { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 26px; color: var(--aiq-muted); font-size: 14px; font-weight: 700; }
.aiq-trust-line span { display: inline-flex; gap: 7px; align-items: center; color: var(--aiq-text); }
.aiq-trust-line svg { color: var(--aiq-blue); }
.aiq-hero-visual { min-height: 585px; position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 32px 80px rgba(7,25,54,.18); background: #dce8f4; }
.aiq-hero-visual img { width: 100%; height: 100%; min-height: 585px; display: block; object-fit: cover; object-position: center; }
.aiq-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(7,25,54,.12)); }
.aiq-visual-stack { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); display: grid; gap: 16px; width: 245px; }
.aiq-visual-card { background: rgba(255,255,255,.92); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.66); border-radius: 12px; padding: 17px 18px; box-shadow: 0 12px 34px rgba(7,25,54,.14); }
.aiq-visual-card strong { display:block; color: var(--aiq-navy); font-size: 15px; margin-bottom: 5px; }
.aiq-visual-card small { display:block; color: var(--aiq-muted); font-size: 12.5px; line-height:1.35; }
.aiq-visual-card.blue { background: var(--aiq-blue); border-color: rgba(255,255,255,.25); }
.aiq-visual-card.blue strong, .aiq-visual-card.blue small { color:#fff; }
.aiq-trust-section { padding: 60px 0 70px; background: #fff; }
.aiq-trust-section h2, .aiq-section-head h2 { margin: 0 0 34px; text-align: center; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; font-weight: 900; color: var(--aiq-navy); }
.aiq-trust-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--aiq-line); border-radius: 14px; overflow: hidden; background: #fff; }
.aiq-trust-item { padding: 30px 26px; border-right: 1px solid var(--aiq-line); }
.aiq-trust-item:last-child { border-right: 0; }
.aiq-trust-item span { color: var(--aiq-blue); display:block; margin-bottom: 18px; }
.aiq-trust-item h3 { margin: 0 0 8px; color: var(--aiq-navy); font-size: 18px; }
.aiq-trust-item p { margin: 0; color: var(--aiq-muted); line-height: 1.55; font-size: 14px; }
.aiq-process-section { background: linear-gradient(180deg,#f6fbff 0%,#fff 100%); padding: 78px 0 86px; }
.aiq-section-head { text-align:center; max-width: 780px; margin: 0 auto 46px; }
.aiq-process-line { display: grid; grid-template-columns: repeat(6,1fr); gap: 18px; position: relative; }
.aiq-process-line::before { content:''; position:absolute; left:8%; right:8%; top:38px; height:2px; background: linear-gradient(90deg, transparent, var(--aiq-blue), transparent); }
.aiq-process-step { position: relative; z-index:1; text-align:center; }
.aiq-process-icon { width: 76px; height: 76px; border-radius: 50%; background: var(--aiq-blue); color:#fff; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; box-shadow: 0 18px 34px rgba(11,103,209,.24); }
.aiq-process-step strong { color: var(--aiq-blue); font-size: 13px; }
.aiq-process-step h3 { margin: 8px 0 8px; color: var(--aiq-navy); font-size: 17px; }
.aiq-process-step p { margin:0; color: var(--aiq-muted); font-size: 13px; line-height:1.55; }
.aiq-path-section { padding: 86px 0; background:#fff; }
.aiq-path-grid { display:grid; grid-template-columns: repeat(2,1fr); gap: 28px; }
.aiq-path-card { display:block; min-height: 360px; padding: 48px; border-radius: 18px; text-decoration:none; border: 1px solid var(--aiq-line); background: linear-gradient(135deg,#fff 0%,#f6fbff 100%); box-shadow: 0 22px 70px rgba(7,25,54,.08); transition: transform .18s ease, box-shadow .18s ease; }
.aiq-path-card:hover { transform: translateY(-4px); box-shadow: 0 28px 90px rgba(7,25,54,.12); }
.aiq-path-card.seller { background: linear-gradient(135deg,#f8fbff 0%,#fff 60%,#edf6ff 100%); }
.aiq-path-card h2 { margin: 0 0 18px; font-family: var(--ax-serif); color: var(--aiq-navy); font-size: clamp(32px, 3.4vw, 48px); line-height:1.05; letter-spacing:-.03em; }
.aiq-path-card p { color: var(--aiq-muted); font-size: 16px; line-height:1.68; max-width: 510px; }
.aiq-path-card a, .aiq-path-card > strong { color: var(--aiq-blue); font-weight: 900; }
.aiq-photo-story { padding: 90px 0; background: var(--aiq-soft); border-top: 1px solid var(--aiq-line); border-bottom: 1px solid var(--aiq-line); }
.aiq-photo-grid { display:grid; grid-template-columns: .92fr 1.08fr; gap:52px; align-items:center; }
.aiq-photo-copy h2, .aiq-broker-band h2, .aiq-final-cta h2 { margin: 0 0 18px; font-family: var(--ax-serif); color: var(--aiq-navy); font-size: clamp(34px,3.6vw,52px); line-height:1.08; letter-spacing:-.03em; }
.aiq-photo-copy p, .aiq-broker-band p, .aiq-final-cta p { color: var(--aiq-muted); font-size: 17px; line-height:1.7; }
.aiq-photo-copy ul { margin: 28px 0 0; padding:0; list-style:none; display:grid; gap:13px; color: var(--aiq-text); font-weight:700; }
.aiq-photo-copy li::before { content:'✓'; color: var(--aiq-blue); margin-right: 10px; }
.aiq-photo-grid img { width:100%; border-radius:18px; display:block; box-shadow: 0 28px 80px rgba(7,25,54,.14); }
.aiq-broker-band { background: var(--aiq-navy); color:#fff; padding: 78px 0; }
.aiq-broker-grid { display:grid; grid-template-columns: .85fr 1.15fr; gap:52px; align-items:center; }
.aiq-broker-grid img { width:100%; min-height: 300px; object-fit: cover; border-radius:16px; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.aiq-broker-band h2, .aiq-broker-band p { color:#fff; }
.aiq-broker-band .aiq-kicker { color:#7fc0ff; }
.aiq-broker-band p { color: rgba(255,255,255,.74); max-width: 650px; }
.aiq-broker-band .aiq-btn { margin-top: 24px; }
.aiq-final-cta { background: radial-gradient(900px 500px at 50% 0%, #f1f8ff 0%, #fff 68%); padding: 96px 0; text-align:center; }
.aiq-final-cta h2 { max-width: 760px; margin-left:auto; margin-right:auto; }
.aiq-final-cta p { max-width: 650px; margin-left:auto; margin-right:auto; }
@media (max-width: 980px) {
  .aiq-hero-grid, .aiq-photo-grid, .aiq-broker-grid, .aiq-path-grid { grid-template-columns: 1fr; }
  .aiq-hero { padding-top: 62px; }
  .aiq-hero-visual, .aiq-hero-visual img { min-height: 500px; }
  .aiq-trust-grid { grid-template-columns: repeat(2,1fr); }
  .aiq-trust-item:nth-child(2) { border-right:0; }
  .aiq-trust-item:nth-child(-n+2) { border-bottom:1px solid var(--aiq-line); }
  .aiq-process-line { grid-template-columns: repeat(3,1fr); gap:34px 20px; }
  .aiq-process-line::before { display:none; }
}
@media (max-width: 640px) {
  .aiq-wrap { padding: 0 20px; }
  .aiq-hero-copy h1 { font-size: 40px; }
  .aiq-hero-actions, .aiq-hero-actions.center { flex-direction: column; }
  .aiq-btn { width: 100%; box-sizing: border-box; }
  .aiq-trust-line { display:grid; gap:10px; }
  .aiq-hero-visual, .aiq-hero-visual img { min-height: 520px; }
  .aiq-visual-stack { left: 16px; right: 16px; width:auto; top:auto; bottom:16px; transform:none; }
  .aiq-visual-card { padding: 13px 14px; }
  .aiq-trust-grid, .aiq-process-line { grid-template-columns: 1fr; }
  .aiq-trust-item { border-right:0; border-bottom:1px solid var(--aiq-line); }
  .aiq-trust-item:last-child { border-bottom:0; }
  .aiq-path-card { padding: 32px 26px; min-height: auto; }
  .aiq-photo-story, .aiq-path-section, .aiq-process-section { padding: 64px 0; }
}

/* ============================================================================
   ACQUIREIQ HOME V3 — no cropped pathway images, includes Buyers/Sellers/
   Investors/Brokers, real image-first layout.
   ========================================================================== */
.aiq-v3 { --aiq-navy:#061936; --aiq-blue:#0b67d1; --aiq-ice:#f3f9ff; --aiq-soft:#f8fbff; --aiq-text:#0d1d38; --aiq-muted:#546174; --aiq-line:#dbe6f2; color:var(--aiq-text); background:#fff; }
.aiq-v3 .aiq-wrap { max-width:1180px; margin:0 auto; padding:0 28px; }
.aiq-v3 .aiq-kicker { margin:0 0 14px; color:var(--aiq-blue); text-transform:uppercase; letter-spacing:.16em; font-weight:900; font-size:12px; }
.aiq-v3 .aiq-lead { color:var(--aiq-muted); font-size:18px; line-height:1.72; max-width:620px; margin:0; }
.aiq-v3 .aiq-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 24px; border-radius:8px; font-weight:850; text-decoration:none; font-size:14px; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.aiq-v3 .aiq-btn:hover { transform:translateY(-2px); }
.aiq-v3 .aiq-btn-primary { background:var(--aiq-blue); color:#fff; box-shadow:0 14px 28px rgba(11,103,209,.20); }
.aiq-v3 .aiq-btn-secondary { background:#fff; color:var(--aiq-navy); border:1px solid #a9bfd8; }
.aiq-v3 .aiq-btn-light { background:#fff; color:var(--aiq-navy); box-shadow:0 15px 40px rgba(0,0,0,.15); }

.aiq-hero-v3 { padding:76px 0 78px; background:linear-gradient(90deg,#fff 0%,#fff 46%,#eef7ff 100%); border-bottom:1px solid var(--aiq-line); overflow:hidden; }
.aiq-hero-v3-grid { display:grid; grid-template-columns:.96fr 1.04fr; gap:50px; align-items:center; }
.aiq-hero-copy-v3 h1 { margin:0 0 24px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(44px,5vw,68px); line-height:1.03; letter-spacing:-.04em; max-width:690px; }
.aiq-hero-copy-v3 h1 span { color:var(--aiq-blue); display:block; }
.aiq-v3 .aiq-hero-actions { margin-top:32px; display:flex; gap:15px; flex-wrap:wrap; }
.aiq-v3 .aiq-hero-actions.center { justify-content:center; }
.aiq-v3 .aiq-trust-line { display:flex; gap:18px; flex-wrap:wrap; margin-top:25px; color:var(--aiq-muted); font-size:14px; font-weight:750; }
.aiq-v3 .aiq-trust-line span { display:inline-flex; gap:7px; align-items:center; color:var(--aiq-text); }
.aiq-v3 .aiq-trust-line svg { color:var(--aiq-blue); }
.aiq-hero-photo-v3 { position:relative; border-radius:24px; overflow:hidden; box-shadow:0 30px 86px rgba(6,25,54,.20); border:1px solid rgba(11,103,209,.12); background:#eef5fb; }
.aiq-hero-photo-v3 > img { display:block; width:100%; height:auto; }
.aiq-hero-panel-v3 { position:absolute; right:22px; top:22px; width:260px; display:grid; gap:12px; }
.aiq-hero-panel-v3 div { background:rgba(255,255,255,.92); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.8); border-radius:14px; padding:16px 17px; box-shadow:0 12px 30px rgba(6,25,54,.13); }
.aiq-hero-panel-v3 div.active { background:var(--aiq-blue); color:#fff; }
.aiq-hero-panel-v3 strong { display:block; font-size:14px; margin-bottom:4px; color:inherit; }
.aiq-hero-panel-v3 small { display:block; font-size:12px; color:inherit; opacity:.78; }

.aiq-trust-section-v3 { padding:48px 0 68px; background:#fff; }
.aiq-trust-grid-v3 { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--aiq-line); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 18px 54px rgba(6,25,54,.05); }
.aiq-trust-item-v3 { padding:30px 26px; border-right:1px solid var(--aiq-line); }
.aiq-trust-item-v3:last-child { border-right:0; }
.aiq-trust-item-v3 span { color:var(--aiq-blue); }
.aiq-trust-item-v3 h3 { margin:14px 0 8px; color:var(--aiq-navy); font-size:18px; }
.aiq-trust-item-v3 p { margin:0; color:var(--aiq-muted); line-height:1.55; font-size:14px; }

.aiq-process-section-v3 { padding:74px 0; background:linear-gradient(180deg,#f8fbff 0%,#fff 100%); border-top:1px solid var(--aiq-line); border-bottom:1px solid var(--aiq-line); }
.aiq-v3 .aiq-section-head { text-align:center; margin:0 auto 44px; max-width:760px; }
.aiq-v3 .aiq-section-head.left { text-align:left; margin:0 0 38px; max-width:860px; }
.aiq-v3 .aiq-section-head h2 { margin:0; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(34px,4vw,54px); line-height:1.05; letter-spacing:-.035em; }
.aiq-process-line-v3 { display:grid; grid-template-columns:repeat(6,1fr); gap:18px; position:relative; }
.aiq-process-line-v3::before { content:''; position:absolute; top:34px; left:7%; right:7%; height:2px; background:linear-gradient(90deg,transparent,var(--aiq-blue),transparent); }
.aiq-process-step-v3 { position:relative; text-align:center; z-index:1; }
.aiq-process-icon-v3 { margin:0 auto 12px; width:68px; height:68px; border-radius:999px; display:grid; place-items:center; background:var(--aiq-blue); color:#fff; box-shadow:0 14px 34px rgba(11,103,209,.22); }
.aiq-process-step-v3 strong { color:var(--aiq-blue); font-size:13px; }
.aiq-process-step-v3 h3 { margin:7px 0 8px; color:var(--aiq-navy); font-size:16px; }
.aiq-process-step-v3 p { margin:0; color:var(--aiq-muted); font-size:12.5px; line-height:1.45; }

.aiq-pathways-v3 { padding:86px 0; background:#fff; }
.aiq-pathways-grid-v3 { display:grid; gap:30px; }
.aiq-pathway-v3 { display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr); align-items:stretch; border:1px solid var(--aiq-line); border-radius:24px; overflow:hidden; background:linear-gradient(135deg,#fff 0%,#f7fbff 100%); box-shadow:0 20px 70px rgba(6,25,54,.075); }
.aiq-pathway-v3.reverse { grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr); }
.aiq-pathway-v3.reverse .aiq-pathway-image-v3 { order:2; }
.aiq-pathway-image-v3 { background:#eef5fb; display:flex; align-items:center; justify-content:center; padding:0; }
.aiq-pathway-image-v3 img { display:block; width:100%; height:auto; object-fit:contain; }
.aiq-pathway-copy-v3 { padding:44px 46px; display:flex; flex-direction:column; justify-content:center; }
.aiq-pathway-copy-v3 h3 { margin:0 0 16px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(32px,3.4vw,50px); line-height:1.03; letter-spacing:-.035em; }
.aiq-pathway-copy-v3 p { margin:0 0 24px; color:var(--aiq-muted); font-size:16px; line-height:1.68; }
.aiq-pathway-copy-v3 a { color:var(--aiq-blue); font-weight:900; text-decoration:none; }
.aiq-pathway-copy-v3 a:hover { text-decoration:underline; }

.aiq-confidential-v3 { padding:86px 0; background:linear-gradient(180deg,#f7fbff,#fff); border-top:1px solid var(--aiq-line); }
.aiq-confidential-grid-v3 { display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; }
.aiq-confidential-grid-v3 h2 { margin:0 0 22px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(34px,4vw,56px); line-height:1.03; letter-spacing:-.035em; }
.aiq-confidential-grid-v3 p, .aiq-confidential-grid-v3 li { color:var(--aiq-muted); line-height:1.65; }
.aiq-confidential-grid-v3 ul { padding-left:18px; margin:24px 0 0; }
.aiq-confidential-grid-v3 img { width:100%; height:auto; border-radius:20px; box-shadow:0 25px 72px rgba(6,25,54,.13); display:block; }

.aiq-broker-band-v3 { padding:70px 0; background:var(--aiq-navy); color:#fff; }
.aiq-broker-grid-v3 { display:grid; grid-template-columns:.9fr 1.1fr; gap:54px; align-items:center; }
.aiq-broker-grid-v3 img { width:100%; height:auto; border-radius:18px; display:block; box-shadow:0 18px 50px rgba(0,0,0,.24); }
.aiq-broker-grid-v3 h2 { margin:0 0 18px; font-family:var(--ax-serif); font-size:clamp(34px,4vw,56px); line-height:1.04; letter-spacing:-.035em; color:#fff; }
.aiq-broker-grid-v3 p { color:rgba(255,255,255,.76); line-height:1.65; margin:0 0 28px; max-width:600px; }

.aiq-final-cta-v3 { padding:88px 0; text-align:center; background:radial-gradient(800px 330px at 50% 10%, #eaf5ff 0%, #fff 70%); }
.aiq-final-cta-v3 h2 { margin:0 0 16px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(36px,4vw,60px); line-height:1.03; letter-spacing:-.035em; }
.aiq-final-cta-v3 p { margin:0 auto; max-width:640px; color:var(--aiq-muted); font-size:17px; line-height:1.6; }

@media (max-width: 980px) {
  .aiq-hero-v3-grid, .aiq-confidential-grid-v3, .aiq-broker-grid-v3 { grid-template-columns:1fr; }
  .aiq-hero-panel-v3 { position:static; width:auto; padding:18px; background:#f5faff; display:grid; grid-template-columns:1fr; }
  .aiq-process-line-v3 { grid-template-columns:repeat(3,1fr); }
  .aiq-process-line-v3::before { display:none; }
  .aiq-trust-grid-v3 { grid-template-columns:repeat(2,1fr); }
  .aiq-trust-item-v3:nth-child(2) { border-right:0; }
  .aiq-trust-item-v3:nth-child(1), .aiq-trust-item-v3:nth-child(2) { border-bottom:1px solid var(--aiq-line); }
  .aiq-pathway-v3, .aiq-pathway-v3.reverse { grid-template-columns:1fr; }
  .aiq-pathway-v3.reverse .aiq-pathway-image-v3 { order:0; }
}
@media (max-width: 640px) {
  .aiq-v3 .aiq-wrap { padding:0 20px; }
  .aiq-hero-v3 { padding:52px 0 58px; }
  .aiq-hero-copy-v3 h1 { font-size:40px; }
  .aiq-v3 .aiq-hero-actions { flex-direction:column; }
  .aiq-v3 .aiq-btn { width:100%; }
  .aiq-trust-grid-v3, .aiq-process-line-v3 { grid-template-columns:1fr; }
  .aiq-trust-item-v3 { border-right:0; border-bottom:1px solid var(--aiq-line); }
  .aiq-trust-item-v3:last-child { border-bottom:0; }
  .aiq-process-step-v3 { display:grid; grid-template-columns:76px 1fr; gap:0 14px; text-align:left; align-items:center; }
  .aiq-process-icon-v3 { grid-row:1 / span 3; margin:0; }
  .aiq-process-step-v3 p { font-size:13px; }
  .aiq-pathway-copy-v3 { padding:32px 26px; }
  .aiq-pathways-v3, .aiq-confidential-v3, .aiq-process-section-v3 { padding:62px 0; }
}

/* ============================================================================
   ACQUIREIQ PUBLIC V2 — subpage layer on the V3 design language.
   Shared by For Buyers / For Sellers / Broker Network / Investor Network /
   How It Works / About / Contact. Additive only; reuses V3 tokens.
   Photos always render at natural height (width:100%, height:auto) so no
   face or head is ever cropped.
   ========================================================================== */

/* Sub-page hero: copy + full, uncropped photo */
.aiq-subhero-v3 { padding:70px 0 74px; background:linear-gradient(90deg,#fff 0%,#fff 46%,#eef7ff 100%); border-bottom:1px solid var(--aiq-line); }
.aiq-subhero-grid-v3 { display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr); gap:52px; align-items:center; }
.aiq-subhero-grid-v3 h1 { margin:0 0 22px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(38px,4.6vw,60px); line-height:1.04; letter-spacing:-.038em; max-width:640px; }
.aiq-subhero-grid-v3 h1 span { color:var(--aiq-blue); }
.aiq-subhero-photo-v3 { border-radius:22px; overflow:hidden; border:1px solid rgba(11,103,209,.12); box-shadow:0 28px 80px rgba(6,25,54,.18); background:#eef5fb; }
.aiq-subhero-photo-v3 img { display:block; width:100%; height:auto; }

/* Four-step variant of the process line */
.aiq-process-line-v3.four { grid-template-columns:repeat(4,1fr); }
.aiq-process-line-v3.four::before { left:11%; right:11%; }

/* Generic split (photo + copy), photo never cropped */
.aiq-split-v3 { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:54px; align-items:center; }
.aiq-split-v3.rev > :first-child { order:2; }
.aiq-split-v3 img { width:100%; height:auto; border-radius:20px; display:block; box-shadow:0 24px 68px rgba(6,25,54,.13); }
.aiq-split-v3 h2 { margin:0 0 20px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(32px,3.8vw,52px); line-height:1.05; letter-spacing:-.035em; }
.aiq-split-v3 > div > p { color:var(--aiq-muted); line-height:1.7; font-size:16.5px; margin:0; }

/* Blue-check list */
.aiq-check-v3 { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:13px; }
.aiq-check-v3 li { position:relative; padding-left:30px; color:var(--aiq-text); font-weight:650; line-height:1.55; }
.aiq-check-v3 li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--aiq-blue); font-weight:900; }
.aiq-check-v3 li small { display:block; margin-top:2px; color:var(--aiq-muted); font-weight:500; font-size:14px; }

/* Two-way cards (Broker Network: bring buyers / bring sellers) */
.aiq-duo-v3 { display:grid; grid-template-columns:repeat(2,1fr); gap:26px; }
.aiq-duo-card-v3 { background:linear-gradient(135deg,#fff 0%,#f6fbff 100%); border:1px solid var(--aiq-line); border-radius:20px; padding:40px 38px; box-shadow:0 18px 58px rgba(6,25,54,.07); }
.aiq-duo-card-v3 .aiq-kicker { margin-bottom:12px; }
.aiq-duo-card-v3 h3 { margin:0 0 12px; font-family:var(--ax-serif); color:var(--aiq-navy); font-size:clamp(26px,2.6vw,36px); line-height:1.08; letter-spacing:-.03em; }
.aiq-duo-card-v3 p { margin:0; color:var(--aiq-muted); line-height:1.66; font-size:15.5px; }

/* Industry chips */
.aiq-chips-v3 { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.aiq-chips-v3 span { border:1px solid var(--aiq-line); background:#fff; color:var(--aiq-navy); font-weight:700; font-size:14px; padding:11px 18px; border-radius:999px; box-shadow:0 6px 18px rgba(6,25,54,.05); }

/* FAQ rows */
.aiq-faq-v3 { max-width:820px; margin:44px auto 0; }
.aiq-faq-v3 > div { border-top:1px solid var(--aiq-line); padding:24px 0; }
.aiq-faq-v3 h4 { margin:0 0 8px; color:var(--aiq-navy); font-size:17px; }
.aiq-faq-v3 p { margin:0; color:var(--aiq-muted); line-height:1.66; font-size:15px; }

/* Navy statement band (generic) */
.aiq-navyband-v3 { padding:70px 0; background:var(--aiq-navy); color:#fff; }
.aiq-navyband-v3 h2 { margin:0 0 16px; font-family:var(--ax-serif); font-size:clamp(32px,3.8vw,52px); line-height:1.05; letter-spacing:-.035em; color:#fff; }
.aiq-navyband-v3 p { color:rgba(255,255,255,.76); line-height:1.66; margin:0; max-width:640px; }

/* Contact form (V3 language: rounded, blue focus) */
.aiq-form-v3 { max-width:720px; background:#fff; border:1px solid var(--aiq-line); border-radius:20px; box-shadow:0 20px 60px rgba(6,25,54,.08); padding:36px 34px; }
.aiq-form-v3 label { display:block; color:var(--aiq-navy); font-weight:750; font-size:14px; margin:0 0 8px; }
.aiq-form-v3 .row { margin-bottom:22px; }
.aiq-form-v3 input, .aiq-form-v3 textarea, .aiq-form-v3 select {
  width:100%; border:1px solid var(--aiq-line); border-radius:10px; background:#fff;
  color:var(--aiq-text); font-size:15.5px; padding:13px 15px; outline:none; font-family:inherit;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.aiq-form-v3 input:focus, .aiq-form-v3 textarea:focus, .aiq-form-v3 select:focus {
  border-color:var(--aiq-blue); box-shadow:0 0 0 4px rgba(11,103,209,.13);
}
.aiq-seg-v3 { display:flex; gap:9px; flex-wrap:wrap; }
.aiq-seg-v3 button { border:1px solid var(--aiq-line); background:#fff; color:var(--aiq-muted); border-radius:999px; padding:10px 17px; font-size:14px; font-weight:750; cursor:pointer; transition:all .15s ease; }
.aiq-seg-v3 button.on { background:var(--aiq-blue); border-color:var(--aiq-blue); color:#fff; }

@media (max-width: 980px) {
  .aiq-subhero-grid-v3, .aiq-split-v3, .aiq-duo-v3 { grid-template-columns:1fr; }
  .aiq-split-v3.rev > :first-child { order:0; }
  .aiq-process-line-v3.four { grid-template-columns:repeat(2,1fr); }
  .aiq-process-line-v3.four::before { display:none; }
}
@media (max-width: 640px) {
  .aiq-subhero-v3 { padding:50px 0 54px; }
  .aiq-process-line-v3.four { grid-template-columns:1fr; }
  .aiq-form-v3 { padding:26px 20px; }
}

/* ============================================================================
   ENTERPRISE POLISH LAYER — Final production pass.
   No new layouts, no redesign: one consistent hierarchy for typography,
   spacing, buttons, cards, images, focus states and motion across every
   public page. Appended last so it wins the cascade.
   ========================================================================== */

/* ---- Accessibility: skip link + visible keyboard focus ------------------ */
.aiq-skip {
  position: absolute; left: 16px; top: -48px; z-index: 200;
  background: #061936; color: #fff;
  padding: 12px 18px; border-radius: 0 0 10px 10px;
  font-weight: 700; font-size: 14px; text-decoration: none;
  transition: top .18s ease;
}
.aiq-skip:focus-visible { top: 0; }

.aiq-v3 a:focus-visible,
.aiq-v3 button:focus-visible,
.aiq-v3 input:focus-visible,
.aiq-v3 textarea:focus-visible,
.header a:focus-visible,
.header button:focus-visible,
.site-footer a:focus-visible {
  outline: 3px solid rgba(11, 103, 209, .45);
  outline-offset: 2px;
  border-radius: 6px;
}

/* ---- Header: align chrome with the approved white / blue / navy language */
.header { background: rgba(255, 255, 255, .88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #dbe6f2; }
.header .logo { color: #061936; font-family: inherit; font-weight: 850; letter-spacing: -.02em; }
.header .logo span { color: #0b67d1; }
.header .nav a { color: #33415c; font-weight: 650; font-size: 14px; }
.header .nav a:hover { color: #0b67d1; }
.header .nav a::after { background: #0b67d1; height: 2px; border-radius: 2px; }
.header .theme-toggle { color: #546174; border-color: #dbe6f2; border-radius: 10px; }
.header .nav .btn {
  background: #0b67d1; border: 1px solid #0b67d1; color: #fff;
  border-radius: 10px; padding: 11px 20px;
  font-weight: 800; font-size: 13.5px; letter-spacing: .01em; text-transform: none;
  box-shadow: 0 10px 22px rgba(11, 103, 209, .22);
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.header .nav .btn:hover { background: #0a58b3; border-color: #0a58b3; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(11, 103, 209, .28); }
.header .nav .btn.btn-secondary { background: transparent; border-color: #c7d7ea; color: #061936; box-shadow: none; }
.header .nav .btn.btn-secondary:hover { border-color: #0b67d1; color: #0b67d1; background: #f3f9ff; }

/* ---- Footer: keep premium navy, swap legacy gold accents for network blue */
.site-footer { background: #061936; }
.site-footer .logo { font-family: inherit; font-weight: 850; letter-spacing: -.02em; }
.site-footer .logo span { color: #6fb1f7; }
.site-footer .footer-col h4 { color: #8fc1ff; letter-spacing: .14em; }
.site-footer .footer-col a { color: rgba(255, 255, 255, .66); }
.site-footer .footer-col a:hover { color: #8fc1ff; }
.site-footer .footer-tagline { color: rgba(255, 255, 255, .58); max-width: 340px; }
.site-footer .footer-legal a:hover { color: #8fc1ff; }
.site-footer .footer-main { padding-top: 76px; padding-bottom: 56px; }

/* ---- Typography hierarchy: one scale everywhere -------------------------- */
.aiq-v3 h1, .aiq-v3 h2, .aiq-v3 h3, .aiq-v3 h4 { text-wrap: balance; }
.aiq-v3 .aiq-kicker { font-size: 12px; letter-spacing: .18em; font-weight: 800; }
.aiq-v3 .aiq-lead { font-size: 18px; line-height: 1.7; }
.aiq-v3 .aiq-section-head h2,
.aiq-v3 .aiq-split-v3 h2,
.aiq-navyband-v3 h2 { font-size: clamp(32px, 3.6vw, 48px); line-height: 1.08; letter-spacing: -.032em; }
.aiq-v3 .aiq-section-head { margin-bottom: 52px; }
.aiq-v3 .aiq-section-head.left { margin-bottom: 42px; }
.aiq-v3 .aiq-section-head p { margin: 14px auto 0; color: var(--aiq-muted); line-height: 1.7; max-width: 640px; }
.aiq-hero-copy-v3 h1,
.aiq-subhero-grid-v3 h1 { font-size: clamp(38px, 4.5vw, 58px); line-height: 1.06; letter-spacing: -.035em; }
.aiq-v3 p { max-width: 68ch; }

/* ---- Section rhythm: consistent breathing room ---------------------------- */
.aiq-v3 .aiq-trust-section-v3,
.aiq-v3 .aiq-process-section-v3,
.aiq-v3 .aiq-pathways-v3,
.aiq-v3 .aiq-confidential-v3 { padding-top: 104px; padding-bottom: 104px; }
.aiq-v3 .aiq-hero-v3 { padding-top: 88px; padding-bottom: 96px; }
.aiq-subhero-v3 { padding: 88px 0 92px; }
.aiq-navyband-v3 { padding: 96px 0; }
.aiq-v3 .aiq-final-cta-v3 { padding-top: 104px; padding-bottom: 112px; }
.aiq-v3 .aiq-broker-band-v3 { padding-top: 96px; padding-bottom: 96px; }

/* ---- Buttons: identical everywhere ----------------------------------------- */
.aiq-v3 .aiq-btn {
  min-height: 52px; height: 52px;
  padding: 0 26px;
  border-radius: 10px;
  font-size: 14.5px; font-weight: 800; letter-spacing: .01em;
  border: 1px solid transparent;
  transition: background .18s ease, border-color .18s ease, color .18s ease,
              box-shadow .18s ease, transform .18s ease;
}
.aiq-v3 .aiq-btn:hover { transform: translateY(-1px); }
.aiq-v3 .aiq-btn:active { transform: translateY(0); }
.aiq-v3 .aiq-btn-primary { background: var(--aiq-blue); border-color: var(--aiq-blue); color: #fff; box-shadow: 0 12px 26px rgba(11, 103, 209, .22); }
.aiq-v3 .aiq-btn-primary:hover { background: #0a58b3; border-color: #0a58b3; box-shadow: 0 16px 32px rgba(11, 103, 209, .28); }
.aiq-v3 .aiq-btn-secondary { background: #fff; border-color: #b9cde4; color: var(--aiq-navy); box-shadow: 0 6px 16px rgba(6, 25, 54, .06); }
.aiq-v3 .aiq-btn-secondary:hover { border-color: var(--aiq-blue); color: var(--aiq-blue); box-shadow: 0 10px 22px rgba(6, 25, 54, .09); }
.aiq-v3 .aiq-btn-light { background: #fff; border-color: #fff; color: var(--aiq-navy); box-shadow: 0 12px 26px rgba(0, 0, 0, .16); }
.aiq-v3 .aiq-btn-light:hover { box-shadow: 0 16px 32px rgba(0, 0, 0, .2); }
.aiq-v3 .aiq-hero-actions { gap: 14px; margin-top: 34px; }

/* ---- Cards & icon tiles: one treatment, one hover --------------------------- */
.aiq-v3 .aiq-trust-item-v3,
.aiq-v3 .aiq-process-step-v3,
.aiq-duo-card-v3 {
  border-radius: 18px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aiq-v3 .aiq-trust-item-v3:hover,
.aiq-v3 .aiq-process-step-v3:hover,
.aiq-duo-card-v3:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 54px rgba(6, 25, 54, .10);
  border-color: #c9dcf1;
}
.aiq-v3 .aiq-pathway-image-v3 img { transition: transform .35s ease; }
.aiq-v3 .aiq-pathway-copy-v3 { transition: none; }

/* ---- Images: intentional, never cropped -------------------------------------- */
.aiq-v3 img { max-width: 100%; height: auto; display: block; }
.aiq-subhero-photo-v3, .aiq-split-v3 img, .aiq-v3 .aiq-hero-photo-v3 img { border-radius: 20px; }
.aiq-subhero-photo-v3 { box-shadow: 0 26px 72px rgba(6, 25, 54, .16); }
.aiq-split-v3 img { box-shadow: 0 22px 60px rgba(6, 25, 54, .12); }

/* ---- FAQ & chips: quiet refinement -------------------------------------------- */
.aiq-faq-v3 > div { padding: 26px 0; }
.aiq-faq-v3 h4 { font-size: 17px; letter-spacing: -.01em; }
.aiq-chips-v3 span { transition: border-color .18s ease, color .18s ease, transform .18s ease; }
.aiq-chips-v3 span:hover { border-color: var(--aiq-blue); color: var(--aiq-blue); transform: translateY(-1px); }

/* ---- Responsive polish ---------------------------------------------------------- */
@media (max-width: 1024px) {
  .aiq-v3 .aiq-trust-section-v3,
  .aiq-v3 .aiq-process-section-v3,
  .aiq-v3 .aiq-pathways-v3,
  .aiq-v3 .aiq-confidential-v3,
  .aiq-v3 .aiq-final-cta-v3,
  .aiq-v3 .aiq-broker-band-v3 { padding-top: 76px; padding-bottom: 76px; }
  .aiq-v3 .aiq-hero-v3 { padding-top: 64px; padding-bottom: 72px; }
  .aiq-subhero-v3 { padding: 64px 0 68px; }
  .aiq-navyband-v3 { padding: 72px 0; }
}
@media (max-width: 640px) {
  .aiq-v3 .aiq-trust-section-v3,
  .aiq-v3 .aiq-process-section-v3,
  .aiq-v3 .aiq-pathways-v3,
  .aiq-v3 .aiq-confidential-v3,
  .aiq-v3 .aiq-final-cta-v3,
  .aiq-v3 .aiq-broker-band-v3 { padding-top: 60px; padding-bottom: 60px; }
  .aiq-v3 .aiq-hero-v3 { padding-top: 48px; padding-bottom: 56px; }
  .aiq-subhero-v3 { padding: 48px 0 52px; }
  .aiq-v3 .aiq-section-head { margin-bottom: 38px; }
  .aiq-v3 .aiq-btn { width: 100%; }
  .aiq-v3 .aiq-hero-actions { gap: 12px; }
  .aiq-v3 .aiq-wrap { padding: 0 20px; }
}

/* ---- Motion: respect user preference -------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .aiq-v3 *, .aiq-v3 *::before, .aiq-v3 *::after,
  .header *, .site-footer *, .aiq-skip {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
  .aiq-v3 .aiq-btn:hover,
  .aiq-v3 .aiq-trust-item-v3:hover,
  .aiq-v3 .aiq-process-step-v3:hover,
  .aiq-duo-card-v3:hover,
  .aiq-chips-v3 span:hover { transform: none; }
}