.sideup-compliance-shield{background-color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;padding:6rem 0;position:relative}.sideup-compliance-shield .container{margin:0 auto;max-width:1200px;padding:0 1.5rem;position:relative;z-index:10}.sideup-compliance-shield .grid-layout{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr}@media (min-width:1024px){.sideup-compliance-shield .grid-layout{grid-template-columns:1fr 1fr}}.sideup-compliance-shield .badge{align-items:center;background-color:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);border-radius:9999px;color:#9333ea;display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em;margin-bottom:1.5rem;padding:.25rem .75rem;text-transform:uppercase}.sideup-compliance-shield .main-heading{color:#0f172a;font-size:2.25rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}@media (min-width:768px){.sideup-compliance-shield .main-heading{font-size:3rem}}.sideup-compliance-shield .main-heading .highlight{color:#9333ea}.sideup-compliance-shield .sub-heading{color:#475569;font-size:1.125rem;line-height:1.625;margin-bottom:2.5rem}.sideup-compliance-shield .tabs-container{display:flex;flex-direction:column;gap:1rem}.sideup-compliance-shield .tab-button{align-items:flex-start;background-color:#f8fafc;border:2px solid transparent;border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.sideup-compliance-shield .tab-button:hover{background-color:#fff;border-color:#e2e8f0}.sideup-compliance-shield .tab-button.active{background-color:#fff;border-color:#9333ea;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:scale(1.02)}.sideup-compliance-shield .progress-bar{background-color:rgba(147,51,234,.1);bottom:0;height:4px;left:0;position:absolute;transition:width 5s linear;width:0}.sideup-compliance-shield .tab-button.active .progress-bar{width:100%}.sideup-compliance-shield .icon-circle{align-items:center;background-color:#e2e8f0;border-radius:9999px;color:#64748b;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.sideup-compliance-shield .tab-button:hover .icon-circle{background-color:#cbd5e1}.sideup-compliance-shield .tab-button.active .icon-circle{background-color:#9333ea;color:#fff}.sideup-compliance-shield .tab-button[data-step="1"].active{border-color:rgba(152,255,20,.5)}.sideup-compliance-shield .tab-button[data-step="1"].active .icon-circle{background-color:#98ff14;color:#166534}.sideup-compliance-shield .tab-content h3{color:#64748b;font-size:1.125rem;font-weight:700;margin-bottom:.25rem;transition:color .3s ease}.sideup-compliance-shield .tab-button.active .tab-content h3{color:#0f172a}.sideup-compliance-shield .tab-description{color:#475569;font-size:.875rem;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.sideup-compliance-shield .tab-button.active .tab-description{margin-top:.5rem;max-height:100px;opacity:1}.sideup-compliance-shield .animation-column{align-items:center;background:linear-gradient(135deg,#faf5ff,#fff 50%,rgba(250,245,255,.5));border:1px solid #f3e8ff;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;height:600px;justify-content:center;overflow:hidden;position:relative;touch-action:pan-y}.sideup-compliance-shield .bg-orb{border-radius:9999px;filter:blur(64px);opacity:.6;position:absolute}.sideup-compliance-shield .purple-orb{background-color:rgba(233,213,255,.4);height:24rem;right:-6rem;top:-6rem;width:24rem}.sideup-compliance-shield .lime-orb{background-color:rgba(152,255,20,.15);bottom:-6rem;height:24rem;left:-6rem;width:24rem}.sideup-compliance-shield .bg-ring{border:1px solid rgba(243,232,255,.5);border-radius:9999px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sideup-compliance-shield .ring-1{height:500px;width:500px}.sideup-compliance-shield .ring-2{height:700px;opacity:.6;width:700px}.sideup-compliance-shield .central-shield{position:relative;z-index:20}.sideup-compliance-shield .shield-icon{align-items:center;animation:pulse-scale 3s ease-in-out infinite;background-color:#fff;border:2px solid #9333ea;border-radius:1rem;box-shadow:0 0 30px rgba(168,85,247,.2);display:flex;height:8rem;justify-content:center;position:relative;width:8rem;z-index:10}.sideup-compliance-shield .shield-pulse{animation:ping 3s cubic-bezier(0,0,.2,1) infinite;background-color:#9333ea;border-radius:1rem;inset:0;opacity:.2;position:absolute;z-index:-1}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.sideup-compliance-shield .step-animation{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease,visibility .5s ease;visibility:hidden}.sideup-compliance-shield .step-animation.active{opacity:1;visibility:visible}.sideup-compliance-shield .scanning-beam{animation:scan 4s linear infinite;background:linear-gradient(180deg,transparent,#9333ea,transparent);height:100%;left:50%;opacity:.5;position:absolute;top:0;transform:translateX(-50%);width:4px}@keyframes scan{0%{left:20%}50%{left:80%}to{left:20%}}.sideup-compliance-shield .data-cards{display:flex;flex-direction:column;gap:1rem;left:2.5rem;position:absolute;top:50%;transform:translateY(-50%)}.sideup-compliance-shield .data-card{align-items:center;animation:slide-in .5s ease forwards;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;gap:.75rem;opacity:0;padding:.75rem;width:12rem}.sideup-compliance-shield .card-2{animation-delay:.2s;opacity:.5}@keyframes slide-in{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.sideup-compliance-shield .data-card .dot{background-color:#cbd5e1;border-radius:9999px;height:.5rem;width:.5rem}.sideup-compliance-shield .data-card .line{background-color:#f1f5f9;border-radius:.25rem;height:.5rem;width:6rem}.sideup-compliance-shield .verified-badge{align-items:center;animation:pop-in .5s ease .5s forwards;background-color:rgba(147,51,234,.05);border:1px solid rgba(147,51,234,.2);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#9333ea;display:flex;font-weight:700;gap:.5rem;opacity:0;padding:.5rem 1rem;position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);transform:scale(.8)}@keyframes pop-in{to{opacity:1;transform:scale(1)}}.sideup-compliance-shield .money-path{height:100%;inset:0;position:absolute;width:100%}.sideup-compliance-shield .dash-anim{animation:dash 2s linear infinite;stroke-dashoffset:0}@keyframes dash{to{stroke-dashoffset:-100}}.sideup-compliance-shield .money-icon{background-color:#98ff14;border:1px solid #98ff14;border-radius:9999px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#166534;left:0;opacity:0;padding:.25rem;position:absolute;top:50%;transform:translateY(-50%)}.sideup-compliance-shield .icon-1{animation:flow 2s linear infinite}.sideup-compliance-shield .icon-2{animation:flow 2s linear .6s infinite}.sideup-compliance-shield .icon-3{animation:flow 2s linear 1.2s infinite}@keyframes flow{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.sideup-compliance-shield .servicer-badge{background-color:rgba(152,255,20,.1);border:1px solid rgba(152,255,20,.5);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#166534;font-weight:700;padding:.75rem 1rem;position:absolute;right:2.5rem;text-align:center;top:50%;transform:translateY(-50%)}.sideup-compliance-shield .badge-label{font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;opacity:.7;text-transform:uppercase}.sideup-compliance-shield .paper-stack{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.sideup-compliance-shield .paper{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;height:16rem;opacity:0;padding:1rem;position:absolute;width:12rem}.sideup-compliance-shield .paper-1{animation:stack .6s ease forwards;z-index:3}.sideup-compliance-shield .paper-2{animation:stack .6s ease .2s forwards;z-index:2}.sideup-compliance-shield .paper-3{animation:stack .6s ease .4s forwards;z-index:1}@keyframes stack{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(var(--y-offset,0)) scale(var(--scale,1)) rotate(var(--rotate,0))}}.sideup-compliance-shield .paper-1{--y-offset:0px;--scale:1;--rotate:0deg}.sideup-compliance-shield .paper-2{--y-offset:-10px;--scale:0.95;--rotate:2deg}.sideup-compliance-shield .paper-3{--y-offset:-20px;--scale:0.9;--rotate:-2deg}.sideup-compliance-shield .paper-icon{align-items:center;background-color:rgba(147,51,234,.1);border-radius:.25rem;display:flex;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.sideup-compliance-shield .paper-line{background-color:#f1f5f9;border-radius:.25rem;height:.5rem;margin-bottom:.5rem}.sideup-compliance-shield .l1{width:6rem}.sideup-compliance-shield .l2{width:8rem}.sideup-compliance-shield .l3{width:4rem}.sideup-compliance-shield .paper-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.sideup-compliance-shield .paper-footer span{color:#94a3b8;font-size:.75rem;font-weight:700}.sideup-compliance-shield .dot-indicators{bottom:1.5rem;display:flex;gap:.5rem;justify-content:center;left:0;position:absolute;right:0}.sideup-compliance-shield .dot{background-color:#cbd5e1;border-radius:9999px;cursor:pointer;height:.5rem;transition:all .3s ease;width:.5rem}.sideup-compliance-shield .dot.active{background-color:#9333ea;width:1.5rem}@media (max-width:768px){.sideup-compliance-shield .shield-icon{height:5rem;width:5rem}.sideup-compliance-shield .data-cards{gap:.5rem;left:1rem}.sideup-compliance-shield .data-card{font-size:.8rem;padding:.5rem;width:9rem}.sideup-compliance-shield .verified-badge{font-size:.8rem;padding:.4rem .8rem;right:1rem}.sideup-compliance-shield .servicer-badge{padding:.5rem .8rem;right:1rem}.sideup-compliance-shield .paper{height:12rem;width:9rem}.sideup-compliance-shield .animation-column{height:450px}@keyframes scan{0%{left:10%}50%{left:90%}to{left:10%}}}