*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:linear-gradient(135deg,#667eea 0%,#fff 50%,#4facfe 100%) 0 0/400% 400%;font-family:Outfit,sans-serif;animation:15s infinite gradientAnimation;overflow-x:hidden}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-orb{filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.orb-1{background:#667eea;width:600px;height:600px;animation:10s infinite float;top:-200px;left:-200px}.orb-2{background:#fa709a;width:500px;height:500px;animation:12s infinite reverse float;bottom:-150px;right:-150px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.menu-bar{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#ffffffd9;border:1px solid #fff6;border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:1100px;padding:12px 30px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014}.nav-hidden{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-20px)}.menu-links{gap:25px;list-style:none;display:flex}.menu-links a{color:#334155;align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu-links a:hover{color:#667eea}.menu-logo{color:#54689e;padding-bottom:4px;font-size:22px;font-weight:900;line-height:1;text-decoration:none;position:relative}.menu-logo:after{content:"";background:#d1242a;width:100%;height:3px;position:absolute;bottom:0;left:0}.menu-btn{color:#fff;background:linear-gradient(135deg,#0043f6,#b800eb,#0043f6) 0 0/200%;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;animation:4s linear infinite shine;box-shadow:0 8px 20px #b800eb4d}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.dropdown{opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:250px;margin-top:15px;padding:10px 0;transition:all .3s;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.menu-links li:hover .dropdown{opacity:1;visibility:visible}.dropdown a{padding:10px 20px;font-size:14px;display:block;color:#333!important}.payroll-hero{text-align:center;max-width:1000px;margin:0 auto;padding:160px 20px 80px}.hero-label-payroll{background:linear-gradient(135deg,#572dff,#9d4dff);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:20px;font-weight:800;display:block}.payroll-h1{color:#1e293b;margin-bottom:30px;font-size:56px;font-weight:900;line-height:1.1}.payroll-sub{color:#64748b;max-width:800px;margin:0 auto 40px;font-size:18px;line-height:1.8}.benefits-section{max-width:1200px;margin:0 auto 100px;padding:20px}.section-heading{text-align:center;color:#1e293b;margin-bottom:50px;font-size:36px;font-weight:900}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.benefit-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffc;border:1px solid #ffffff80;border-radius:24px;padding:30px;transition:all .3s;box-shadow:0 10px 30px #0000000d}.benefit-card:hover{background:#fffffff2;transform:translateY(-10px);box-shadow:0 20px 50px #667eea26}.benefit-icon{color:#667eea;background:linear-gradient(135deg,#eef2ff,#f8fafc);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:28px;display:flex;box-shadow:0 5px 15px #667eea1a}.benefit-card h3{color:#1e293b;margin-bottom:12px;font-size:20px;font-weight:800}.benefit-card p{color:#64748b;font-size:14px;line-height:1.6}.process-section{background:linear-gradient(90deg,#f8fafccc,#f1f5f9cc);padding:100px 20px}.process-container{max-width:1100px;margin:0 auto}.process-steps{justify-content:space-between;margin-top:60px;display:flex;position:relative}.process-steps:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,#667eea 0 10px,#0000 10px 20px);width:80%;height:2px;position:absolute;top:30px;left:10%}.process-step{z-index:1;text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:22%;padding:25px;position:relative;box-shadow:0 10px 30px #00000014}.step-num-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:-45px auto 15px;font-size:18px;font-weight:900;display:flex}.process-step h4{margin-bottom:10px;font-size:18px;font-weight:800}.process-step p{color:#64748b;font-size:13px;line-height:1.5}.scope-section{align-items:center;gap:60px;max-width:1100px;margin:100px auto;padding:20px;display:flex}.scope-content,.scope-visual{flex:1}.scope-list{grid-template-columns:1fr 1fr;gap:15px;margin-top:30px;display:grid}.scope-item{color:#334155;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:10px;padding:15px 20px;font-size:14px;font-weight:600;display:flex;box-shadow:0 5px 15px #00000008}.scope-check{color:#10b981;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.trust-badge-container{text-align:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:24px;padding:30px;box-shadow:0 20px 40px #0000000d}.footer-section{color:#fff;background:linear-gradient(#0f172a 0%,#1e293b 100%);padding:80px 20px 30px;position:relative;overflow:hidden}.footer-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#667eea1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#84fab014 0%,#0000 50%);animation:15s ease-in-out infinite bgShift;position:absolute;inset:0}@keyframes bgShift{0%,to{opacity:.5}50%{opacity:.8}}.footer-container{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex;position:relative}.footer-logo{color:#54689e;margin-bottom:24px;padding-bottom:8px;font-size:36px;font-weight:900;display:inline-block;position:relative}.footer-logo:after{content:"";background:#d1242a;width:100%;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-info p{color:#cbd5e1;max-width:600px;margin-bottom:20px;font-size:15px;line-height:1.8}.footer-contact{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:20px;display:flex}.footer-contact-item{color:#cbd5e1;align-items:center;gap:8px;font-size:14px;display:flex}.footer-contact-item span{color:#667eea;font-size:18px}.cert-logos{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.cert-badge{background:#fffffff2;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:140px;height:60px;padding:8px 12px;transition:all .3s;display:flex}.cert-badge:hover{background:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #0003}.cert-badge img{-o-object-fit:contain;object-fit:contain;max-width:120px;max-height:40px}.footer-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:60px;padding-top:30px;font-size:13px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:#cbd5e1;font-weight:600;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff}@media (max-width:900px){.benefits-grid{grid-template-columns:1fr 1fr}.process-steps{flex-direction:column;gap:50px}.process-steps:before{background:repeating-linear-gradient(#667eea 0 10px,#0000 10px 20px);width:2px;height:80%;top:10%;left:50%;transform:translate(-50%)}.process-step{width:100%;margin:0 auto}.scope-section{flex-direction:column}}@media (max-width:600px){.benefits-grid,.scope-list{grid-template-columns:1fr}}@keyframes shine{to{background-position:200%}}@media (max-width:768px){.menu-bar{justify-content:space-between;align-items:center;gap:10px;display:flex;flex-wrap:wrap!important;padding:10px 15px!important}.menu-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border-radius:15px;flex-direction:column;order:3;width:100%;margin-top:10px;padding:15px;box-shadow:0 10px 30px #0000001a;display:none!important}.menu-links.active{display:flex!important}.menu-links li{text-align:left;width:100%}.menu-links>li>a{border-bottom:1px solid #0000000d;justify-content:space-between;padding:12px 10px;display:flex}.dropdown{display:none;opacity:1!important;visibility:visible!important;box-shadow:none!important;background:0 0!important;margin-top:5px!important;padding-left:20px!important;position:static!important}.dropdown.active{display:block}.dropdown a{border-bottom:1px solid #00000005;padding:10px!important}.mobile-menu-btn{cursor:pointer;color:#334155;background:0 0;border:none;order:1;justify-content:center;align-items:center;font-size:24px;display:flex!important}#main-nav>div{flex:1;order:2;justify-content:flex-end;gap:10px;display:flex}.menu-logo{font-size:20px!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}}