.mt-flow{margin:26px 0;border:1px solid #a68adb36;border-radius:12px;padding:20px;background:radial-gradient(ellipse at 50% 30%,#7448b81b,transparent 70%),#0e0b17;position:relative;overflow:hidden}.mt-flow-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:400 9px/1.7 'Roboto',sans-serif;letter-spacing:.05em;color:#9781b3}.mt-flow-state{color:#c5aae9}.mt-flow-nodes{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 20px}.mt-flow-track{position:absolute;left:16.67%;right:16.67%;top:27px;height:1px;background:#8c63bd42;overflow:visible}.mt-flow-track>i{position:absolute;left:0;top:-2px;width:6px;height:6px;background:#be99ff;border-radius:50%;box-shadow:0 0 12px #a675ff;opacity:0}.mt-flow-node{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;cursor:pointer;z-index:1;color:#9a87af;font-family:inherit}.mt-flow-node>span{width:55px;height:55px;display:grid;place-items:center;font-size:18px;border:1px solid #9d79c443;border-radius:14px;background:#161021;transition:border-color .3s,box-shadow .3s,color .3s,background .3s}.mt-flow-node strong{font-size:10px;line-height:1.4;font-weight:400;letter-spacing:.03em}.mt-flow-node:hover>span,.mt-flow-node[aria-pressed=true]>span{color:#e1c7ff;background:#26183c;border-color:#b58be9;box-shadow:0 0 24px #8a4df429}.mt-flow-node[aria-pressed=true]>strong{color:#dac0f6}.mt-flow-node.is-complete>span{border-color:#9672c183;color:#b999e4}.mh-about .mt-flow-description{font:400 12px/1.8 'Roboto',sans-serif;margin:0;min-height:88px;color:#b8a5cc}.mt-flow-run{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:43px;margin-top:17px;background:#a778e810;border:1px solid #b68cd142;border-radius:7px;color:#dac2f1;cursor:pointer;font:400 11px/1.5 'Roboto',sans-serif}.mt-flow-run:hover{background:#a778e822;border-color:#ba8feb}.mt-flow-run i{font-size:9px}.mt-flow.is-running .mt-flow-track>i{animation:mt-packet 3.3s linear both}.mt-flow.is-running .mt-flow-node[aria-pressed=true]>span{animation:mt-node .9s ease-out}.mt-flow[data-stage="3"] .mt-flow-state{color:#cbb1ed}
@keyframes mt-packet{0%{left:0;opacity:0}5%{opacity:1}33%{left:50%}66%{left:100%}95%{left:0;opacity:1}100%{left:0;opacity:0}}
@keyframes mt-node{0%{box-shadow:0 0 0 0 #b78cff50}100%{box-shadow:0 0 0 12px #b78cff00}}
.mh-motion .mh-solution-panel:not([hidden]) .mh-solution-icon{animation:mt-icon .6s ease-out}.mh-motion .mh-solution-panel:not([hidden]) .mh-deliverables li{animation:mt-deliver .5s ease-out both}.mh-motion .mh-solution-panel:not([hidden]) .mh-deliverables li:nth-child(2){animation-delay:.07s}.mh-motion .mh-solution-panel:not([hidden]) .mh-deliverables li:nth-child(3){animation-delay:.14s}
@keyframes mt-icon{from{transform:translateY(6px) scale(.88);opacity:.4}to{transform:none;opacity:1}}
@keyframes mt-deliver{from{transform:translateX(8px);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:600px){.mt-flow{padding:18px;margin:23px 0}.mt-flow-nodes{gap:8px}.mt-flow-node>span{width:49px;height:49px;font-size:16px;border-radius:12px}.mt-flow-track{top:24px}.mt-flow-top{font-size:8px;letter-spacing:0}.mh-about .mt-flow-description{font-size:12px;min-height:108px}.mt-flow-run{min-height:46px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.mt-flow *{animation:none!important;transition:none!important}.mt-flow-track>i{display:none}}