/* CX Deep — cinematic Modules + Stack */
.cxd-mods,.cxd-stk{padding:96px 0;background:#06080d;color:#e9eef7;position:relative}
.cxd-stk{padding-top:0}

.cxd-head{max-width:1320px;margin:0 auto 48px;padding:0 32px;text-align:center}
.cxd-eyebrow{display:inline-flex !important;flex-direction:row !important;flex-wrap:nowrap !important;white-space:nowrap !important;align-items:center;gap:8px;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;color:#5EFFA4;margin-bottom:20px;padding:7px 14px;border:1px solid rgba(94,255,164,.25);border-radius:30px;background:rgba(94,255,164,.06)}
.cxd-eyebrow span{display:inline-block !important;flex:0 0 6px !important;width:6px !important;height:6px !important;border-radius:50%;background:#5EFFA4;animation:cxd-pulse 1.6s ease-in-out infinite}
@keyframes cxd-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}
.cxd-h{font:600 clamp(36px,4.6vw,60px)/1.05 'Helvetica Neue',sans-serif;letter-spacing:-.025em;color:#fff;margin:0 0 18px;text-wrap:balance}
.cxd-h em{font-style:italic;font-weight:500;color:#9aa6bc}
.cxd-sub{font:400 16px/1.55 'Helvetica Neue',sans-serif;color:#9aa6bc;max-width:680px;margin:0 auto}

/* ============ MODULES ============ */
.cxd-rail{
  max-width:1320px;margin:0 auto 24px;padding:0 32px;
  display:grid;grid-template-columns:repeat(6,1fr);gap:8px;
}
.cxd-tab{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  padding:14px 16px;background:#0b1018;border:1px solid #1c2230;border-radius:10px;
  color:#9aa6bc;cursor:pointer;text-align:left;
  transition:all .2s ease;position:relative;overflow:hidden;
}
.cxd-tab:hover{border-color:#2a3142;color:#e9eef7}
.cxd-tab.on{border-color:var(--acc);background:#0e1320;color:#fff;box-shadow:0 0 0 1px var(--acc) inset,0 8px 24px rgba(0,0,0,.4)}
.cxd-tab.on::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc)}
.cxd-tab-dot{width:8px;height:8px;border-radius:50%}
.cxd-tab-l{font:600 14px/1 'Helvetica Neue',sans-serif;letter-spacing:-.01em}
.cxd-tab-c{font:500 10px/1 ui-monospace,Menlo,monospace;color:#5a6378;letter-spacing:.1em;margin-top:auto}
.cxd-tab.on .cxd-tab-c{color:var(--acc)}

.cxd-stage{
  max-width:1320px;margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:1fr 1fr;gap:28px;
}
.cxd-stage-l{display:flex;flex-direction:column;gap:18px;padding:36px;background:#0b1018;border:1px solid #1c2230;border-radius:18px;position:relative;overflow:hidden}
.cxd-stage-l::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:.8}
.cxd-stage-headline{font:600 30px/1.1 'Helvetica Neue',sans-serif;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.cxd-stage-tag{font:400 15px/1.55 'Helvetica Neue',sans-serif;color:#9aa6bc;text-wrap:pretty}

.cxd-stage-items{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.cxd-item{
  position:relative;display:flex;flex-direction:column;gap:4px;
  padding:12px 14px 12px 18px;background:transparent;border:1px solid transparent;border-radius:8px;
  color:#9aa6bc;cursor:pointer;text-align:left;transition:all .15s ease;
}
.cxd-item:hover{background:rgba(255,255,255,.02);color:#e9eef7}
.cxd-item.on{background:rgba(255,255,255,.04);border-color:#1c2230;color:#fff}
.cxd-item-bar{position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:#1c2230;transition:background .15s ease}
.cxd-item.on .cxd-item-bar{background:var(--acc)}
.cxd-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cxd-item-n{font:600 14px/1.2 'Helvetica Neue',sans-serif;color:inherit}
.cxd-item-m{font:500 10.5px/1 ui-monospace,Menlo,monospace;color:#5a6378;letter-spacing:.04em;white-space:nowrap}
.cxd-item.on .cxd-item-m{color:var(--acc)}
.cxd-item-d{font:400 12.5px/1.5 'Helvetica Neue',sans-serif;color:#7a8499}

.cxd-stage-cta{margin-top:auto;font:600 14px/1 'Helvetica Neue',sans-serif;color:var(--acc);text-decoration:none}
.cxd-stage-cta:hover{filter:brightness(1.2)}

.cxd-stage-r{
  background:linear-gradient(140deg,#0a0e16,#0d121d);
  border:1px solid #1c2230;border-radius:18px;
  padding:32px;
  display:flex;align-items:center;justify-content:center;
  min-height:520px;position:relative;overflow:hidden;
}
.cxd-stage-r::before{
  content:'';position:absolute;inset:-1px;border-radius:18px;
  background:radial-gradient(60% 60% at 50% 30%,var(--acc) 0%,transparent 70%);
  opacity:.06;pointer-events:none;
}

/* ============ VISUALS ============ */
.cxdv{width:100%;height:100%;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}

/* Order book visual */
.cxdv-ob .cxdv-frame{background:#06080d;border:1px solid #1c2230;border-radius:10px;overflow:hidden;width:100%}
.cxdv-frame-h{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0e16;border-bottom:1px solid #1c2230;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#9aa6bc}
.cxdv-frame-px{font-size:14px;color:#5EFFA4;margin-left:auto}
.cxdv-pulse{display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.16em;color:#5a6378}
.cxdv-pulse i{width:5px;height:5px;border-radius:50%;animation:cxd-pulse 1.6s infinite}
.cxdv-ob-cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1c2230}
.cxdv-ob-side{background:#06080d;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.cxdv-ob-h{display:flex;justify-content:space-between;font:500 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#5a6378;padding-bottom:6px;border-bottom:1px solid #1c2230;margin-bottom:4px}
.cxdv-ob-row{position:relative;display:flex;justify-content:space-between;align-items:center;font:500 11px/1.4 ui-monospace,Menlo,monospace;color:#9aa6bc}
.cxdv-ob-fill{position:absolute;top:0;right:0;bottom:0;pointer-events:none;border-radius:2px}
.cxdv-ob-p{position:relative;z-index:1}
.cxdv-ob-p.up{color:#5EFFA4}
.cxdv-ob-p.dn{color:#FF6B7A}
.cxdv-ob-foot{display:flex;justify-content:space-around;padding:10px 16px;background:#0a0e16;border-top:1px solid #1c2230;font:500 11px/1 ui-monospace,Menlo,monospace;color:#7a8499}
.cxdv-ob-foot b{color:#fff;font-weight:600;margin-left:4px}

/* Custody */
.cxdv-cu-stack{display:flex;flex-direction:column;gap:6px;width:100%}
.cxdv-cu-tier{
  position:relative;padding:18px 22px;background:#0a0e16;border:1px solid #1c2230;border-left:3px solid var(--c);border-radius:10px;
  display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;
  transition:all .2s ease;min-height:60px;
}
.cxdv-cu-tier.on{background:#0e131d;transform:translateX(4px)}
.cxdv-cu-tier-l{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--c)}
.cxdv-cu-tier-d{font:400 12px/1.4 'Helvetica Neue',sans-serif;color:#9aa6bc}
.cxdv-cu-tier-p{font:600 22px/1 'Helvetica Neue',sans-serif;letter-spacing:-.02em;justify-self:end}
.cxdv-cu-tier-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--c),transparent);opacity:.06;pointer-events:none}
.cxdv-cu-tier.on .cxdv-cu-tier-bar{width:100%;transition:width .6s ease}
.cxdv-cu-attest{background:#0a0e16;border:1px solid #1c2230;border-radius:10px;padding:14px 16px}
.cxdv-cu-att-h{display:flex;justify-content:space-between;font:500 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#7a8499;padding-bottom:10px;border-bottom:1px solid #1c2230;margin-bottom:10px}
.cxdv-cu-att-h i{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:5px;animation:cxd-pulse 1.6s infinite}
.cxdv-cu-att-row{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:6px 0;font:500 12px/1 ui-monospace,Menlo,monospace;color:#9aa6bc}
.cxdv-cu-att-row b{color:#fff;font-weight:600}
.cxdv-cu-att-row i{font-style:normal;font-size:10px;letter-spacing:.06em}

/* Compliance */
.cxdv-cm{display:flex;flex-direction:column;gap:14px}
.cxdv-cm-svg{width:100%;background:#06080d;border:1px solid #1c2230;border-radius:10px;height:240px}
.cxdv-cm-rail{display:flex;flex-direction:column;gap:6px}
.cxdv-cm-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:#0a0e16;border:1px solid #1c2230;border-radius:8px;font:500 12px/1 'Helvetica Neue',sans-serif;color:#9aa6bc}
.cxdv-cm-row b{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.04em}

/* Earn */
.cxdv-er{background:#06080d;border:1px solid #1c2230;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}
.cxdv-er-h{display:flex;justify-content:space-between;font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#7a8499;padding-bottom:10px;border-bottom:1px solid #1c2230}
.cxdv-er-row{display:grid;grid-template-columns:48px 1fr 110px 60px;gap:14px;align-items:center;padding:8px 6px;border-radius:6px;transition:background .2s}
.cxdv-er-row.on{background:rgba(255,255,255,.04)}
.cxdv-er-asset{font:700 13px/1 'Helvetica Neue',sans-serif;color:#fff}
.cxdv-er-type{font:500 11px/1.3 'Helvetica Neue',sans-serif;color:#9aa6bc;display:flex;flex-direction:column;gap:2px}
.cxdv-er-type i{font-style:normal;font:500 9px/1 ui-monospace,Menlo,monospace;color:#5a6378;letter-spacing:.08em}
.cxdv-er-bar{height:6px;background:#1c2230;border-radius:3px;overflow:hidden}
.cxdv-er-bar i{display:block;height:100%;border-radius:3px;transition:width .4s ease}
.cxdv-er-apy{font:700 16px/1 'Helvetica Neue',sans-serif;letter-spacing:-.01em;text-align:right}
.cxdv-er-foot{font:400 11px/1.4 'Helvetica Neue',sans-serif;color:#7a8499;padding-top:8px;border-top:1px solid #1c2230;margin-top:4px}

/* Payments */
.cxdv-pm{display:flex;flex-direction:column;gap:14px}
.cxdv-pm-h{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#7a8499}
.cxdv-pm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cxdv-pm-card{padding:14px;background:#0a0e16;border:1px solid #1c2230;border-radius:8px;transition:all .2s}
.cxdv-pm-card.on{border-color:rgba(255,122,198,.4);background:#0e131d}
.cxdv-pm-c{font:700 16px/1 'Helvetica Neue',sans-serif;letter-spacing:-.01em;margin-bottom:4px}
.cxdv-pm-n{font:500 12px/1.2 'Helvetica Neue',sans-serif;color:#e9eef7;margin-bottom:6px}
.cxdv-pm-v{font:400 10px/1.3 ui-monospace,Menlo,monospace;color:#7a8499;letter-spacing:.02em}
.cxdv-pm-card-cta{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center;margin-top:6px}
.cxdv-pm-card-stripe{padding:14px;border-radius:10px;aspect-ratio:1.586;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.cxdv-pm-card-row{display:flex;justify-content:space-between;align-items:center;font:700 11px/1 'Helvetica Neue',sans-serif;letter-spacing:.16em}
.cxdv-pm-card-chip{width:28px;height:20px;border-radius:3px;background:linear-gradient(135deg,#FFE082,#FFB300);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.cxdv-pm-card-num{font:600 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em}
.cxdv-pm-card-foot{display:flex;justify-content:space-between;font:600 9px/1 'Helvetica Neue',sans-serif;letter-spacing:.14em;opacity:.85}
.cxdv-pm-card-meta{display:flex;flex-direction:column;gap:5px;font:500 12px/1.3 'Helvetica Neue',sans-serif;color:#9aa6bc}
.cxdv-pm-card-meta b{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.04em}

/* Ops */
.cxdv-op{display:flex;flex-direction:column;gap:10px}
.cxdv-op-h{display:flex;justify-content:space-between;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#7a8499}
.cxdv-op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cxdv-op-tile{padding:14px;background:#0a0e16;border:1px solid #1c2230;border-radius:8px;transition:all .2s}
.cxdv-op-tile.on{background:#0e131d;border-color:rgba(55,214,200,.4)}
.cxdv-op-tile-l{font:500 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#5a6378;margin-bottom:8px}
.cxdv-op-tile-v{font:600 20px/1 'Helvetica Neue',sans-serif;letter-spacing:-.02em;color:#fff;margin-bottom:6px}
.cxdv-op-tile-d{font:400 10px/1 'Helvetica Neue',sans-serif;color:#7a8499}
.cxdv-op-foot{display:grid;grid-template-columns:auto auto auto auto;gap:14px;align-items:center;padding:10px 14px;background:#0a0e16;border:1px solid #1c2230;border-radius:8px;font:500 11px/1 ui-monospace,Menlo,monospace;color:#7a8499;letter-spacing:.04em}
.cxdv-op-foot b{color:#fff;font-weight:600}

/* ============ STACK ============ */
.cxd-stk-frame{
  max-width:1320px;margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
.cxd-stk-diag{
  background:#0b1018;border:1px solid #1c2230;border-radius:18px;
  padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;
}
.cxd-stk-diag-h{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#7a8499;padding-bottom:12px;border-bottom:1px solid #1c2230}
.cxd-stk-diag-flow{display:flex;gap:3px}
.cxd-stk-diag-flow i{width:6px;height:6px;border-radius:50%;background:#5EFFA4;animation:cxd-flow 1.4s infinite}
.cxd-stk-diag-flow i:nth-child(2){animation-delay:.2s}
.cxd-stk-diag-flow i:nth-child(3){animation-delay:.4s}
.cxd-stk-diag-flow i:nth-child(4){animation-delay:.6s}
@keyframes cxd-flow{0%,100%{opacity:.2}50%{opacity:1}}

.cxd-stk-layers{display:flex;flex-direction:column;gap:4px;align-items:center}
.cxd-stk-l{
  position:relative;width:var(--w);max-width:100%;
  background:#0a0e16;border:1px solid #1c2230;border-radius:8px;
  padding:11px 16px;cursor:pointer;text-align:left;
  color:#9aa6bc;transition:all .2s ease;
  display:flex;flex-direction:column;gap:6px;
}
.cxd-stk-l:hover{background:#0e131d;border-color:#2a3142;color:#fff}
.cxd-stk-l.on{background:#0e131d;border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset,0 8px 24px rgba(0,0,0,.4);color:#fff}
.cxd-stk-l-edge{position:absolute;left:-1px;top:8px;bottom:8px;width:3px;background:var(--c);border-radius:2px;opacity:.4}
.cxd-stk-l.on .cxd-stk-l-edge{opacity:1}
.cxd-stk-l-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cxd-stk-l-name{font:600 13.5px/1.1 'Helvetica Neue',sans-serif;letter-spacing:-.01em;color:inherit}
.cxd-stk-l-meta{font:500 10.5px/1 ui-monospace,Menlo,monospace;color:#5a6378;letter-spacing:.04em;text-align:right;white-space:nowrap}
.cxd-stk-l.on .cxd-stk-l-meta{color:var(--c)}
.cxd-stk-l-tags{display:flex;flex-wrap:wrap;gap:4px}
.cxd-stk-l-tags span{padding:2px 7px;border-radius:3px;background:rgba(255,255,255,.04);font:500 9.5px/1.4 ui-monospace,Menlo,monospace;color:#7a8499;letter-spacing:.03em}
.cxd-stk-l.on .cxd-stk-l-tags span{background:rgba(255,255,255,.08);color:#e9eef7}
.cxd-stk-l-more{color:var(--c) !important}
.cxd-stk-l-arrow{position:absolute;left:50%;bottom:-5px;width:1px;height:5px;background:#2a3142;transform:translateX(-50%);z-index:1}

.cxd-stk-detail{
  background:#0b1018;border:1px solid #1c2230;border-radius:18px;
  padding:32px;display:flex;flex-direction:column;gap:18px;
  position:relative;overflow:hidden;
}
.cxd-stk-detail::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c);opacity:.9}
.cxd-stk-det-h{display:flex;flex-direction:column;gap:6px;padding-bottom:18px;border-bottom:1px solid #1c2230}
.cxd-stk-det-tag{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--c)}
.cxd-stk-det-n{font:600 32px/1.1 'Helvetica Neue',sans-serif;letter-spacing:-.02em;color:#fff}
.cxd-stk-det-t{font:500 13px/1 ui-monospace,Menlo,monospace;color:#9aa6bc;letter-spacing:.02em}
.cxd-stk-det-d{font:400 15px/1.6 'Helvetica Neue',sans-serif;color:#9aa6bc;margin:0;text-wrap:pretty}
.cxd-stk-det-tech-h,.cxd-stk-det-repo-h{font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#5a6378;margin-bottom:10px}
.cxd-stk-det-tech-grid{display:flex;flex-wrap:wrap;gap:6px}
.cxd-stk-det-chip{padding:6px 11px;border-radius:5px;background:rgba(255,255,255,.04);border:1px solid #1c2230;font:600 11.5px/1 ui-monospace,Menlo,monospace;color:#e9eef7;letter-spacing:.02em}
.cxd-stk-det-repo code{display:block;padding:10px 14px;background:#06080d;border:1px solid #1c2230;border-radius:6px;font:500 11.5px/1.4 ui-monospace,Menlo,monospace;color:var(--c);word-break:break-all}
.cxd-stk-det-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:18px;border-top:1px solid #1c2230;margin-top:auto}
.cxd-stk-det-foot > div{display:flex;flex-direction:column;gap:4px}
.cxd-stk-det-foot b{font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#5a6378;text-transform:uppercase;font-weight:600}
.cxd-stk-det-foot span{font:600 18px/1 'Helvetica Neue',sans-serif;letter-spacing:-.01em;color:#fff}

.cxd-stk-marks{
  max-width:1320px;margin:36px auto 0;padding:0 32px;
  display:grid;grid-template-columns:repeat(6,1fr);gap:10px;
}
.cxd-stk-mark{padding:18px 16px;background:#0b1018;border:1px solid #1c2230;border-radius:10px;display:flex;flex-direction:column;gap:4px;text-align:center}
.cxd-stk-mark b{font:600 14px/1.1 'Helvetica Neue',sans-serif;color:#fff;letter-spacing:-.01em}
.cxd-stk-mark span{font:500 10px/1 ui-monospace,Menlo,monospace;color:#7a8499;letter-spacing:.08em}

/* Override broken comm bullets — force clean list rendering */
ul.cxc-comm-bullets{list-style:none !important;margin:0 !important;padding:14px 0 0 !important;display:flex !important;flex-direction:column !important;gap:10px !important;border-top:1px solid #1c2230;width:100%}
ul.cxc-comm-bullets > li{
  display:flex !important;flex-direction:row !important;align-items:center !important;flex-wrap:nowrap !important;
  gap:10px !important;width:100% !important;min-width:0 !important;
  font:500 14px/1.45 'Helvetica Neue',sans-serif !important;color:#e9eef7 !important;
}
ul.cxc-comm-bullets > li .cxc-comm-dot{flex:0 0 6px !important;width:6px !important;height:6px !important;border-radius:50% !important;background:#5EFFA4 !important;display:block !important}
.cxc-comm-src ul.cxc-comm-bullets > li .cxc-comm-dot{background:#A78BFA !important}
ul.cxc-comm-bullets > li .cxc-comm-txt{flex:1 1 auto !important;min-width:0 !important;display:inline !important;color:#e9eef7 !important}
ul.cxc-comm-bullets > li .cxc-comm-txt b{font-weight:600 !important;color:#fff !important;display:inline !important}

@media (max-width:1100px){
  .cxd-rail{grid-template-columns:repeat(3,1fr)}
  .cxd-stage,.cxd-stk-frame{grid-template-columns:1fr}
  .cxd-stk-marks{grid-template-columns:repeat(3,1fr)}
  .cxd-stk-l{width:100% !important}
}
@media (max-width:680px){
  .cxd-rail{grid-template-columns:repeat(2,1fr)}
  .cxd-stk-marks{grid-template-columns:repeat(2,1fr)}
  .cxdv-pm-grid,.cxdv-op-grid{grid-template-columns:repeat(2,1fr)}
  .cxd-stage-r{min-height:380px;padding:18px}
}