/* Payroll marketing; inherits the homepage's self-hosted Vazirmatn. */
.ada-payroll-card-v1{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;padding:34px;border:1px solid #dddaf5;border-radius:24px;background:linear-gradient(125deg,#f3f1ff,#fff 65%);color:#173454;overflow:hidden;font-family:inherit;isolation:isolate}
.ada-payroll-copy-v1,.ada-payroll-visual-v1{min-width:0}
.ada-payroll-eyebrow-v1{display:inline-flex;align-items:center;gap:8px;color:#5943b7;font-size:12px;font-weight:700}
.ada-payroll-eyebrow-v1:before{content:"";width:7px;height:7px;border-radius:50%;background:#5a46ca}
.ada-payroll-card-v1 h3{margin:13px 0 12px;font-size:clamp(23px,2.4vw,30px);line-height:1.65;font-weight:800;color:#173454}
.ada-payroll-card-v1 p{margin:0;font-size:14px;line-height:2.1;color:#52647b}
.ada-payroll-actions-v1{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ada-payroll-actions-v1 a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;color:#fff;background:#5741bf;transition:background .2s,transform .2s}
.ada-payroll-actions-v1 a+ a{color:#173454;background:#fff;border:1px solid #d8dfeb}
.ada-payroll-actions-v1 a:hover{transform:translateY(-2px);background:#46339e}
.ada-payroll-actions-v1 a+ a:hover{background:#f0edf9}
.ada-payroll-actions-v1 a:focus-visible{outline:3px solid #846adb;outline-offset:3px}
.ada-payroll-screen-v1{margin:0;border:1px solid #dfdff0;border-radius:16px;background:#fff;box-shadow:0 18px 40px -24px #40348255;overflow:hidden;transform:translateY(0)}
.ada-payroll-screen-v1 img{display:block;width:100%;height:auto;aspect-ratio:1280/719;object-fit:contain;background:#f4f5fa}
.ada-payroll-screen-v1 figcaption{padding:7px 12px;color:#65748b;font-size:10px;text-align:center;background:#fff}
.ada-payroll-flow-v1{list-style:none;display:flex;gap:8px;margin:18px 0 0;padding:0}
.ada-payroll-flow-v1 li{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ded9f0;background:#fff;border-radius:10px;padding:9px 5px;font-size:11px;font-weight:700;line-height:1.7;text-align:center;color:#5d527a}
.ada-payroll-flow-v1 i{font-style:normal;color:#7863bf}
.ada-payroll-flow-v1 li:after{content:"";position:absolute;right:10px;left:10px;bottom:0;height:2px;background:#7d66d5;transform:scaleX(0);transform-origin:right}
.ada-payroll-motion-v1 .ada-payroll-screen-v1{animation:ada-payroll-float-v1 6s ease-in-out infinite}
.ada-payroll-motion-v1 .ada-payroll-flow-v1 li:after{animation:ada-payroll-step-v1 6s ease-in-out infinite}
.ada-payroll-motion-v1 .ada-payroll-flow-v1 li:nth-child(2):after{animation-delay:2s}
.ada-payroll-motion-v1 .ada-payroll-flow-v1 li:nth-child(3):after{animation-delay:4s}
.ada-payroll-module-v1{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #ddd6f3;border-radius:15px;background:#f7f5ff;color:#173454;font-family:inherit}
.ada-payroll-module-icon-v1{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#ece6fc;color:#6645bd}
.ada-payroll-module-v1 strong{font-size:13px;font-weight:800}
.ada-payroll-module-v1 small{margin-inline-start:auto;font-size:12px;line-height:1.8;color:#60718a}
@keyframes ada-payroll-float-v1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ada-payroll-step-v1{0%,28%{transform:scaleX(1)}33%,100%{transform:scaleX(0)}}
@media(max-width:800px){.ada-payroll-card-v1{grid-template-columns:minmax(0,1fr);gap:28px;padding:25px}.ada-payroll-visual-v1{max-width:640px;width:100%;margin:auto}}
@media(max-width:480px){.ada-payroll-card-v1{padding:21px 16px;border-radius:18px;gap:24px}.ada-payroll-card-v1 p{font-size:13px}.ada-payroll-actions-v1{gap:8px}.ada-payroll-actions-v1 a{flex:1;padding:10px 8px;font-size:12px}.ada-payroll-flow-v1{gap:5px}.ada-payroll-flow-v1 li{font-size:10px;gap:3px;padding:8px 3px}.ada-payroll-module-v1{flex-wrap:wrap;padding:13px;gap:9px}.ada-payroll-module-v1 small{flex-basis:100%;margin-inline-start:43px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.ada-payroll-card-v1 *{animation:none!important;transition:none!important}.ada-payroll-flow-v1 li:after{transform:scaleX(1)}}
