/* Finance Deep page additions */
.fd-mock{ position:absolute; inset:14px; border-radius:18px; overflow:hidden; border:1px solid var(--fc-line-2); background:#0b1018; }
.fd-mock-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.22; filter:saturate(.8); }
.fd-mock-panel{ position:absolute; inset:0; padding:48px 22px 22px; display:flex; flex-direction:column; gap:10px; background:linear-gradient(180deg, rgba(6,8,13,.5), rgba(6,8,13,.9)); }
.fd-mock-row{ display:grid; grid-template-columns:1.4fr 1.1fr auto; gap:14px; align-items:center; padding:12px 14px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid var(--fc-line); animation:fc-fadeup .5s both; }
.fd-mock-l{ display:flex; flex-direction:column; gap:3px; }
.fd-mock-t{ font:500 13px/1 'Helvetica Neue',sans-serif; color:var(--fc-text); }
.fd-mock-a{ font:500 11px/1 ui-monospace,Menlo,monospace; color:var(--fc-text-3); }
.fd-mock-bar{ position:relative; height:6px; border-radius:3px; background:rgba(255,255,255,.06); overflow:hidden; }
.fd-mock-fill{ position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,var(--fc-mint),var(--fc-cyan)); border-radius:3px; }
.fd-mock-tag{ padding:5px 10px; border-radius:6px; font:600 10.5px/1 ui-monospace,Menlo,monospace; letter-spacing:.08em; }
.fd-tag-mint{ background:rgba(94,255,164,.12); color:var(--fc-mint); border:1px solid rgba(94,255,164,.28); }
.fd-tag-amber{ background:rgba(255,176,32,.12); color:var(--fc-amber); border:1px solid rgba(255,176,32,.28); }
.fd-tag-red{ background:rgba(255,90,90,.14); color:#FF6E6E; border:1px solid rgba(255,90,90,.34); }

.fd-pillars{ max-width:1320px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.fd-pillar{ padding:24px; border-radius:16px; background:#0b1018; border:1px solid var(--fc-line); display:flex; flex-direction:column; gap:10px; transition:border-color .25s, transform .25s; }
.fd-pillar:hover{ border-color:rgba(94,255,164,.4); transform:translateY(-3px); }
.fd-pillar-n{ font:600 10px/1 ui-monospace,Menlo,monospace; letter-spacing:.16em; color:var(--fc-mint); }
.fd-pillar-t{ font:600 18px/1.2 'Helvetica Neue',sans-serif; }
.fd-pillar-d{ font:400 14px/1.5 'Helvetica Neue',sans-serif; color:var(--fc-text-2); }
@media (max-width:980px){ .fd-pillars{ grid-template-columns:1fr 1fr; } }

.fd-flow{ max-width:1320px; margin:0 auto; padding:0 32px; display:flex; gap:0; align-items:center; flex-wrap:wrap; }
.fd-flow-step{ display:flex; align-items:center; gap:14px; padding:18px 22px; border-radius:14px; background:#0b1018; border:1px solid var(--fc-line); min-width:200px; flex:1; }
.fd-flow-n{ font:600 10px/1 ui-monospace,Menlo,monospace; letter-spacing:.14em; color:var(--fc-mint); }
.fd-flow-t{ font:500 15px/1.2 'Helvetica Neue',sans-serif; color:var(--fc-text); }
.fd-flow-arrow{ padding:0 14px; font-size:18px; color:var(--fc-text-3); }

.fd-related{ max-width:1320px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.fd-rel-card{ padding:24px; border-radius:14px; background:linear-gradient(100deg, rgba(94,255,164,.08), rgba(79,200,255,.04)); border:1px solid rgba(94,255,164,.22); text-decoration:none; color:var(--fc-text); display:flex; align-items:center; justify-content:space-between; transition:transform .2s, border-color .2s; }
.fd-rel-card:hover{ transform:translateY(-2px); border-color:rgba(94,255,164,.5); }
.fd-rel-t{ font:500 16px/1.2 'Helvetica Neue',sans-serif; }
.fd-rel-arrow{ font:500 13px/1 'Helvetica Neue',sans-serif; color:var(--fc-mint); }
@media (max-width:980px){ .fd-related{ grid-template-columns:1fr; } }
