/* AI Compliance Agents — page-specific styles scoped under .compliance-agents */
/* ==========================================================================
   Bitquery — AI Compliance Agents — page-specific styles.
   Loads AFTER bitquery-brand.css + chainsleuth.css (reuses nav, .btn, .eyebrow,
   .sec-head, .cmp, .steps, .faq, .final, .trust, footer, .reveal tokens).
   Adds: hero "queue-collapse" visual, agent fleet grid, problem/outcome/security.
   ========================================================================== */

/* ---- semantic alias: amber "needs review", mint/cyan "cleared", red "illicit" ---- */
.compliance-agents{--cl-review:var(--cs-amber);--cl-clear:var(--cs-mint);--cl-illicit:var(--cs-red);}

/* ==========================================================================
   HERO — queue collapsing into "needs your review"
   ========================================================================== */
.compliance-agents .qc{position:relative;border:1px solid var(--d-line);border-radius:var(--r-card);
  background:linear-gradient(180deg,rgba(12,18,28,.92),rgba(8,12,18,.96));
  box-shadow:0 30px 80px -30px rgba(0,0,0,.8);padding:18px;min-height:470px;overflow:hidden;}
.compliance-agents .qc-bar{display:flex;align-items:center;gap:8px;padding:2px 4px 13px;border-bottom:1px solid var(--d-line-2);margin-bottom:14px;}
.compliance-agents .qc-bar .dot{width:9px;height:9px;border-radius:50%;background:#23303f;}
.compliance-agents .qc-bar .dot.live{background:var(--cs-mint);box-shadow:0 0 0 3px rgba(0,216,221,.18);animation:pulse 2s infinite;}
.compliance-agents .qc-bar .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--d-mute);margin-left:4px;white-space:nowrap;}
.compliance-agents .qc-bar .lbl b{color:var(--cs-mint);font-weight:500;}

.compliance-agents .qc-stage{display:grid;grid-template-columns:1fr 96px 1.04fr;gap:0;align-items:center;height:392px;position:relative;}
.compliance-agents .qc-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible;}

/* incoming alert wall */
.compliance-agents .qc-in{display:flex;flex-direction:column;gap:7px;position:relative;z-index:2;}
.compliance-agents .qc-in .ih{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--d-mute);margin-bottom:3px;}
.compliance-agents .alert{display:flex;align-items:center;gap:8px;border:1px solid var(--d-line);border-radius:7px;
  background:#0e1622;padding:7px 9px;font-family:var(--mono);font-size:10.5px;color:#aeb6c2;letter-spacing:-.2px;}
.compliance-agents .alert .ad{width:6px;height:6px;border-radius:50%;flex:none;}
.compliance-agents .alert.r{border-color:rgba(255,93,108,.4);}
.compliance-agents .alert.r .ad{background:var(--cl-illicit);box-shadow:0 0 0 3px rgba(255,93,108,.16);}
.compliance-agents .alert.a{border-color:rgba(224,162,59,.32);}
.compliance-agents .alert.a .ad{background:var(--cl-review);}
.compliance-agents .alert.g .ad{background:var(--cl-clear);}
.compliance-agents .alert.g{opacity:.62;}
.compliance-agents .alert .av{margin-left:auto;color:var(--d-mute);}

/* agent column */
.compliance-agents .qc-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;position:relative;z-index:3;}
.compliance-agents .qc-agent{width:46px;height:46px;border-radius:11px;border:1px solid var(--d-line);
  background:linear-gradient(180deg,#111c32,#0c1320);display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px -12px rgba(0,0,0,.7);position:relative;}
.compliance-agents .qc-agent svg{width:22px;height:22px;}
.compliance-agents .qc-agent .ring{position:absolute;inset:-4px;border-radius:14px;border:1px solid rgba(0,216,221,.25);}
.compliance-agents .qc-agent .nm{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);font-family:var(--mono);
  font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--d-grey);white-space:nowrap;
  background:#0a0f17;padding:3px 6px;border-radius:4px;border:1px solid var(--d-line-2);z-index:4;}

/* outcome stack */
.compliance-agents .qc-out{position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;}
.compliance-agents .qc-review{border:1px solid rgba(224,162,59,.5);border-radius:10px;
  background:linear-gradient(180deg,rgba(224,162,59,.14),rgba(14,22,34,.92));padding:14px 14px 13px;
  box-shadow:0 0 28px -8px rgba(224,162,59,.4);}
.compliance-agents .qc-review .rt{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--cl-review);display:flex;align-items:center;gap:6px;}
.compliance-agents .qc-review .rn{font-family:var(--mono);font-weight:500;font-size:30px;letter-spacing:-1px;color:#fff;line-height:1;margin-top:8px;}
.compliance-agents .qc-review .rl{font-size:11.5px;color:var(--d-grey);margin-top:5px;line-height:1.4;}
.compliance-agents .qc-cleared{display:flex;align-items:center;gap:9px;border:1px solid rgba(0,216,221,.3);border-radius:9px;
  background:rgba(0,216,221,.06);padding:11px 13px;}
.compliance-agents .qc-cleared .ci{width:22px;height:22px;border-radius:6px;background:rgba(0,216,221,.16);display:flex;align-items:center;justify-content:center;flex:none;}
.compliance-agents .qc-cleared .ct{font-family:var(--mono);font-size:11px;color:var(--cl-clear);font-weight:500;letter-spacing:-.2px;}
.compliance-agents .qc-cleared .cl{font-size:11px;color:var(--d-mute);margin-left:auto;font-family:var(--mono);}
.compliance-agents .qc-foot{margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--d-mute);display:flex;gap:7px;align-items:center;}
.compliance-agents .qc-foot::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cs-mint);}

@media(max-width:760px){
  .qc-stage{grid-template-columns:1fr 50px 1fr;height:auto;gap:0;}
  .qc-in .alert .av{display:none;}
  .qc-review .rn{font-size:24px;}
}

/* ==========================================================================
   PROBLEM — 3 pain cards (over .alt section)
   ========================================================================== */
.compliance-agents .pain{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;}
.compliance-agents .pcard2{border:1px solid var(--d-line);border-radius:var(--r-card);background:var(--d-card);padding:26px 24px 26px;position:relative;overflow:hidden;}
.compliance-agents .pcard2::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;}
.compliance-agents .pcard2.r::before{background:var(--cl-illicit);}
.compliance-agents .pcard2.a::before{background:var(--cl-review);}
.compliance-agents .pcard2.b::before{background:var(--cs-blue);}
.compliance-agents .pcard2 .ph{display:flex;align-items:center;gap:12px;}
.compliance-agents .pcard2 .pi{width:38px;height:38px;border-radius:9px;border:1px solid var(--d-line);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;flex:none;}
.compliance-agents .pcard2 h3{font-size:18px;letter-spacing:-.3px;color:#fff;}
.compliance-agents .pcard2 p{margin-top:14px;font-size:15px;line-height:1.6;color:var(--d-grey);}
.compliance-agents .pcard2 p .q{color:#cdd3dc;}
@media(max-width:1080px){.pain{grid-template-columns:1fr;}}

/* ==========================================================================
   AGENT FLEET — 9 cards (the centerpiece)
   ========================================================================== */
.compliance-agents .fleet{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;}
.compliance-agents .agent{border:1px solid var(--d-line);border-radius:var(--r-card);background:var(--d-card);
  padding:24px 22px 24px;transition:transform .2s,border-color .2s,background .2s;position:relative;}
.compliance-agents .agent:hover{transform:translateY(-3px);border-color:rgba(0,216,221,.32);background:#0f1826;}
.compliance-agents .agent .ah{display:flex;align-items:center;gap:13px;}
.compliance-agents .agent .ai{width:42px;height:42px;border-radius:10px;border:1px solid var(--d-line);
  background:linear-gradient(180deg,rgba(0,216,221,.08),rgba(255,255,255,.01));display:flex;align-items:center;justify-content:center;flex:none;}
.compliance-agents .agent .ai svg{width:21px;height:21px;}
.compliance-agents .agent .an{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-mint-deep);}
.compliance-agents .agent h3{font-size:17px;letter-spacing:-.3px;color:#fff;margin-top:3px;}
.compliance-agents .agent p{margin-top:13px;font-size:14px;line-height:1.58;color:var(--d-grey);}
.compliance-agents .agent .idx{position:absolute;top:20px;right:22px;font-family:var(--mono);font-size:11px;color:var(--d-mute);}
@media(max-width:1080px){.fleet{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){.fleet{grid-template-columns:1fr;}}

/* ==========================================================================
   DEFENSIBLE — trust bullets (2-col)
   ========================================================================== */
.compliance-agents .defend{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px;}
.compliance-agents .dbull{display:grid;grid-template-columns:40px 1fr;gap:16px;border:1px solid var(--d-line);
  border-radius:var(--r-card);background:var(--d-card);padding:22px 22px;align-items:start;}
.compliance-agents .dbull .di{width:40px;height:40px;border-radius:9px;border:1px solid var(--d-line);background:rgba(0,216,221,.05);display:flex;align-items:center;justify-content:center;}
.compliance-agents .dbull h4{font-size:16px;color:#fff;letter-spacing:-.2px;}
.compliance-agents .dbull p{margin-top:7px;font-size:14px;line-height:1.55;color:var(--d-grey);}
@media(max-width:760px){.defend{grid-template-columns:1fr;}}

/* ==========================================================================
   OUTCOME — stat band (dark, glow)
   ========================================================================== */
.compliance-agents .outcome{position:relative;overflow:hidden;border-top:1px solid var(--d-line-2);border-bottom:1px solid var(--d-line-2);
  background:radial-gradient(700px 420px at 50% -30%,rgba(0,216,221,.10),transparent 60%),var(--d-bg-2);}
.compliance-agents .outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:46px;
  background:var(--d-line-2);border:1px solid var(--d-line-2);border-radius:var(--r-card);overflow:hidden;}
.compliance-agents .ostat{background:#0a0f18;padding:34px 28px 32px;text-align:center;}
.compliance-agents .ostat .ov{font-family:var(--mono);font-weight:500;font-size:30px;letter-spacing:-1px;color:#fff;display:inline-flex;align-items:center;gap:8px;}
.compliance-agents .ostat .ov .dn{color:var(--cl-clear);}
.compliance-agents .ostat .ol{margin-top:12px;font-size:15px;line-height:1.55;color:var(--d-grey);}
@media(max-width:760px){.outcome-grid{grid-template-columns:1fr;}.ostat{padding:26px 22px;}}

/* ==========================================================================
   SECURITY — chip list
   ========================================================================== */
.compliance-agents .sec-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px;}
.compliance-agents .sec-chip{display:flex;align-items:center;gap:11px;border:1px solid var(--d-line);border-radius:10px;
  background:var(--d-card);padding:15px 18px;font-size:14.5px;color:#dfe3ea;}
.compliance-agents .sec-chip svg{width:18px;height:18px;flex:none;}
.compliance-agents .sec-chip b{font-weight:500;color:#fff;}

/* keep stat-bar metric coloring on this page */
.compliance-agents .trust-item .mk.amber{color:var(--cl-review);}
.compliance-agents .trust-item .mk.cyan{color:var(--cl-clear);}

/* hero micro-points: vertical list (avoids the multi-line dot-bullet collision
   the longer compliance value-props caused as a wrapping inline row) */
.compliance-agents .hero .hero-micro{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:10px;margin-top:26px;}
.compliance-agents .hero .hero-micro span{font-size:13px;color:var(--d-grey);white-space:nowrap;}
.compliance-agents .hero .hero-micro span::before{width:6px;height:6px;}