.motionArt{grid-column:2;grid-row:1/5;margin:0;min-height:170px}
#needs .card:nth-child(n):hover{border-color:#aabdd3!important;box-shadow:0 18px 44px rgba(33,53,81,.07)!important;transform:translateY(-3px)}
#needs .card:before,#needs .card:after{display:none!important}
#needs .card h3{font-size:24px!important;margin:20px 0 8px!important;color:#2f3a4c!important;font-family:inherit!important;font-weight:650!important;letter-spacing:-.02em}
#needs .card p{font-size:15px;line-height:1.85;color:#65748a;max-width:440px;margin-bottom:22px}
#needs .card .btn{margin-top:auto;align-self:flex-start;border-radius:12px;min-height:44px;font-size:14px;background:#edf3fa;color:#2f4564;border:1px solid #d9e4f0;box-shadow:none}
#needs .card .serviceDetailLink{font-size:13px;color:#697b92;margin:12px 0 0;display:block}
#needs .card:last-child .btn{margin-top:0;width:fit-content;background:#2f3a4c;color:#fff}
.motionArt{position:relative;width:100%;height:210px;flex-shrink:0;border-radius:17px;background:radial-gradient(ellipse at 50% 110%,#dbe7f6,transparent 66%),linear-gradient(135deg,#f5f8fc,#edf2f8);overflow:hidden;display:grid;place-items:center;perspective:1000px;color:#354d6d;user-select:none}
.motionArt *{box-sizing:border-box}.motionArt b{font-size:15px;font-weight:600}.motionArt small{font-size:12px;color:#708099}.motionArt .microLabel{font-size:10px;letter-spacing:.16em;color:#8a9aaf;position:absolute;top:17px;left:19px}
.miniInterface{border-radius:16px;border:1px solid rgba(168,187,211,.45);background:rgba(255,255,255,.88);box-shadow:0 15px 35px rgba(39,68,109,.12);padding:17px 20px;width:230px;position:relative;line-height:1.5}
.miniInterface .miniRule{height:4px;border-radius:3px;background:#d7e2ef;margin-top:11px;width:85%}.miniInterface .miniRule.short{width:55%}
.purposeStack .miniInterface{position:absolute;top:65px;left:50%;margin-left:-115px;animation:purposeShift 9s cubic-bezier(.2,.7,.2,1) infinite;transform-origin:50% 100%}
.purposeStack .miniInterface:nth-of-type(2){--shift:-18px;--rot:-7deg;animation-delay:-3s;background:#ebf2fb}
.purposeStack .miniInterface:nth-of-type(3){--shift:18px;--rot:7deg;animation-delay:-6s;background:#f6f9fd}
.purposeStack .miniInterface:nth-of-type(4){--shift:0px;--rot:0deg;background:#fff}
@keyframes purposeShift{0%,23%,100%{transform:translate(var(--shift),0) rotate(var(--rot));opacity:.95}36%,56%{transform:translate(var(--shift),-15px) rotate(var(--rot));opacity:1}69%,86%{transform:translate(var(--shift),4px) rotate(var(--rot));opacity:.85}}
.debtRows{position:absolute;left:20px;top:60px;width:40%;display:grid;gap:9px}.debtRows span{border:1px solid #cfdaea;background:#fff;border-radius:10px;padding:8px 12px;font-size:12px;animation:debtCollect 8s ease-in-out infinite}
.debtRows span:nth-child(2){animation-delay:.18s}.debtRows span:nth-child(3){animation-delay:.36s}
.debtSummary{position:absolute;right:20px;top:70px;width:40%;background:#30435e;color:#fff;border-radius:14px;padding:17px 13px;box-shadow:0 10px 30px #23395626;animation:summaryReveal 8s ease-in-out infinite}
.debtSummary small{color:#d0dced;display:block;margin-top:7px}.debtConnector{position:absolute;left:44%;right:44%;top:112px;height:1px;background:#b9cbe1}
@keyframes debtCollect{0%,20%,85%,100%{transform:translateX(0);opacity:1}40%,65%{transform:translateX(12px);opacity:.48}}
@keyframes summaryReveal{0%,20%,85%,100%{transform:translateY(5px);opacity:.75}40%,65%{transform:translateY(-4px);opacity:1}}
.checkUI{width:215px}.checkUI .checkRow{font-size:12px;display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #edf1f6}.checkUI .checkRow:last-child{border:0}.checkRow em{font-style:normal;color:#55789f;animation:checkPulse 7s ease infinite}.checkRow:nth-child(3) em{animation-delay:1s}.checkRow:nth-child(4) em{animation-delay:2s}
@keyframes checkPulse{0%,15%,100%{opacity:.3;transform:scale(.85)}30%,75%{opacity:1;transform:scale(1)}}
.carUI{width:210px;animation:interfaceLift 8s ease-in-out infinite}.statusTrack{display:flex;gap:5px;margin:15px 0 10px}.statusTrack i{height:5px;flex:1;border-radius:3px;background:#abc1dc;animation:trackPulse 7s ease infinite}.statusTrack i:nth-child(2){animation-delay:.5s}.statusTrack i:nth-child(3){animation-delay:1s}.miniTags{display:flex;gap:7px}.miniTags span{font-size:11px;border:1px solid #e0e7ef;border-radius:7px;padding:3px 6px;color:#667d98}
@keyframes interfaceLift{0%,25%,90%,100%{transform:translateY(3px)}45%,70%{transform:translateY(-7px)}}
@keyframes trackPulse{0%,20%,100%{background:#dae4f1}40%,80%{background:#7297c2}}
.businessUI{width:210px}.purposeBars{display:flex;align-items:flex-end;gap:16px;height:69px;padding:9px 10px 0;margin-top:9px}.purposeBars span{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:5px;font-size:10px;color:#71849e}.purposeBars i{display:block;width:100%;height:var(--bar);border-radius:4px 4px 0 0;background:linear-gradient(#a2bad8,#dae5f4);transform-origin:bottom;animation:barSettle 8s ease-in-out infinite}.purposeBars span:nth-child(2) i{animation-delay:.25s}.purposeBars span:nth-child(3) i{animation-delay:.5s}
@keyframes barSettle{0%,12%,95%,100%{transform:scaleY(.55);opacity:.65}35%,75%{transform:scaleY(1);opacity:1}}
.conversation{display:grid;gap:11px;width:230px}.conversation span{font-size:13px;padding:11px 16px;border-radius:12px;border:1px solid #d7e2ef;background:#fff;animation:questionReveal 8s ease-in-out infinite}.conversation span:last-child{background:#344964;color:#fff;justify-self:end;animation-delay:.7s}
@keyframes questionReveal{0%,10%,95%,100%{transform:translateY(5px);opacity:.6}30%,80%{transform:translateY(0);opacity:1}}
.motionArt *{animation-play-state:paused!important}.motionVisible .motionArt *{animation-play-state:running!important}.motionPaused .motionArt *{animation-play-state:paused!important}