.motion-console{position:relative;margin-top:18px;height:78px;max-width:610px;overflow:hidden;border:1px solid rgba(255,96,38,.42);border-radius:14px;background:linear-gradient(180deg,rgba(18,12,10,.92),rgba(6,6,6,.98));box-shadow:inset 0 0 28px rgba(255,70,20,.05),0 12px 40px rgba(0,0,0,.28)}.motion-console:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(255,255,255,.018) 11px),linear-gradient(90deg,transparent,rgba(255,89,28,.08),transparent);animation:cfScan 4.8s linear infinite}.motion-track{position:absolute;inset:0;display:flex;align-items:center;gap:15px;padding:0 18px;white-space:nowrap;animation:cfFlow 10s linear infinite}.motion-node{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,92,30,.24);border-radius:9px;background:rgba(255,70,20,.045);color:#d8cdc7;font-size:.72rem;font-weight:800;letter-spacing:.04em}.motion-node i{width:7px;height:7px;border-radius:50%;background:#ff5a24;box-shadow:0 0 12px rgba(255,90,36,.9);animation:cfPulse 1.6s ease-in-out infinite}.motion-arrow{color:#ff6a22;font-size:1rem;text-shadow:0 0 10px rgba(255,90,36,.55)}.motion-live{position:absolute;right:10px;top:8px;z-index:3;padding:4px 7px;border-radius:99px;background:#120b08;border:1px solid rgba(73,209,125,.24);color:#76e29f;font-size:.55rem;font-weight:900;letter-spacing:.12em}.motion-live:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#49d17d;box-shadow:0 0 9px rgba(73,209,125,.8);animation:cfPulse 1.2s ease-in-out infinite}.motion-caption{position:absolute;left:14px;bottom:5px;z-index:3;color:#7e736e;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.command-shell{animation:cfFloat 7s ease-in-out infinite}.command-status i,.live-pill{animation:cfPulse 1.8s ease-in-out infinite}.bar-row i{position:relative;overflow:hidden}.bar-row i:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:cfBarSweep 3.6s ease-in-out infinite}.metric-card strong{animation:cfMetricGlow 4.5s ease-in-out infinite}
.cf-demo-host{padding:0!important;overflow:hidden;min-height:218px;text-align:left!important}.cf-demo{position:relative;height:100%;min-height:218px;background:radial-gradient(circle at 80% 10%,rgba(255,75,28,.13),transparent 34%),linear-gradient(180deg,#0f0d0c,#090909);overflow:hidden}.cf-demo:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(255,255,255,.014) 13px);pointer-events:none}.cf-demo-head{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #2d1811;color:#aa9e98;font-size:.58rem;letter-spacing:.12em}.cf-demo-head b{font-size:.54rem;color:#78dea0}.cf-demo-head b i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#49d17d;box-shadow:0 0 9px rgba(73,209,125,.85);animation:cfPulse 1.1s ease-in-out infinite}.cf-demo-stage{position:relative;height:145px;margin:0 10px;overflow:hidden}.cf-demo-scan{position:absolute;z-index:4;top:0;bottom:0;width:42%;left:-48%;background:linear-gradient(90deg,transparent,rgba(255,92,31,.08),rgba(255,255,255,.035),transparent);animation:cfDemoScan 3s linear infinite;pointer-events:none}.cf-demo-step{position:absolute;inset:10px 3px 0;opacity:0;transform:translateY(8px) scale(.985);animation:cfDemoCycle 10s ease-in-out infinite;color:#ddd3ce}.cf-demo-step small{display:block;color:#ff7650;font-size:.52rem;font-weight:900;letter-spacing:.12em}.cf-demo-step>strong{display:block;margin:5px 0 9px;font-size:.84rem;color:#fff}.cf-step-1{animation-delay:0s}.cf-step-2{animation-delay:2s}.cf-step-3{animation-delay:4s}.cf-step-4{animation-delay:6s}.cf-step-5{animation-delay:8s}.cf-asset-row,.cf-control,.cf-task,.cf-demo-line{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:7px;margin-top:6px;padding:6px 8px;border:1px solid #2d1a13;border-radius:7px;background:rgba(255,255,255,.018);font-size:.55rem}.cf-asset-row em{color:#948983;font-style:normal}.cf-asset-row b{color:#ff8b62;font-size:.48rem}.cf-demo-line{grid-template-columns:1fr auto}.cf-demo-line span{color:#8f8580}.cf-demo-line b{font-size:.55rem;color:#e6dcd7}.cf-risk-meter{height:8px;margin:12px 0 8px;border-radius:99px;background:#24140f;overflow:hidden}.cf-risk-meter i{display:block;height:100%;width:68%;background:linear-gradient(90deg,#ff9a3c,#ff3f19);transform-origin:left;animation:cfRiskFill 10s ease-in-out infinite 2s}.cf-control i{font-style:normal;color:#67db92}.cf-control span{color:#a79b95}.cf-control b{font-size:.52rem}.cf-task{grid-template-columns:auto 1fr auto}.cf-task i{width:8px;height:8px;border-radius:50%;background:#45d27c;box-shadow:0 0 8px rgba(69,210,124,.55)}.cf-task b{font-size:.47rem;color:#6fe09a}.cf-score{display:flex;align-items:flex-end;justify-content:space-between;margin-top:12px}.cf-score span{color:#948983;font-size:.52rem;letter-spacing:.08em}.cf-score b{font-size:1.65rem;line-height:1;color:#ff7449;text-shadow:0 0 18px rgba(255,90,36,.22)}.cf-refresh-line{height:7px;margin:10px 0;border-radius:99px;background:#25150f;overflow:hidden}.cf-refresh-line i{display:block;height:100%;width:87%;background:linear-gradient(90deg,#ff6b2d,#ff3f18);transform-origin:left;animation:cfRefreshFill 10s ease-in-out infinite 8s}.cf-ready{font-size:.5rem;font-style:normal;color:#6ddd96;letter-spacing:.12em}.cf-demo-progress{height:3px;margin:0 10px;background:#24130e;overflow:hidden}.cf-demo-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff7a2d,#ff3d18);transform-origin:left;animation:cfProgress 10s linear infinite}.cf-demo-caption{display:block;padding:6px 11px 0;color:#756b66;font-size:.48rem;letter-spacing:.07em;text-transform:uppercase}
@keyframes cfFlow{0%{transform:translateX(0)}100%{transform:translateX(-48%)}}@keyframes cfScan{0%{transform:translateX(-45%)}100%{transform:translateX(45%)}}@keyframes cfPulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes cfFloat{0%,100%{transform:perspective(1400px) rotateY(-4deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg) translateY(-6px)}}@keyframes cfBarSweep{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(140%)}}@keyframes cfMetricGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 14px rgba(255,95,36,.18)}}@keyframes cfDemoCycle{0%{opacity:0;transform:translateY(8px) scale(.985)}5%,16%{opacity:1;transform:translateY(0) scale(1)}20%,100%{opacity:0;transform:translateY(-6px) scale(.99)}}@keyframes cfDemoScan{0%{left:-48%}100%{left:110%}}@keyframes cfProgress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes cfRiskFill{0%,20%{transform:scaleX(.08)}35%,100%{transform:scaleX(1)}}@keyframes cfRefreshFill{0%,80%{transform:scaleX(.05)}95%,100%{transform:scaleX(1)}}
@media(max-width:1050px){.command-shell{animation:none}.motion-console{max-width:100%}}@media(prefers-reduced-motion:reduce){.motion-console:before,.motion-track,.motion-node i,.motion-live:before,.command-shell,.command-status i,.live-pill,.bar-row i:after,.metric-card strong,.cf-demo-head b i,.cf-demo-scan,.cf-demo-step,.cf-risk-meter i,.cf-refresh-line i,.cf-demo-progress i{animation:none!important}.cf-demo-step{opacity:0}.cf-step-1{opacity:1;transform:none}}