/* Dark Flow Futures — AI Decision Command Center v2
   Screenshot-matched read-only dashboard hero. Frontend only. */
:root{--df-ai-cyan:#47d7e8;--df-ai-cyan2:#7cecff;--df-ai-blue:#2a89d9;--df-ai-green:#46d29a;--df-ai-amber:#d9a75a;--df-ai-red:#e16b7a;--df-ai-bg:#04131a;--df-ai-panel:#071b23;--df-ai-line:rgba(62,188,207,.25)}
@keyframes dfAi2Ambient{0%{transform:translate3d(-1.5%,-.6%,0) scale(1);opacity:.32}50%{transform:translate3d(1%,.8%,0) scale(1.035);opacity:.46}100%{transform:translate3d(.2%,1.2%,0) scale(1.02);opacity:.36}}
@keyframes dfAi2Grid{to{background-position:54px 54px,54px 54px}}
@keyframes dfAi2Ring{to{transform:rotate(360deg)}}@keyframes dfAi2RingBack{to{transform:rotate(-360deg)}}
@keyframes dfAi2Pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(76,216,236,0),0 0 28px rgba(58,188,216,.14)}50%{filter:brightness(1.1);box-shadow:0 0 0 7px rgba(76,216,236,.035),0 0 48px rgba(58,188,216,.28)}}
@keyframes dfAi2Dash{to{stroke-dashoffset:-140}}@keyframes dfAi2Sweep{0%{transform:translateX(-125%);opacity:0}18%{opacity:.5}72%{opacity:.18}100%{transform:translateX(225%);opacity:0}}
@keyframes dfAi2Bars{0%,100%{transform:scaleY(.45);filter:brightness(.85)}50%{transform:scaleY(1);filter:brightness(1.15)}}
@keyframes dfAi2Node{0%,100%{box-shadow:0 0 0 4px rgba(59,165,188,.05),0 0 16px rgba(54,193,218,.12)}50%{box-shadow:0 0 0 7px rgba(59,165,188,.03),0 0 26px rgba(54,193,218,.23)}}
@keyframes dfAi2State{0%,100%{opacity:.72}50%{opacity:1}}@keyframes dfAi2Flow{0%{opacity:.18;transform:translateX(-4px)}50%{opacity:1}100%{opacity:.18;transform:translateX(4px)}}
@keyframes dfAi2Beam{0%{transform:translateY(-150%);opacity:0}15%{opacity:.16}75%{opacity:.05}100%{transform:translateY(750%);opacity:0}}

.df-ai2{position:relative;overflow:hidden;margin:0 0 18px;border:1px solid rgba(43,194,214,.36);border-radius:16px;background:linear-gradient(180deg,rgba(4,35,41,.97),rgba(3,19,27,.99) 17%,rgba(2,14,21,.995));box-shadow:0 26px 78px rgba(0,0,0,.38),inset 0 1px 0 rgba(135,238,255,.045);color:#daf7fb;isolation:isolate}
.df-ai2::before{content:"";position:absolute;z-index:-3;inset:76px 0 0;background-image:linear-gradient(rgba(43,170,190,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(43,170,190,.09) 1px,transparent 1px);background-size:48px 48px;opacity:.43;animation:dfAi2Grid 44s linear infinite;mask-image:linear-gradient(#000,rgba(0,0,0,.88) 80%,transparent)}
.df-ai2::after{content:"";position:absolute;z-index:-2;inset:-28%;background:radial-gradient(circle at 50% 44%,rgba(49,205,229,.14),transparent 21rem),radial-gradient(circle at 13% 28%,rgba(29,125,170,.09),transparent 18rem),radial-gradient(circle at 87% 66%,rgba(25,141,178,.075),transparent 22rem);animation:dfAi2Ambient 14s ease-in-out infinite alternate}
.df-ai2-beam{position:absolute;z-index:-1;left:0;right:0;top:92px;height:92px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(73,213,231,.055),transparent);animation:dfAi2Beam 9s linear infinite}
.df-ai2-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px 14px;border-bottom:1px solid rgba(56,197,217,.24);background:linear-gradient(90deg,rgba(8,61,67,.76),rgba(5,36,43,.53),rgba(7,58,64,.63))}
.df-ai2-title small{display:block;color:#55d9ea;font-size:7px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.df-ai2-title h2{margin:4px 0 2px!important;font-size:20px!important;line-height:1.05;letter-spacing:-.035em;color:#ecfbff}.df-ai2-title p{margin:0!important;color:#6d98a2!important;font-size:8px!important}
.df-ai2-tools{display:flex;gap:8px;align-items:center}.df-ai2-pill,.df-ai2-btn{height:32px;border:1px solid rgba(68,198,217,.28);border-radius:9px;background:rgba(7,39,47,.82);color:#a7cbd2;padding:0 11px;font-size:8px;font-weight:800}.df-ai2-pill{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.1em}.df-ai2-pill i{width:6px;height:6px;border-radius:50%;background:#52d9e9;box-shadow:0 0 11px rgba(82,217,233,.75);animation:dfAi2Pulse 2.4s ease-in-out infinite}.df-ai2-pill.hold i{background:var(--df-ai-amber);box-shadow:0 0 11px rgba(217,167,90,.65)}.df-ai2-pill.ready i{background:var(--df-ai-green);box-shadow:0 0 11px rgba(70,210,154,.65)}.df-ai2-btn{cursor:pointer;transition:.18s}.df-ai2-btn:hover{color:#effdff;border-color:rgba(79,219,237,.46);background:rgba(10,55,65,.95);transform:translateY(-1px)}
.df-ai2-stage{position:relative;min-height:515px;padding:16px;display:grid;grid-template-columns:228px minmax(500px,1fr) 228px;grid-template-rows:1fr 1fr;gap:16px}
.df-ai2-card{position:relative;border:1px solid rgba(53,167,185,.25);border-radius:3px;background:linear-gradient(180deg,rgba(4,29,37,.91),rgba(3,21,28,.93));padding:11px;box-shadow:inset 0 0 34px rgba(27,132,163,.035);overflow:hidden}.df-ai2-card::before{content:"";position:absolute;left:0;top:0;width:3px;height:46%;background:linear-gradient(#53d9ea,transparent);opacity:.6}.df-ai2-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(80,211,230,.04),transparent 58%);transform:translateX(-120%);animation:dfAi2Sweep 8s ease-in-out infinite}
.df-ai2-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(56,149,168,.16)}.df-ai2-card-head strong{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.12em;color:#98c0c8}.df-ai2-num{width:23px;height:23px;border:1px solid rgba(66,196,217,.35);border-radius:4px;display:grid;place-items:center;color:#55d7e8;font-size:7px}.df-ai2-live{font-size:6px;color:#49cee0;text-transform:uppercase;letter-spacing:.11em}.df-ai2-bars{display:flex;align-items:flex-end;gap:5px;height:42px;margin:11px 0 8px}.df-ai2-bars i{width:18px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#63ddec,#1d687b);transform-origin:bottom;animation:dfAi2Bars 2.2s ease-in-out infinite}.df-ai2-bars i:nth-child(2){animation-delay:.13s}.df-ai2-bars i:nth-child(3){animation-delay:.31s}.df-ai2-bars i:nth-child(4){animation-delay:.48s}.df-ai2-bars i:nth-child(5){animation-delay:.66s}.df-ai2-bars i:nth-child(6){animation-delay:.82s}.df-ai2-bars i:nth-child(7){animation-delay:.96s}.df-ai2-bars i:nth-child(8){animation-delay:1.12s}
.df-ai2-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.df-ai2-mini{padding:7px;border:1px solid rgba(54,153,171,.16);background:rgba(3,23,30,.68)}.df-ai2-mini span{display:block;color:#658994;font-size:6px}.df-ai2-mini strong{display:block;margin-top:4px;color:#d9f7fb;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.df-ai2-risk-row{margin:9px 0}.df-ai2-risk-row div{display:flex;justify-content:space-between;font-size:7px;color:#85a7ae}.df-ai2-risk-row b{color:#4dd6e8}.df-ai2-risk-track{height:3px;margin-top:5px;background:#0b3038;overflow:hidden}.df-ai2-risk-track i{display:block;height:100%;background:linear-gradient(90deg,#36bfd8,#70e5f4);box-shadow:0 0 8px rgba(56,191,216,.32);animation:dfAi2State 2.5s ease-in-out infinite}
.df-ai2-core-wrap{grid-column:2;grid-row:1/3;position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden}.df-ai2-core-wrap::before,.df-ai2-core-wrap::after{content:"";position:absolute;left:6%;right:6%;height:18px;background:linear-gradient(90deg,transparent,rgba(69,211,229,.19),rgba(80,224,239,.34),rgba(69,211,229,.19),transparent);filter:blur(5px);opacity:.55}.df-ai2-core-wrap::before{top:26%}.df-ai2-core-wrap::after{bottom:21%}
.df-ai2-network{position:absolute;inset:12px 0 58px;width:100%;height:calc(100% - 70px);opacity:.78}.df-ai2-network path{fill:none;stroke:#52cddd;stroke-width:1.15;stroke-dasharray:6 9;animation:dfAi2Dash 7.5s linear infinite}.df-ai2-network .solid{stroke-dasharray:none;opacity:.55}.df-ai2-network circle{fill:#9ef1fa;filter:drop-shadow(0 0 4px #4ad8ea)}
.df-ai2-portfolio{position:absolute;top:12px;left:50%;transform:translateX(-50%);text-align:center;z-index:4;min-width:300px}.df-ai2-portfolio span{display:block;color:#50d5e8;font-size:6px;font-weight:900;letter-spacing:.18em}.df-ai2-portfolio strong{display:block;margin-top:4px;font-size:10px;color:#d8f7fb}.df-ai2-portfolio small{display:block;margin-top:3px;font-size:7px;color:#587f88;letter-spacing:.06em}
.df-ai2-orbit{position:relative;width:330px;height:330px;border-radius:50%;display:grid;place-items:center}.df-ai2-orbit::before,.df-ai2-orbit::after{content:"";position:absolute;border-radius:50%;inset:4px;border:1px dashed rgba(65,200,220,.27);animation:dfAi2Ring 28s linear infinite}.df-ai2-orbit::after{inset:32px;border-style:solid;border-color:rgba(67,200,220,.18);animation:dfAi2RingBack 20s linear infinite}.df-ai2-orbit-ring{position:absolute;inset:64px;border-radius:50%;border:1px dotted rgba(102,229,241,.31);animation:dfAi2Ring 14s linear infinite}
.df-ai2-core{position:relative;z-index:4;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 43% 31%,#f2ffff 0 7%,#8beaf4 8% 18%,#225a6b 38%,#061922 69%);border:2px solid #66dce9;box-shadow:0 0 0 7px rgba(62,190,211,.1),0 0 0 13px rgba(45,135,162,.13),0 0 48px rgba(61,199,223,.38);animation:dfAi2Pulse 3s ease-in-out infinite}.df-ai2-core strong{font-size:29px;color:#fff;letter-spacing:-.04em;text-shadow:0 0 15px #86edf7}.df-ai2-core small{position:absolute;bottom:23px;font-size:5.5px;letter-spacing:.18em;color:#bdf6fb}
.df-ai2-node{position:absolute;z-index:5;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#06232d;border:1px solid rgba(77,205,225,.58);animation:dfAi2Node 3.1s ease-in-out infinite}.df-ai2-node strong{font-size:10px}.df-ai2-node small{position:absolute;top:60px;white-space:nowrap;font-size:5.5px;color:#62baca;letter-spacing:.09em}.df-ai2-node.n1{left:16%;top:36%}.df-ai2-node.n2{left:27%;top:11%}.df-ai2-node.n3{left:20%;bottom:17%}.df-ai2-node.n4{right:23%;top:14%}.df-ai2-node.n5{right:22%;bottom:18%}
.df-ai2-gate{position:absolute;z-index:5;right:8%;top:39%;width:70px;height:70px;display:grid;place-items:center;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);background:rgba(4,38,48,.9);box-shadow:0 0 0 1px #5bd7e6,0 0 24px rgba(58,201,220,.18);animation:dfAi2Node 3.4s ease-in-out infinite}.df-ai2-gate strong{font-size:9px}.df-ai2-gate small{position:absolute;top:78px;white-space:nowrap;font-size:5.5px;color:#63bdca;letter-spacing:.08em}
.df-ai2-thinking{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);width:min(500px,82%);padding:10px 14px;text-align:center;border:1px solid rgba(59,188,209,.28);background:rgba(3,27,34,.92)}.df-ai2-thinking span{display:block;color:#52d8e8;font-size:6.5px;font-weight:900;letter-spacing:.16em}.df-ai2-thinking strong{display:block;margin-top:4px;font-size:9px}.df-ai2-thinking small{display:block;margin-top:4px;color:#597f88;font-size:6.5px}
.df-ai2-verified{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-width:min(390px,70%);padding:9px 15px;text-align:center;border:1px solid rgba(61,190,210,.25);background:rgba(3,24,31,.94)}.df-ai2-verified span{display:block;color:#658f98;font-size:5.5px;letter-spacing:.13em}.df-ai2-verified strong{display:block;margin-top:4px;font-size:9px}.df-ai2-verified small{display:block;margin-top:3px;color:#53757e;font-size:6px}
.df-ai2-feed{height:86px;margin-top:9px;border-bottom:1px solid rgba(52,153,173,.14);overflow:hidden}.df-ai2-feed svg{width:100%;height:100%}.df-ai2-feed polyline{fill:none;stroke:#4bcfe2;stroke-width:1.8;filter:drop-shadow(0 0 4px rgba(73,205,224,.3))}.df-ai2-feed circle{fill:#5de2ef}.df-ai2-feed-note{display:flex;justify-content:space-between;margin-top:6px;font-size:6px;color:#648c96}.df-ai2-feed-note b{color:#5ad8e8}
.df-ai2-ready{display:flex;align-items:center;gap:12px;margin-top:10px}.df-ai2-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#50d5e8 var(--df-ai-ready,0%),#0c3139 0);position:relative;box-shadow:0 0 22px rgba(66,202,220,.09)}.df-ai2-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#061c24;border:1px solid rgba(71,181,200,.15)}.df-ai2-ring strong{position:relative;z-index:1;font-size:14px}.df-ai2-ring small{position:absolute;z-index:1;top:49px;font-size:5px;color:#668c96;letter-spacing:.12em}.df-ai2-blockers{display:grid;gap:7px;font-size:6.5px;color:#7597a0}.df-ai2-blockers span{display:flex;gap:6px;align-items:center}.df-ai2-blockers i{width:5px;height:5px;border-radius:50%;background:var(--df-ai-red);box-shadow:0 0 7px rgba(225,107,122,.3)}.df-ai2-blockers .ok i{background:var(--df-ai-green);box-shadow:0 0 7px rgba(70,210,154,.3)}
.df-ai2-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 16px 12px}.df-ai2-step{position:relative;min-height:58px;border:1px solid rgba(51,164,183,.23);background:rgba(4,28,35,.86);padding:9px 10px;display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:9px}.df-ai2-step:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;width:10px;height:1px;background:#46c6d8;animation:dfAi2Flow 1.6s ease-in-out infinite}.df-ai2-step-icon{width:30px;height:30px;border-radius:50%;border:1px solid rgba(68,194,213,.3);display:grid;place-items:center;color:#56cddd;font-size:6px}.df-ai2-step div span{display:block;font-size:6px;color:#5aaebe;letter-spacing:.08em}.df-ai2-step div strong{display:block;margin-top:3px;font-size:8px}.df-ai2-step div small{display:block;margin-top:3px;color:#5b7982;font-size:6px}.df-ai2-step.active{border-color:#4cd2e5;box-shadow:inset 0 0 20px rgba(51,191,212,.06),0 0 16px rgba(51,191,212,.045)}.df-ai2-step.active .df-ai2-step-icon{border-color:#55d6e7;box-shadow:0 0 14px rgba(75,209,228,.13)}
.df-ai2-foot{display:flex;justify-content:center;padding:0 16px 9px;color:#4f7d85;font-size:5.5px;letter-spacing:.12em;text-transform:uppercase}.df-ai2.paused *{animation-play-state:paused!important}.df-ai2.paused::after,.df-ai2.paused::before,.df-ai2.paused .df-ai2-beam{animation-play-state:paused!important}
html[data-df-theme="light"] .df-ai2{background:linear-gradient(180deg,#e8fbfd,#def4f7);color:#12343d;border-color:rgba(31,137,158,.27)}html[data-df-theme="light"] .df-ai2-card,html[data-df-theme="light"] .df-ai2-step{background:rgba(255,255,255,.66)}html[data-df-theme="light"] .df-ai2-title h2{color:#163943}
@media(max-width:1260px){.df-ai2-stage{grid-template-columns:205px minmax(430px,1fr) 205px}.df-ai2-orbit{width:292px;height:292px}.df-ai2-node{width:50px;height:50px}.df-ai2-gate{width:64px;height:64px}}
@media(max-width:980px){.df-ai2-stage{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.df-ai2-core-wrap{grid-column:1;grid-row:auto;min-height:450px;order:-1}.df-ai2-card{display:none}.df-ai2-pipeline{grid-template-columns:1fr 1fr}.df-ai2-head{align-items:flex-start;flex-direction:column}.df-ai2-tools{width:100%;flex-wrap:wrap}.df-ai2-portfolio{top:6px}}
@media(prefers-reduced-motion:reduce){.df-ai2 *,.df-ai2::after,.df-ai2::before,.df-ai2-beam{animation:none!important}}