.payroll-landing{margin:0;color:#0f1923;background:#f8f7f4;width:100%;overflow-x:hidden}.payroll-landing a{color:#2d6be4}.payroll-landing a:hover{color:#2558c8}.payroll-landing *{box-sizing:border-box}.payroll-landing .wrap{max-width:1200px;margin:0 auto;padding:0 32px}.payroll-landing .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.payroll-landing .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}.payroll-landing .now-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.payroll-landing .connect-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:32px;align-items:start}.payroll-landing .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.payroll-landing .dotgrid{background-color:#f8f7f4;background-image:radial-gradient(circle,#d4d0c8 1px,transparent 0);background-size:22px 22px}@media (max-width:960px){.payroll-landing .connect-grid,.payroll-landing .hero-grid,.payroll-landing .now-grid,.payroll-landing .pricing-grid,.payroll-landing .steps-grid,.payroll-landing .trust-grid{grid-template-columns:minmax(0,1fr)}.payroll-landing .steps-line{display:none}.payroll-landing .h1{font-size:44px!important}.payroll-landing .nav-links{display:flex!important;order:3;flex-basis:100%;justify-content:center;gap:18px!important;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.12)}.payroll-landing nav.wrap{flex-wrap:wrap;gap:16px!important}.payroll-landing .nav-links a{display:inline-flex;align-items:center;min-height:36px}.payroll-landing .wrap{padding:0 20px}}.payroll-landing .chat-height{height:560px}.payroll-landing .dot{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.payroll-landing .dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.6);opacity:0}}.payroll-landing .dot.still:after{display:none}.payroll-landing .rise{animation:rise .55s cubic-bezier(.2,0,0,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.payroll-landing .row-in{animation:rowin .5s cubic-bezier(.2,0,0,1)}@keyframes rowin{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}.payroll-landing .float{animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.payroll-landing .typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ca3af;margin:0 2px;animation:bounce 1.2s infinite}.payroll-landing .typing span:nth-child(2){animation-delay:.15s}.payroll-landing .typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.payroll-landing .spinr{animation:spinr .9s linear infinite}@keyframes spinr{to{transform:rotate(1turn)}}.payroll-landing .chat-body{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 48px);mask-image:linear-gradient(180deg,transparent 0,#000 48px)}.payroll-landing .chat-body>*{flex-shrink:0}.payroll-landing .marquee{overflow:hidden;white-space:nowrap}.payroll-landing .marquee-track{display:inline-flex;gap:48px;animation:marq 38s linear infinite;padding-inline-end:48px}@keyframes marq{0%{transform:translateX(0)}to{transform:translateX(50%)}}.payroll-landing .shimmer{position:relative;overflow:hidden}.payroll-landing .shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(100%);animation:shim 2.2s ease-in-out infinite}@keyframes shim{to{transform:translateX(-100%)}}.payroll-landing .steps-line{position:absolute;top:34px;right:16%;left:16%;height:2px;background:repeating-linear-gradient(90deg,#d4d0c8 0 8px,transparent 8px 16px);background-size:32px 2px;animation:dash 1.4s linear infinite}@keyframes dash{to{background-position:-32px 0}}.payroll-landing .lift{transition:transform .25s ease,box-shadow .25s ease}.payroll-landing .lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(13,27,30,.35)}.payroll-landing .btn{transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.payroll-landing .btn:hover{transform:translateY(-2px)}.payroll-landing .btn:active{transform:translateY(0)}.payroll-landing .tab{transition:background .2s ease,border-color .2s ease,transform .15s ease}.payroll-landing .tab:hover{transform:translateX(-3px)}.payroll-landing .tool-icon{width:34px;height:34px;object-fit:contain;border-radius:8px;background:#ffffff;border:1px solid #e5e2db;padding:3px;flex:none}.payroll-landing .connect-details summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #d6d3d1;background:#ffffff;font-weight:700;font-size:15px;color:#2d6be4;user-select:none}.payroll-landing .connect-details[open] summary{border-color:#2d6be4;background:#ebf1fa}.payroll-landing .demo-badge{position:absolute;bottom:-18px;inset-inline-start:-18px}@media (max-width:600px){.payroll-landing .chat-header{padding-inline:12px!important;gap:6px!important}.payroll-landing .chat-header>div{flex-shrink:0}.payroll-landing .chat-scenario-tab{padding-inline:4px!important}.payroll-landing .summary-total{flex-direction:column;align-items:flex-start!important;gap:6px}.payroll-landing .demo-badge{bottom:12px;inset-inline-start:12px}.payroll-landing .chat-height{height:440px;padding-bottom:58px!important}.payroll-landing .demo-badge{font-size:12px!important;padding:8px 12px!important;border-radius:10px!important}}@media (prefers-reduced-motion:reduce){.payroll-landing *,.payroll-landing :after,.payroll-landing :before{animation:none!important;transition:none!important}.payroll-landing .word{opacity:0}.payroll-landing .word.on{opacity:1;transform:none}}