.umx-card{border:1px solid var(--v3-line);background:linear-gradient(#ffffff0a,#ffffff03);border-radius:24px;padding:24px;position:relative}.umx-card h3{margin-bottom:6px;font-size:20px;font-weight:800}.umx-card>p{color:var(--v3-text);line-height:1.9}.umx-note{color:var(--v3-muted);margin-top:14px;font-size:14px}.umx-note a{color:var(--v3-cyan);text-underline-offset:4px;font-weight:700;text-decoration:underline}.umx-vs{gap:10px;margin-top:16px;display:grid}@media (min-width:640px){.umx-vs{grid-template-columns:1fr 1fr}}.umx-vs>div{border-radius:16px;flex-direction:column;gap:4px;padding:14px;font-size:14px;line-height:1.8;display:flex}.umx-vs b{align-items:center;gap:6px;font-size:15px;display:flex}.umx-bad{background:#f3a0a812;border:1px solid #f3a0a838}.umx-bad b{color:#f3a0a8}.umx-good{background:#22c55e14;border:1px solid #22c55e47}.umx-good b{color:#5ee08f}.umx-vs span{color:var(--v3-text)}.umx-checks{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.umx-checks.umx-two{grid-template-columns:1fr}@media (min-width:640px){.umx-checks.umx-two{grid-template-columns:1fr 1fr}}.umx-checks li{align-items:flex-start;gap:10px;line-height:1.8;display:flex}.umx-checks li:before{content:"✓";color:#fff;background:linear-gradient(135deg,#5b3ec8,#22b4f4);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin-top:3px;font-size:12px;font-weight:900;display:grid}.umx-phone{background:#0f1640;border:1px solid #ffffff24;border-radius:30px;width:min(100%,280px);padding:8px;box-shadow:0 30px 60px -30px #000000b3}.umx-phone-lg{width:min(100%,340px)}.umx-phone-head{color:#0f1640;background:#fff;border-bottom:1px solid #0f16401a;border-radius:22px 22px 0 0;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.umx-phone-body{background:#eef1f6;border-radius:0 0 22px 22px;flex-direction:column;justify-content:flex-end;gap:8px;min-height:250px;padding:14px 10px;display:flex}.umx-phone-lg .umx-phone-body{min-height:330px}.umx-m{color:#0f1640;border-radius:14px;background:#fff;border-end-start-radius:4px;align-self:flex-start;max-width:86%;padding:8px 11px;font-size:13px;line-height:1.6;animation:.35s both umx-pop;box-shadow:0 2px 8px -4px #0f16404d}.umx-m.out{color:#fff;border-radius:14px;background:linear-gradient(135deg,#5b3ec8,#3d7be0);border-end-end-radius:4px;align-self:flex-end}.umx-m small{opacity:.8;margin-top:3px;font-size:10.5px;display:block}.umx-note-pill{color:#4b5578;background:#e1e5f0;border-radius:999px;align-self:center;padding:3px 12px;font-size:11.5px;animation:.35s both umx-pop}@keyframes umx-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.umx-phone-wrap{background:radial-gradient(60% 60% at 50% 40%,#5b3ec847,#0000 70%),linear-gradient(#ffffff0a,#ffffff03);place-items:center;min-height:100%;display:grid}.umx-sync{background:radial-gradient(70% 70%,#22b4f429,#0000 70%),linear-gradient(#ffffff0a,#ffffff03);grid-template-columns:1fr auto 1fr;align-content:center;align-items:center;gap:12px;display:grid}.umx-sync .umx-phone{justify-self:center;width:min(100%,230px)}.umx-sync .umx-phone-body{min-height:200px}.umx-pipe{text-align:center;color:#5ee08f;flex-direction:column;align-items:center;gap:4px;font-size:24px;font-weight:900;display:flex;position:relative}.umx-pipe i{z-index:-1;background:linear-gradient(90deg,#22b4f4,#5b3ec8,#22b4f4) 0 0/200% 100%;height:2px;animation:2s linear infinite umx-flow;position:absolute;top:18px;left:-14px;right:-14px}.umx-pipe b{color:#fff;font-size:12px}.umx-pipe small{color:var(--v3-muted);font-size:11px;font-weight:500}@keyframes umx-flow{to{background-position:200% 0}}.umx-panel{color:#0f1640;background:#f6f7fb;border-radius:18px;gap:7px;padding:12px;display:grid;box-shadow:0 18px 40px -24px #5b3ec8b3}.umx-panel-head{align-items:center;gap:7px;margin-bottom:2px;font-size:13px;font-weight:800;display:flex}.umx-panel-head i{background:linear-gradient(135deg,#5b3ec8,#22b4f4);border-radius:5px;width:16px;height:16px}.umx-panel-row{background:#fff;border-radius:10px;justify-content:space-between;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.umx-panel-row em{color:#12784f;white-space:nowrap;background:#e6f7ef;border-radius:999px;padding:0 8px;font-size:11px;font-style:normal;font-weight:700}@media (max-width:639px){.umx-sync{grid-template-columns:1fr}.umx-pipe i{display:none}}.umx-roles{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.umx-roles button{border:1px solid var(--v3-line);color:var(--v3-text);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.umx-roles button:hover{color:#fff;border-color:#60dbff66}.umx-roles button.on{color:#0f1640;background:#fff;border-color:#fff}.umx-role-desc{color:#fff;min-height:3.6em;margin-top:12px;line-height:1.8}.umx-kb{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.umx-kb span{color:#bfe9ff;background:#22b4f41a;border:1px solid #22b4f440;border-radius:10px;padding:5px 11px;font-size:13px;font-weight:600}.umx-guard{background:#5b3ec81f;border:1px solid #7c5cff4d;border-radius:16px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px;display:flex}.umx-guard b{margin-bottom:2px;display:block}.umx-guard span{color:var(--v3-text);font-size:14px;line-height:1.8}.umx-ai{background:linear-gradient(135deg,#5b3ec8,#22b4f4);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-weight:900;display:grid;color:#fff!important;font-size:14px!important}.umx-tree{flex-direction:column;align-items:center;gap:0;display:flex}.umx-root{text-align:center;color:#fff;background:linear-gradient(135deg,#5b3ec8,#3d7be0);border-radius:18px;padding:12px 22px;box-shadow:0 18px 40px -20px #5b3ec8cc}.umx-root small{opacity:.85;font-size:12px;display:block}.umx-root b{font-size:16px}.umx-branches{gap:14px;width:100%;margin-top:34px;display:grid;position:relative}@media (min-width:900px){.umx-branches{grid-template-columns:repeat(3,1fr)}.umx-branches:before{content:"";border:2px solid #7c5cff73;border-bottom:0;border-radius:14px 14px 0 0;height:22px;position:absolute;top:-22px;left:16.6%;right:16.6%}}.umx-branch{color:#0f1640;background:#f6f7fb;border-radius:18px;padding:14px}.umx-branch-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.umx-branch-head>span{color:#fff;background:linear-gradient(135deg,#5b3ec8,#22b4f4);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.umx-branch-head small{color:#7a84a6;font-size:11px;display:block}.umx-branch-head b{font-size:16px}.umx-branch ol{counter-reset:l;gap:6px;margin:0;padding:0;list-style:none;display:grid}.umx-branch li{counter-increment:l;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:600;display:flex;box-shadow:0 3px 10px -8px #0f164080}.umx-branch li:before{content:counter(l);color:#5b3ec8;background:#efebfd;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.umx-fallback{width:100%}.umx-systems{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:768px){.umx-systems{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.umx-systems{grid-template-columns:repeat(6,1fr)}}.umx-system{text-align:center;border:1px solid var(--v3-line);background:#ffffff08;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex}.umx-system>span{color:#fff;background:linear-gradient(135deg,#5b3ec8,#22b4f4);border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:4px;display:grid}.umx-system small{color:var(--v3-muted);font-size:12px;line-height:1.6}.umx-bus{align-items:center;gap:12px;margin:18px 0 22px;display:flex}.umx-bus span{color:#0f1640;background:#fff;border-radius:999px;flex:none;padding:6px 16px;font-size:13px;font-weight:800}.umx-bus span.green{color:#06301a;background:#25d366}.umx-bus i{background:linear-gradient(90deg,#22b4f4,#5b3ec8,#22b4f4) 0 0/200% 100%;border-radius:3px;flex:1;height:3px;animation:2s linear infinite umx-flow}.umx-flow{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.umx-flow{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.umx-flow{grid-template-columns:repeat(6,1fr)}}.umx-flow li{text-align:center;border:1px solid var(--v3-line);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;transition:background .35s,border-color .35s,transform .35s;display:flex}.umx-flow li>span{background:#ffffff14;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:4px;font-size:13px;font-weight:900;transition:background .35s;display:grid}.umx-flow li small{color:var(--v3-muted);font-size:12px}.umx-flow li.done>span{background:#22c55e40}.umx-flow li.on{background:#5b3ec82e;border-color:#7c5cff8c;transform:translateY(-3px)}.umx-flow li.on>span{color:#fff;background:linear-gradient(135deg,#5b3ec8,#22b4f4)}.umx-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.umx-steps li{align-items:flex-start;gap:14px;padding:18px;display:flex}.umx-steps li>span{color:#fff;background:linear-gradient(135deg,#5b3ec8,#22b4f4);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.umx-steps b{margin-bottom:2px;display:block}.umx-steps p{color:var(--v3-text);font-size:14px;line-height:1.8}@media (prefers-reduced-motion:reduce){.umx-m,.umx-note-pill,.umx-pipe i,.umx-bus i{animation:none}.umx-flow li{transition:none}}@media (min-width:640px){.umx-systems.umx-systems-3{grid-template-columns:repeat(3,1fr)}}