.wp-block-rb-snaplogic-homepage-animation-2026{--jp:#5b3df5;--ink:#1c1340;--muted:#8b85a6;--line:#ece9f7;--panel:#faf9fe;--ok:#16a34a;--warn:#b45309;--warn-soft:#fef3c7;align-items:stretch;box-sizing:border-box;color:var(--wp--preset--color--black);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:800px;justify-content:flex-end;margin:0 auto;max-height:100vh;max-width:1590px;overflow:hidden;width:100%}@media(max-width:640px){.wp-block-rb-snaplogic-homepage-animation-2026{height:600px}}.wp-block-rb-snaplogic-homepage-animation-2026 *{box-sizing:border-box;margin:0;padding:0}.wp-block-rb-snaplogic-homepage-animation-2026 .picker-bar{align-items:center;display:flex;flex:none;gap:10px;justify-content:center;padding:0 24px 24px}.wp-block-rb-snaplogic-homepage-animation-2026 .ucsel{align-items:center;color:#c8d6f0bf;display:flex;font-size:12px;font-weight:700;gap:9px;letter-spacing:.5px;text-transform:uppercase}.wp-block-rb-snaplogic-homepage-animation-2026 .ucsel select{appearance:none;backdrop-filter:blur(10px);background:#ffffff17;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2711%27 fill=%27none%27 stroke=%27%238fadd4%27 stroke-width=%272.5%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 20px #0000004d;color:#c8d6f0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:280px;outline:none;padding:8px 32px 8px 14px}.wp-block-rb-snaplogic-homepage-animation-2026 .ucsel select option{background:#0d1b3e;color:#c8d6f0}.wp-block-rb-snaplogic-homepage-animation-2026 .ucsel select:hover{border-color:#ffffff59}.wp-block-rb-snaplogic-homepage-animation-2026 .stage{align-items:stretch;background:var(--ink);border:solid #4d566b;border-radius:18px 18px 0 0;border-width:1px 1px 0;display:flex;flex:1;max-height:756px;overflow:hidden;padding:16px 16px 0;position:relative}.wp-block-rb-snaplogic-homepage-animation-2026 .cursor{opacity:0;pointer-events:none;position:absolute;transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.4,0,.2,1),transform .12s ease,opacity .3s;z-index:80}.wp-block-rb-snaplogic-homepage-animation-2026 .cursor svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));height:22px;width:22px}.wp-block-rb-snaplogic-homepage-animation-2026 .cursor.pressed{transform:scale(.8)}.wp-block-rb-snaplogic-homepage-animation-2026 .app{background:#fff;border-radius:16px 16px 0 0;display:flex;flex:1;overflow:hidden;position:relative}.wp-block-rb-snaplogic-homepage-animation-2026 .rail{background:var(--panel);border-right:1px solid var(--line);display:flex;flex:none;flex-direction:column;padding:14px 0;width:clamp(160px,15%,220px)}@media(max-width:640px){.wp-block-rb-snaplogic-homepage-animation-2026 .rail{display:none}}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .org{align-items:center;display:flex;font-size:clamp(13px,1.1vw,16px);font-weight:800;gap:10px;padding:4px 16px 14px}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .org .mark{align-items:center;background:var(--jp);border-radius:6px;color:#fff;display:flex;flex:none;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .grp{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px 5px;text-transform:uppercase}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .ch{align-items:center;color:#5a5474;cursor:default;display:flex;font-size:clamp(11px,1vw,14px);gap:8px;padding:7px 16px}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .ch .hash{color:var(--muted);font-weight:700}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .ch.active{background:#efeafb;border-left:3px solid var(--jp);color:var(--ink);font-weight:700;padding-left:13px}.wp-block-rb-snaplogic-homepage-animation-2026 .rail .ch.bot .ava-sm{align-items:center;background:var(--jp);border-radius:4px;color:#fff;display:flex;flex:none;font-size:8px;font-weight:800;height:17px;justify-content:center;width:17px}.wp-block-rb-snaplogic-homepage-animation-2026 .main{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.wp-block-rb-snaplogic-homepage-animation-2026 .head{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:none;gap:8px;padding:13px 22px}.wp-block-rb-snaplogic-homepage-animation-2026 .head .hash{color:var(--muted);font-size:clamp(14px,1.3vw,18px);font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .head .name{font-size:clamp(13px,1.2vw,16px);font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .head .sub{color:var(--muted);font-size:clamp(11px,.9vw,13px);margin-left:4px}.wp-block-rb-snaplogic-homepage-animation-2026 .thread{display:flex;flex:1;flex-direction:column;gap:clamp(10px,1.2vw,14px);overflow:hidden;padding:clamp(12px,1.5vw,20px) clamp(16px,2vw,28px)}.wp-block-rb-snaplogic-homepage-animation-2026 .msg{display:flex;gap:11px;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.wp-block-rb-snaplogic-homepage-animation-2026 .msg.show{opacity:1;transform:none}.wp-block-rb-snaplogic-homepage-animation-2026 .ava{align-items:center;border-radius:9px;color:#fff;display:flex;flex:none;font-size:clamp(10px,.9vw,13px);font-weight:800;height:clamp(28px,2.5vw,36px);justify-content:center;width:clamp(28px,2.5vw,36px)}.wp-block-rb-snaplogic-homepage-animation-2026 .ava.user{background:#0ea5a3}.wp-block-rb-snaplogic-homepage-animation-2026 .ava.bot{background:var(--jp)}.wp-block-rb-snaplogic-homepage-animation-2026 .who{font-size:clamp(12px,1vw,14px);font-weight:800;margin-bottom:2px}.wp-block-rb-snaplogic-homepage-animation-2026 .who .t{color:var(--muted);font-size:clamp(10px,.85vw,12px);font-weight:500;margin-left:7px}.wp-block-rb-snaplogic-homepage-animation-2026 .bub{color:#2c2545;font-size:clamp(12px,1.1vw,14.5px);line-height:1.55}.wp-block-rb-snaplogic-homepage-animation-2026 .mention{background:#efeafb;border-radius:5px;color:var(--jp);font-weight:700;padding:1px 5px}.wp-block-rb-snaplogic-homepage-animation-2026 .typing{align-items:center;display:flex;gap:5px;padding:5px 0}.wp-block-rb-snaplogic-homepage-animation-2026 .typing span{animation:hpa2026-blink 1.2s infinite;background:#c3bcdc;border-radius:50%;height:7px;width:7px}.wp-block-rb-snaplogic-homepage-animation-2026 .typing span:nth-child(2){animation-delay:.2s}.wp-block-rb-snaplogic-homepage-animation-2026 .typing span:nth-child(3){animation-delay:.4s}.wp-block-rb-snaplogic-homepage-animation-2026 .card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:7px;max-width:min(900px,92%);padding:clamp(10px,1vw,14px) clamp(12px,1.2vw,16px)}.wp-block-rb-snaplogic-homepage-animation-2026 .card .ctitle{align-items:center;display:flex;font-size:clamp(11px,.9vw,13px);font-weight:700;gap:7px;margin-bottom:8px}.wp-block-rb-snaplogic-homepage-animation-2026 .plan-step{align-items:center;color:#4b4466;display:flex;font-size:clamp(12px,1vw,13.5px);gap:9px;padding:4px 0}.wp-block-rb-snaplogic-homepage-animation-2026 .plan-step .num{align-items:center;background:#efeafb;border-radius:50%;color:var(--jp);display:flex;flex:none;font-size:10px;font-weight:800;height:19px;justify-content:center;width:19px}.wp-block-rb-snaplogic-homepage-animation-2026 .tool-chip{align-items:center;background:#eef6ff;border-radius:5px;color:#1d6fd6;display:inline-flex;font-size:clamp(9px,.8vw,11px);font-weight:700;gap:5px;margin-left:auto;padding:2px 8px;white-space:nowrap}.wp-block-rb-snaplogic-homepage-animation-2026 .approve{background:var(--warn-soft);border:1px solid #f1d99a;max-width:min(900px,92%)}.wp-block-rb-snaplogic-homepage-animation-2026 .approve .ctitle{color:var(--warn)}.wp-block-rb-snaplogic-homepage-animation-2026 .approve .deal{background:#fff;border-radius:7px;font-size:clamp(12px,1vw,13.5px);line-height:1.5;margin:4px 0 10px;padding:10px 12px}.wp-block-rb-snaplogic-homepage-animation-2026 .approve .deal b{font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .approve .deal .arrow{color:var(--jp);font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .approve .amt{color:var(--ink);float:right;font-weight:800;margin-left:10px}.wp-block-rb-snaplogic-homepage-animation-2026 .btns{display:flex;gap:8px}.wp-block-rb-snaplogic-homepage-animation-2026 .btn{border:none;border-radius:7px;cursor:default;font-size:clamp(12px,1vw,13.5px);font-weight:700;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.wp-block-rb-snaplogic-homepage-animation-2026 .btn.approve-btn{background:var(--jp);color:#fff}.wp-block-rb-snaplogic-homepage-animation-2026 .btn.approve-btn.pressed{box-shadow:0 0 0 4px #5b3df540;transform:scale(.93)}.wp-block-rb-snaplogic-homepage-animation-2026 .btn.deny-btn{background:#fff;border:1px solid var(--line);color:var(--muted)}.wp-block-rb-snaplogic-homepage-animation-2026 .approved-tag{align-items:center;color:var(--ok);display:inline-flex;font-size:clamp(11px,.9vw,13px);font-weight:800;gap:7px}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row{align-items:center;color:var(--muted);display:flex;font-size:clamp(12px,1vw,13.5px);gap:10px;padding:5px 0}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row .dot{align-items:center;background:#fff;border:2px solid #d8d3ea;border-radius:50%;display:flex;flex:none;height:19px;justify-content:center;transition:all .25s ease;width:19px}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row .dot svg{color:#fff;height:10px;opacity:0;transition:opacity .2s ease;width:10px}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row .badge{color:#bdb7d2;font-size:clamp(9px,.8vw,11px);font-weight:700;margin-left:auto;transition:color .25s;white-space:nowrap}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row.done{color:var(--ink)}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row.done .dot{background:var(--ok);border-color:var(--ok);transform:scale(1.1)}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row.done .dot svg{opacity:1}.wp-block-rb-snaplogic-homepage-animation-2026 .exec .row.done .badge{color:var(--ok)}.wp-block-rb-snaplogic-homepage-animation-2026 .report-link-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:7px;max-width:min(900px,92%);padding:clamp(10px,1vw,14px) clamp(12px,1.2vw,16px)}.wp-block-rb-snaplogic-homepage-animation-2026 .report-link-card .rl-label{color:var(--muted);font-size:clamp(11px,.9vw,13px);font-weight:600;margin-bottom:7px}.wp-block-rb-snaplogic-homepage-animation-2026 .report-link-card .rl-link{align-items:center;color:var(--jp);cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,14px);font-weight:700;gap:7px;text-decoration:underline;transition:opacity .15s}.wp-block-rb-snaplogic-homepage-animation-2026 .report-link-card .rl-link .rl-icon{font-size:clamp(14px,1.2vw,18px)}.wp-block-rb-snaplogic-homepage-animation-2026 .dash-overlay{background:#f0f4ff;border-radius:16px;inset:0;bottom:var(--composer-h,64px);display:flex;flex-direction:column;overflow:hidden;position:absolute;transform:translateX(100%);transition:transform .55s cubic-bezier(.4,0,.2,1);z-index:50}.wp-block-rb-snaplogic-homepage-animation-2026 .dash-overlay.open{transform:translateX(0)}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bar{align-items:center;background:linear-gradient(135deg,#039,#2f8dfe);display:flex;flex:none;gap:12px;padding:12px 20px}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bar .do-back{align-items:center;border:1px solid #ffffff40;border-radius:6px;color:#ffffffbf;cursor:default;display:flex;font-size:clamp(11px,.9vw,13px);font-weight:600;gap:5px;padding:4px 10px}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bar .do-url{color:#fff9;flex:1;font-family:Consolas,monospace;font-size:clamp(10px,.85vw,12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bar .do-logo{align-items:center;display:flex;margin-left:auto}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bar .do-logo img{display:block;height:clamp(16px,1.4vw,22px);width:auto}.wp-block-rb-snaplogic-homepage-animation-2026 .do-body{display:flex;flex:1;flex-direction:column;gap:clamp(10px,1.5vw,16px);overflow:hidden;padding:clamp(14px,2vw,22px)}.wp-block-rb-snaplogic-homepage-animation-2026 .do-title{color:#039;font-size:clamp(14px,1.4vw,18px);font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .do-subtitle{color:var(--muted);font-size:clamp(11px,.9vw,13px);margin-top:-8px}.wp-block-rb-snaplogic-homepage-animation-2026 .do-stats{display:flex;gap:clamp(8px,1vw,14px)}.wp-block-rb-snaplogic-homepage-animation-2026 .do-stat{background:#fff;border:1px solid #dce8ff;border-radius:10px;box-shadow:0 2px 8px #0033990f;flex:1;padding:clamp(10px,1vw,14px) clamp(12px,1.2vw,16px)}.wp-block-rb-snaplogic-homepage-animation-2026 .do-stat .sv{color:#039;font-size:clamp(18px,2vw,26px);font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .do-stat .sl{color:var(--muted);font-size:clamp(9px,.8vw,12px);font-weight:600;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.wp-block-rb-snaplogic-homepage-animation-2026 .do-stat .sd{color:#16a34a;font-size:clamp(9px,.8vw,11px);font-weight:700;margin-top:3px}.wp-block-rb-snaplogic-homepage-animation-2026 .do-charts{display:flex;flex:1;gap:clamp(8px,1vw,14px);min-height:0}.wp-block-rb-snaplogic-homepage-animation-2026 .do-chart-wrap{background:#fff;border:1px solid #dce8ff;border-radius:10px;display:flex;flex:1;flex-direction:column;gap:8px;overflow:hidden;padding:clamp(10px,1vw,14px)}.wp-block-rb-snaplogic-homepage-animation-2026 .do-chart-wrap .dct{color:#039;font-size:clamp(10px,.85vw,12px);font-weight:700}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars{align-items:flex-end;display:flex;flex:1;gap:4px;min-height:0}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db{border-radius:4px 4px 0 0;flex:1;min-width:8px;transform:scaleY(0);transform-origin:bottom;transition:transform .5s ease}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars.animate .db{transform:scaleY(1)}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:first-child{background:#2ca392;transition-delay:0s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(2){background:#2f8dfe;transition-delay:.06s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(3){background:#2ca392;transition-delay:.12s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(4){background:#2f8dfe;transition-delay:.18s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(5){background:#2ca392;transition-delay:.24s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(6){background:#2f8dfe;transition-delay:.3s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(7){background:#2ca392;transition-delay:.36s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-bars .db:nth-child(8){background:#039;transition-delay:.42s}.wp-block-rb-snaplogic-homepage-animation-2026 .do-xlabels{display:flex;gap:4px}.wp-block-rb-snaplogic-homepage-animation-2026 .do-xlabels span{color:var(--muted);flex:1;font-size:clamp(8px,.7vw,10px);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.wp-block-rb-snaplogic-homepage-animation-2026 .cap{align-items:center;background:linear-gradient(180deg,#fff,#faf8ff);border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;margin-top:7px;max-width:min(900px,92%);padding:clamp(10px,1vw,14px) clamp(12px,1.2vw,16px)}.wp-block-rb-snaplogic-homepage-animation-2026 .cap .ico{align-items:center;background:#efeafb;border-radius:9px;display:flex;flex:none;font-size:clamp(16px,1.5vw,20px);height:clamp(32px,2.8vw,42px);justify-content:center;width:clamp(32px,2.8vw,42px)}.wp-block-rb-snaplogic-homepage-animation-2026 .cap .ct{font-size:clamp(12px,1.1vw,14px);font-weight:800}.wp-block-rb-snaplogic-homepage-animation-2026 .cap .cs{color:var(--muted);font-size:clamp(10px,.9vw,12px);margin-top:2px}.wp-block-rb-snaplogic-homepage-animation-2026 .cap .go{border:1px solid #ddd5f7;border-radius:6px;color:var(--jp);font-size:clamp(10px,.9vw,12px);font-weight:700;margin-left:auto;padding:5px 12px;white-space:nowrap}.wp-block-rb-snaplogic-homepage-animation-2026 .reaction{align-items:center;background:#eef6ff;border:1px solid #d7e8fb;border-radius:999px;color:#1d6fd6;display:inline-flex;font-size:clamp(10px,.9vw,12px);font-weight:700;gap:5px;margin-top:8px;opacity:0;padding:3px 10px;transform:scale(.5)}.wp-block-rb-snaplogic-homepage-animation-2026 .reaction.pop{animation:hpa2026-pop .4s cubic-bezier(.2,1.4,.4,1) forwards}.wp-block-rb-snaplogic-homepage-animation-2026 .composer{border-top:1px solid var(--line);flex:none;padding:clamp(10px,1vw,14px) 22px}.wp-block-rb-snaplogic-homepage-animation-2026 .composer .box{align-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);display:flex;font-size:clamp(12px,1vw,14px);justify-content:space-between;padding:10px 13px}.wp-block-rb-snaplogic-homepage-animation-2026 .composer .send{align-items:center;background:#ece9f7;border-radius:6px;color:#b3abd0;display:flex;flex:none;height:28px;justify-content:center;width:28px}.wp-block-rb-snaplogic-homepage-animation-2026 .composer .send svg{height:14px;width:14px}@keyframes hpa2026-blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes hpa2026-pop{to{opacity:1;transform:scale(1)}}