@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--pay-ink:#241c33;--pay-muted:#625970;--pay-brand:#6431c8;--pay-border:#e8e1f0;--pay-bg:#f7f5fb}
*{box-sizing:border-box}
body{margin:0;background:var(--pay-bg);font-family:Vazirmatn,Tahoma,sans-serif;color:var(--pay-ink);line-height:1.95}
.payroll-seo a{color:#5522a4}.payroll-seo a:hover{text-decoration:none}
.payroll-seo .pay-wrap{width:min(1120px,92vw);margin:auto}
.payroll-seo .pay-hero{background:radial-gradient(circle at 9% 17%,#65448d,transparent 42%),linear-gradient(125deg,#171128,#3b215f);color:#fff;padding:126px 0 64px}
.payroll-seo .pay-hero a{color:#e9d9ff}.payroll-seo .pay-hero h1{font-size:clamp(29px,4.3vw,49px);line-height:1.45;max-width:950px;margin:14px 0}.payroll-seo .pay-hero p{max-width:910px;color:#e9e0f6;font-size:16px}
.payroll-seo .pay-chip{display:inline-block;border:1px solid #ffffff35;background:#ffffff18;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800}
.payroll-seo .pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:22px;align-items:start;padding:32px 0 70px}
.payroll-seo .pay-article{min-width:0;background:white;border:1px solid var(--pay-border);border-radius:23px;padding:clamp(20px,3.6vw,42px);box-shadow:0 14px 36px #3220470b}
.payroll-seo .pay-article h2{font-size:clamp(21px,2.5vw,27px);line-height:1.55;margin:35px 0 12px;scroll-margin-top:95px}
.payroll-seo .pay-article h3{font-size:19px;margin:25px 0 9px}.payroll-seo .pay-article p,.payroll-seo .pay-article li{color:#50465a}.payroll-seo .pay-article p{margin:10px 0 16px}
.payroll-seo .pay-article ul,.payroll-seo .pay-article ol{padding-right:25px}
.payroll-seo .pay-note{padding:15px 18px;background:#f4efff;border:1px solid #e6d9ff;border-radius:15px;color:#39245c}
.payroll-seo .pay-links{padding-top:18px;margin-top:30px;border-top:1px solid var(--pay-border);display:flex;gap:12px;flex-wrap:wrap}
.payroll-seo .pay-links a,.payroll-seo .pay-cta{display:inline-flex;align-items:center;text-decoration:none;border-radius:13px;padding:9px 16px;background:#eee7fc;color:#5b21a9;font-weight:800}
.payroll-seo .pay-cta{background:#6934c8;color:#fff}
.payroll-seo .pay-table{overflow:auto;border-radius:14px;border:1px solid var(--pay-border)}
.payroll-seo table{border-collapse:collapse;min-width:680px;width:100%;font-size:13px}.payroll-seo td,.payroll-seo th{border-bottom:1px solid var(--pay-border);padding:13px;text-align:right;vertical-align:top}.payroll-seo th{background:#f3eeff}
.payroll-seo .pay-toc{position:sticky;top:92px;background:#fff;border:1px solid var(--pay-border);border-radius:19px;padding:19px}
.payroll-seo .pay-toc strong{display:block;margin-bottom:10px}.payroll-seo .pay-toc a{display:block;font-size:12px;margin:8px 0;text-decoration:none}
.payroll-seo .pay-faq dt{font-weight:800;color:#43226c;margin-top:17px}.payroll-seo .pay-faq dd{margin:4px 0 12px}
@media(max-width:800px){.payroll-seo .pay-layout{display:block}.payroll-seo .pay-toc{position:static;margin-top:18px}.payroll-seo .pay-hero{padding:94px 0 44px}.payroll-seo .pay-article{padding:22px}.payroll-seo .pay-hero p{font-size:14px}}