.soft .fx .fx-engine{--fx-band:var(--fx-tone-engine)}.soft .fx .fx-engine-grid-bg{background-image:linear-gradient(var(--fx-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--fx-grid-line) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000 80%)}.soft .fx .fx-engine:after{content:"";background:linear-gradient(90deg,#0000,#ff9c5f80,#0000);block-size:1px;position:absolute;inset-block-start:0;inset-inline:0}.soft .fx .fx-engine .fx-stage{margin-block-start:clamp(8px,2vw,24px)}.soft .fx .fx-engine-split{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(8px,3vw,32px);display:grid}.soft .fx .fx-engine-copy .fx-head{margin-block-end:0}.soft .fx .fx-engine-points{inline-size:max-content;max-inline-size:100%;color:var(--fx-muted);gap:12px;margin:clamp(20px,3vw,28px) auto 0;padding:0;font-size:.9375rem;list-style:none;display:grid}.soft .fx .fx-engine-points li{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.soft .fx .fx-engine-points svg{block-size:20px;inline-size:20px;color:var(--fx-orange);background:#ff9c5f24;border-radius:999px;flex:none;margin-block-start:1px;padding:4px}@media (min-width:1100px){.soft .fx .fx-engine-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,4vw,72px)}.soft .fx .fx-engine-copy .fx-head.center{text-align:start;margin-inline:0}.soft .fx .fx-engine-copy .fx-head.center .fx-lead,.soft .fx .fx-engine-points{margin-inline:0}.soft .fx .fx-engine .fx-stage{margin-block-start:0}}
.soft .fx .fx-flow{--lit:var(--fx-orange);inline-size:100%;max-inline-size:980px;margin-inline:auto;padding:clamp(14px,2.4vw,28px);display:grid;position:relative;container-type:inline-size}.soft .fx .fx-board{--box:clamp(56px, 9.6cqi, 94px);--big:clamp(84px, 14.6cqi, 142px);--out:clamp(50px, 8.6cqi, 84px);aspect-ratio:1000/560;position:relative}@media (min-width:1100px){.soft .fx .fx-board{aspect-ratio:1000/640}}.soft .fx .fx-wires{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.soft .fx .fx-wire path{fill:none;stroke-linecap:round}.soft .fx .fx-wire .base{stroke:var(--fx-line);stroke-width:6px;transition:stroke .4s var(--fx-ease)}.soft .fx .fx-wire.lit .base,.soft .fx .fx-flow:not(.fx-anim) .fx-wire .base{stroke:#ff9c5f59}.soft .fx .fx-wire .pulse{stroke:var(--lit);stroke-width:3px;stroke-dasharray:48 48;opacity:0;filter:drop-shadow(0 0 6px #ff9c5fcc);transition:opacity .4s}@keyframes fx-wire-flow{to{stroke-dashoffset:-96px}}.soft .fx .fx-node{text-align:center;inline-size:max-content;max-inline-size:30%;translate:-50% calc(var(--box) / -2);z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.soft .fx .n-engine{translate:-50% calc(var(--big) / -2)}.soft .fx .fx-outs{display:contents}.soft .fx .fx-outs .fx-node{translate:-50% calc(var(--out) / -2)}@media (min-width:640px){.soft .fx .n-broker{--box:clamp(66px, 11.4cqi, 112px)}}.soft .fx .n-alert{top:45%;left:8%}.soft .fx .n-engine{top:45%;left:37%}.soft .fx .n-broker{top:45%;left:64%}.soft .fx .n-tp{top:13.9%;left:90%}.soft .fx .n-journal{top:45%;left:90%}.soft .fx .n-sl{top:76.1%;left:90%}.soft .fx .fx-node strong{margin-block-start:clamp(8px,1.4cqi,12px);font-size:clamp(.9375rem,1.9cqi,1.125rem);font-weight:700;line-height:1.3}.soft .fx .fx-node small{color:var(--fx-faint);font-size:clamp(.75rem,1.45cqi,.875rem);line-height:1.3}.soft .fx .fx-node-box{inline-size:var(--box);block-size:var(--box);background:var(--fx-deep);border:1px solid var(--fx-deep-line);color:var(--fx-muted);transition:border-color .4s var(--fx-ease), box-shadow .4s var(--fx-ease), color .4s var(--fx-ease);border-radius:20px;align-content:center;place-items:center;gap:2px;display:grid;position:relative}.soft .fx .fx-node-box svg{block-size:clamp(24px,3.7cqi,36px);inline-size:clamp(24px,3.7cqi,36px)}.soft .fx .fx-node-box b{font-size:clamp(.75rem,1.4cqi,.875rem)}.soft .fx .fx-node-box.big{inline-size:var(--big);block-size:var(--big);border-radius:30px}.soft .fx .fx-node-box.big img{block-size:auto;inline-size:80%}.soft .fx .fx-outs .fx-node-box{inline-size:var(--out);block-size:var(--out);border-radius:16px}.soft .fx .fx-tv-tile{border-radius:inherit;background:#fff;place-items:center;display:grid;position:absolute;inset:0}.soft .fx .fx-tv-tile img{block-size:auto;inline-size:66%}.soft .fx .fx-cycle{border-radius:inherit;overflow:hidden}.soft .fx .fx-cycle img{object-fit:contain;block-size:82%;inline-size:82%;margin:auto;animation:.45s ease-out fx-logo-in;position:absolute;inset:0}.soft .fx .fx-cycle-name{white-space:nowrap;animation:.45s ease-out fx-logo-in}@keyframes fx-logo-in{0%{opacity:0;scale:.8}}.soft .fx .fx-flow:not(.fx-anim) .fx-node .fx-node-box,.soft .fx .fx-flow.fx-anim .fx-node.lit .fx-node-box{color:var(--fx-orange);border-color:#ff9c5fbf;box-shadow:0 0 0 4px #ff9c5f1a,0 0 32px -4px #ff9c5f8c}.soft .fx .fx-flow:not(.fx-anim) .fx-wire .pulse,.soft .fx .fx-flow.fx-anim .fx-wire.lit .pulse{opacity:1;animation:.7s linear infinite fx-wire-flow}@media (max-width:639px){.soft .fx .fx-board{--box:46px;--big:62px;--out:40px;aspect-ratio:1000/880}.soft .fx .fx-node strong{white-space:nowrap;margin-block-start:5px;font-size:.6875rem}.soft .fx .fx-node small,.soft .fx .fx-node-box b{display:none}.soft .fx .fx-node-box{border-radius:13px}.soft .fx .fx-node-box.big{border-radius:18px}.soft .fx .fx-outs .fx-node-box{border-radius:12px}.soft .fx .fx-node-box svg{block-size:20px;inline-size:20px}}
