.intelligence-lab-hero { position:relative; overflow:hidden; padding: 82px 0 40px; background: radial-gradient(circle at 18% 18%, rgba(34,211,238,0.12), rgba(34,211,238,0) 28%), radial-gradient(circle at 82% 10%, rgba(168,85,247,0.18), rgba(168,85,247,0) 32%), linear-gradient(180deg, rgba(2,6,23,0.96), rgba(6,10,20,0.88)); border-bottom: 1px solid rgba(255,255,255,0.06); }
.lab-hero-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; opacity:0.92; }
.lab-hero-orb { position:absolute; border-radius:999px; filter:blur(18px); pointer-events:none; opacity:0.55; }
.lab-hero-orb--cyan { width:220px; height:220px; top:-40px; right:10%; background:radial-gradient(circle, rgba(34,211,238,0.22), rgba(34,211,238,0) 70%); }
.lab-hero-orb--violet { width:180px; height:180px; bottom:-40px; left:8%; background:radial-gradient(circle, rgba(168,85,247,0.22), rgba(168,85,247,0) 70%); }
.intelligence-lab-hero h1 { position:relative; font-size: clamp(2.3rem, 4vw, 3.4rem); line-height: 0.98; margin: 0 0 12px; color: #f8fafc; }
.intelligence-lab-hero p { position:relative; color: #94a3b8; max-width: 820px; line-height: 1.75; }
.lab-shell { position:relative; max-width: 1180px; margin: 0 auto; padding: 0 24px 60px; }
.lab-kpis, .lab-module-grid, .lab-meta-grid, .lab-two-col, .lab-four-grid { display: grid; gap: 14px; }
.lab-kpis { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); margin-top: 22px; }
.lab-kpi, .lab-card, .lab-row-card, .lab-mini-card, .lab-policy-card { border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03); border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 20px 50px rgba(2,6,23,0.18); backdrop-filter: blur(10px); }
.lab-kpi { padding: 18px 20px; }
.lab-kpi-label { font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; color: #22d3ee; font-weight: 800; margin-bottom: 8px; }
.lab-kpi strong { display: block; color: #f8fafc; font-size: 1.02rem; }
.lab-hero-change.up, .up { color: #10b981; }
.lab-hero-change.down, .down { color: #f43f5e; }
.lab-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin: 28px 0 18px; }
.lab-select { background: rgba(8,12,20,0.9); color:#f8fafc; border:1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 10px 14px; min-width: 220px; }
.lab-anchor-row { display:flex; gap:10px; flex-wrap:wrap; }
.lab-anchor-btn { background: rgba(255,255,255,0.04); color:#cbd5e1; border:1px solid rgba(255,255,255,0.08); border-radius:999px; padding:10px 14px; cursor:pointer; font-weight:700; font-size:0.82rem; }
.lab-anchor-btn:hover { border-color: rgba(34,211,238,0.3); color:#22d3ee; }
.lab-module-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.lab-card { padding: 22px; }
.lab-card h2 { margin: 0 0 10px; font-size: 1.2rem; color: #f8fafc; }
.lab-card p, .lab-card-copy { margin: 0; color: #94a3b8; line-height: 1.7; }
.lab-card-kicker { font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: #22d3ee; font-weight: 800; margin-bottom: 8px; }
.lab-two-col { grid-template-columns: 1.1fr 0.9fr; align-items:start; }
.lab-four-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.lab-row-card, .lab-mini-card { padding: 14px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lab-mini-card { display:grid; gap:8px; align-items:start; }
.lab-row-title { color:#f8fafc; font-weight:800; line-height:1.4; }
.lab-row-sub { color:#94a3b8; font-size:0.88rem; line-height:1.65; }
.lab-row-metric { color:#f8fafc; font-weight:800; font-size:0.96rem; text-align:right; }
.lab-rank-item { display:grid; grid-template-columns: 44px 1fr auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.06); }
.lab-rank-item:last-child { border-bottom:none; }
.lab-rank-num { width: 40px; height: 40px; display:inline-flex; align-items:center; justify-content:center; border-radius: 999px; background: rgba(34,211,238,0.12); color:#22d3ee; font-weight:800; }
.lab-chart { position: relative; min-height: 260px; }
.lab-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:rgba(34,211,238,0.09); color:#22d3ee; border:1px solid rgba(34,211,238,0.18); font-size:0.8rem; font-weight:700; }
.lab-regime { display:flex; gap:10px; flex-wrap:wrap; margin: 12px 0; }
.lab-meter { display:flex; align-items:flex-end; gap:18px; margin-top:16px; }
.lab-meter-score { font-size: 3rem; font-weight: 800; color:#f8fafc; line-height:1; }
.lab-chip { display:inline-flex; width:max-content; align-items:center; padding:6px 10px; border-radius:999px; background:rgba(168,85,247,0.12); color:#c084fc; border:1px solid rgba(168,85,247,0.18); font-size:0.76rem; font-weight:700; }
.lab-policy-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; margin-top:16px; }
.lab-policy-card { padding: 14px 16px; }
.lab-policy-card.active { border-color: rgba(34,211,238,0.28); background: linear-gradient(135deg, rgba(34,211,238,0.09), rgba(168,85,247,0.06)); }
.lab-callout { margin-top: 26px; padding: 18px 20px; border-radius: 18px; background: linear-gradient(135deg, rgba(34,211,238,0.08), rgba(168,85,247,0.05)); border:1px solid rgba(34,211,238,0.16); }
.lab-callout-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.lab-btn { display:inline-flex; align-items:center; justify-content:center; min-width:220px; padding:12px 18px; border-radius:12px; text-decoration:none; font-weight:800; }
.lab-btn-primary { background:#22d3ee; color:#06131a; }
.lab-btn-secondary { background: rgba(255,255,255,0.04); color:#e2e8f0; border:1px solid rgba(255,255,255,0.08); }
.lab-error { padding: 22px; border-radius: 16px; background: rgba(127,29,29,0.25); border:1px solid rgba(248,113,113,0.25); color:#fecaca; }
@media (max-width: 900px) {
  .lab-kpis, .lab-module-grid, .lab-two-col, .lab-four-grid, .lab-policy-grid { grid-template-columns: 1fr; }
}
.lab-compare-table { width:100%; border-collapse:collapse; margin-top:16px; }
.lab-compare-table th, .lab-compare-table td { padding:14px 12px; border-bottom:1px solid rgba(255,255,255,0.08); text-align:left; color:#cbd5e1; vertical-align:top; }
.lab-compare-table th { color:#f8fafc; font-size:0.82rem; letter-spacing:0.08em; text-transform:uppercase; }
.lab-rec-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.lab-rec-card { padding:16px 18px; border-radius:16px; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03); display:grid; gap:8px; }
.lab-analytics-grid { display:grid; grid-template-columns:1.1fr 0.9fr; gap:14px; margin:18px 0 22px; }
.lab-analytics-stack { display:grid; gap:14px; }
.lab-analytics-card { padding:20px; border-radius:18px; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03); box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 20px 50px rgba(2,6,23,0.18); }
.lab-analytics-card h2 { margin:0 0 8px; font-size:1.08rem; color:#f8fafc; }
.lab-analytics-card p { margin:0 0 12px; color:#94a3b8; line-height:1.7; }
.lab-analytics-stage { min-height:280px; }
.lab-decision-frame { background:linear-gradient(135deg, rgba(34,211,238,0.085), rgba(168,85,247,0.055)); border-color:rgba(34,211,238,0.16); }
.lab-decision-frame h2 { font-size:1.22rem; }
.lab-decision-inputs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.lab-decision-inputs span { display:inline-flex; padding:7px 10px; border-radius:999px; background:rgba(2,6,23,0.42); border:1px solid rgba(255,255,255,0.08); color:#cbd5e1; font-size:0.78rem; font-weight:700; }
.lab-decision-trust { color:#94a3b8; font-size:0.82rem; line-height:1.6; border-top:1px solid rgba(255,255,255,0.07); padding-top:12px; }
@media (max-width: 900px) {
  .lab-rec-grid,
  .lab-analytics-grid { grid-template-columns:1fr; }
}
@media (max-width: 768px) {
  .intelligence-lab-hero { padding: 68px 0 28px; }
  .lab-shell { padding: 0 10px 42px; overflow: hidden; }
  .lab-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .lab-kpi, .lab-card, .lab-rec-card, .lab-policy-card { padding: 18px 16px; border-radius: 16px; }
  .lab-toolbar { margin: 22px 0 16px; }
  .lab-select { width: 100%; min-width: 0; }
  .lab-anchor-row {
    width: 100%;
    flex-wrap: wrap;
    overflow-x: visible;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: auto;
    scrollbar-width: none;
  }
  .lab-anchor-btn { flex: 1 1 120px; min-width: 0; white-space: normal; overflow-wrap: anywhere; text-align: center; }
  .lab-row-card, .lab-mini-card {
    padding: 14px;
    align-items: flex-start;
    gap: 8px;
  }
  .lab-row-card { flex-direction: column; }
  .lab-row-metric { text-align: left; }
  .lab-chart { min-height: 220px; }
  .lab-callout-actions { gap: 8px; }
  .lab-btn { width: 100%; min-width: 0; }
  .lab-compare-table { width:100%; min-width:0; table-layout:fixed; }
  .lab-compare-table th, .lab-compare-table td { padding:10px 8px; overflow-wrap:anywhere; word-break:normal; }
  .lab-hero-canvas { width:100% !important; max-width:100% !important; }
  .lab-card > .lab-two-col { gap: 14px; }
  .lab-card, .lab-two-col, .lab-four-grid, .lab-chart, .lab-row-card { min-width: 0; max-width: 100%; box-sizing: border-box; overflow: hidden; }
  .lab-chart canvas { max-width: 100% !important; }
}
@media (max-width: 560px) {
  .intelligence-lab-hero h1 { line-height: 1.04; }
  .intelligence-lab-hero p { font-size: 0.95rem; line-height: 1.72; }
  .lab-kpis { grid-template-columns: 1fr; }
  .lab-kpi strong,
  .lab-row-title { font-size: 0.95rem; }
  .lab-row-sub,
  .lab-card p,
  .lab-card-copy { font-size: 0.88rem; line-height: 1.65; }
}
@media (prefers-reduced-motion: reduce) {
  .lab-hero-canvas,
  .lab-hero-orb {
    display: none !important;
  }
  .lab-card,
  .lab-rec-card,
  .lab-btn,
  .lab-anchor-btn {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}