:root{--bg:#f2f5f3;--surface:#fff;--surface-2:#f6f8f7;--ink:#1b2430;--ink-2:#36414f;--muted:#5a6575;--line:#e0e5e3;--line-strong:#c6cdcb;--keep:#0e7a6a;--keep-soft:#e3f3ef;--pcb:#6b3fa0;--epf:#2b5fae;--socso:#c0392b;--eis:#d9822b;--zakat:#4e8a2e;--eis-ink:#a3570f;--zakat-ink:#3f7a22;--focus:#0e7a6a73;--error:#b42318;--hero-bg:#0d151d;--hero-ink:#f4f7f9;--hero-soft:#c9d4dd;--hero-muted:#9aa9b6;--hero-line:#ffffff1a;--hero-accent:#2fbfa5;--hero-accent-ink:#052a23;--glow-net:#2fbfa542;--glow-pcb:#b58be03d;--glow-epf:#6f9ff033;--radius-sm:6px;--radius:12px;--radius-lg:18px;--radius-xl:24px;--shadow:0 1px 2px #1b24300f, 0 8px 24px -18px #1b243066;--shadow-lg:0 2px 4px #1018200d, 0 28px 56px -28px #10182073;--font:var(--font-jakarta), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--wrap:1180px;--measure:68ch;--header-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#10161d;--surface:#18212b;--surface-2:#1e2934;--ink:#e9eef2;--ink-2:#c8d1d9;--muted:#96a3af;--line:#26313c;--line-strong:#364452;--keep:#2fbfa5;--keep-soft:#12322c;--pcb:#b58be0;--epf:#6f9ff0;--socso:#f07a6b;--eis:#f2a65a;--zakat:#8ccb64;--eis-ink:#f2a65a;--zakat-ink:#8ccb64;--focus:#2fbfa580;--error:#f97066;--hero-bg:#080d12;--shadow:0 1px 2px #0000004d;--shadow-lg:0 2px 4px #0000004d, 0 28px 56px -28px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media (min-width:720px){:root{--header-h:68px}}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:17px;line-height:1.6;display:flex}main{flex:1 0 auto;overflow-x:clip}a{color:inherit;text-decoration-line:underline;-webkit-text-decoration-color:var(--keep);text-decoration-color:var(--keep);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--keep)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;line-height:1.15}h1{letter-spacing:-.03em;margin:0 0 .4em;font-size:clamp(2.1rem,1.4rem + 2.8vw,3.2rem);font-weight:800}h2{margin:0 0 .6em;font-size:clamp(1.4rem,1.2rem + .8vw,1.75rem);font-weight:750}h3{margin:1.6em 0 .4em;font-size:1.15rem;font-weight:700}p{margin:0 0 1em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:var(--bg);border-radius:var(--radius-sm);padding:8px 14px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}@media (min-width:720px){.wrap{padding:0 28px}}.btn{min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:750;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn svg{flex:none}.btn-primary{background:var(--hero-accent);color:var(--hero-accent-ink);box-shadow:0 8px 24px -10px #2fbfa5b3}.btn-primary:hover{color:var(--hero-accent-ink);background:#4fd3bb}.btn-ghost{color:var(--hero-ink);background:#ffffff0a;border-color:#ffffff38}.btn-ghost:hover{color:var(--hero-ink);background:#ffffff14;border-color:#ffffff80}.btn-outline{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.btn-outline:hover{border-color:var(--keep);color:var(--keep)}.btn-sm{min-height:40px;padding:8px 16px;font-size:.92rem}@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-1px)}}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--keep);margin:0 0 12px;font-size:.8rem;font-weight:800;display:inline-block}.site-header{z-index:30;background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--hero-line);position:sticky;top:0}.header-inner{min-height:var(--header-h);align-items:center;gap:8px;display:flex}.brand{color:var(--hero-ink);margin-right:auto;text-decoration:none}.brand:hover{color:var(--hero-ink)}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;display:inline-flex}.logo b{font-weight:850}.logo-mark{border-radius:8px;flex:none;box-shadow:0 0 0 1px #ffffff29}.nav{display:contents}.nav-menus{display:none}.nav-menus>ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-trigger{min-height:40px;font:inherit;color:var(--hero-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:8px 10px 8px 14px;font-size:.95rem;font-weight:650;transition:background-color .15s,color .15s;display:inline-flex;position:relative}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--hero-ink);background:#ffffff14}.nav-trigger svg{opacity:.7;transition:rotate .2s}.nav-trigger[aria-expanded=true] svg{rotate:180deg}.nav-trigger[data-current]{color:var(--hero-ink)}.nav-trigger[data-current]:after{content:"";background:var(--hero-accent);border-radius:2px;height:2px;position:absolute;bottom:4px;left:14px;right:30px}.nav-panel,.nav-drawer{--keep:#2fbfa5;--pcb:#b58be0;--epf:#6f9ff0;--socso:#f07a6b;--eis:#f2a65a;--eis-ink:#f2a65a}.nav-panel{border-radius:var(--radius-lg);background:radial-gradient(26rem 12rem at 0% 0%, var(--glow-net), transparent 70%), radial-gradient(22rem 12rem at 100% 100%, var(--glow-pcb), transparent 70%), #13202b;border:1px solid #ffffff1f;width:600px;max-width:calc(100vw - 56px);padding:8px;position:absolute;top:calc(100% + 20px);left:50%;translate:-50%;box-shadow:0 28px 64px -24px #000000bf}.nav-panel[hidden],.nav-drawer[hidden]{display:none}.nav-item:first-child .nav-panel{left:0;translate:none}.nav-item:last-child .nav-panel{left:auto;right:0;translate:none}.nav-panel-salaries{grid-template-columns:210px minmax(0,1fr);gap:0 4px;width:700px;display:grid}.nav-panel-salaries .nav-foot{grid-column:1/-1}.nav-panel-about{width:340px}@media (prefers-reduced-motion:no-preference){.nav-panel,.nav-drawer{animation:.18s ease-out nav-in}}@keyframes nav-in{0%{opacity:0;transform:translateY(-6px)}}.nav-links{align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-panel-calculators .nav-links,.nav-panel-guides .nav-links{grid-template-columns:1fr 1fr}.nav-link{border-radius:var(--radius);height:100%;color:var(--hero-ink);align-items:flex-start;gap:12px;padding:12px;text-decoration:none;transition:background-color .15s;display:flex}.nav-link:hover,.nav-link[aria-current=page]{color:var(--hero-ink);background:#ffffff12}.nav-link .icon-tile{border-radius:11px;flex:none;width:38px;height:38px}.nav-link-label{font-weight:750;line-height:1.3;display:block}.nav-link-blurb{color:var(--hero-muted);margin-top:3px;font-size:.86rem;line-height:1.45;display:block}.nav-salaries{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;margin:0;padding:8px 4px;list-style:none;display:grid}.nav-salaries a{border:1px solid var(--hero-line);border-left:3px solid var(--hero-accent);background:#ffffff08;border-radius:10px;flex-direction:column;padding:7px 12px;line-height:1.35;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.nav-salaries a:hover,.nav-salaries a[aria-current=page]{border-color:#ffffff38;border-left-color:var(--hero-accent);background:#ffffff14}.nav-salary{color:var(--hero-ink);font-weight:750}.nav-net{white-space:nowrap;color:var(--hero-muted);font-size:.8rem}.nav-foot{border-top:1px solid var(--hero-line);color:var(--hero-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin:6px 0 0;padding:12px 12px 6px;font-size:.85rem;line-height:1.45;display:flex}.nav-foot a{color:var(--hero-accent);align-items:center;gap:6px;font-weight:750;text-decoration:none;display:inline-flex}.nav-foot a:hover{color:#4fd3bb}.nav-actions{align-items:center;gap:8px;display:flex}.header-cta{display:none}.nav-toggle{width:44px;height:44px;color:var(--hero-ink);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:12px;place-items:center;padding:0;display:grid}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{background:#ffffff1a;border-color:#ffffff52}.lang-switch{letter-spacing:.04em;min-width:44px;height:44px;color:var(--hero-ink);border:1px solid #ffffff29;border-radius:12px;place-items:center;padding:0 10px;font-size:.85rem;font-weight:750;text-decoration:none;display:grid}.lang-switch:hover{background:#ffffff1a;border-color:#ffffff52}.nav-drawer{top:calc(var(--header-h) + 1px);overscroll-behavior:contain;background:var(--hero-bg);position:fixed;bottom:0;left:0;right:0;overflow-y:auto}html.nav-locked{overflow:hidden}.nav-drawer-inner{gap:26px;padding-top:20px;padding-bottom:40px;display:grid}.nav-section-head{letter-spacing:.09em;text-transform:uppercase;color:var(--hero-muted);margin:0 0 8px;font-size:.75rem;font-weight:800}.nav-drawer .nav-links{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:6px}.nav-drawer .nav-link{background:#ffffff0a;align-items:center;padding:10px}.nav-drawer .nav-link-blurb{display:none}.nav-drawer .nav-salaries{padding:8px 0 0}@media (max-width:479px){.nav-drawer .nav-salaries a{padding-inline:10px}.nav-drawer .nav-net-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.nav-drawer .nav-foot{border:0;margin:0;padding:10px 2px 0}.nav-drawer-cta{width:100%}@media (min-width:440px){.header-cta{display:inline-flex}}@media (min-width:600px){.nav-drawer .nav-link{align-items:flex-start}.nav-drawer .nav-link-blurb{display:block}}@media (min-width:960px){.brand,.nav-actions{flex:1 1 0}.nav-actions{justify-content:flex-end}.nav-menus{display:block}.nav-toggle,.nav-drawer{display:none}}.site-footer{background:var(--hero-bg);color:var(--hero-soft);margin-top:140px;font-size:.92rem;display:flow-root}.site-footer a:hover{color:var(--hero-ink)}.footer-cta{isolation:isolate;border-radius:var(--radius-xl);border:1px solid var(--hero-line);background:radial-gradient(30rem 14rem at 0% 0%, var(--glow-net), transparent 70%), radial-gradient(26rem 14rem at 100% 100%, var(--glow-pcb), transparent 70%), #13202b;box-shadow:var(--shadow-lg);color:var(--hero-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:-72px;padding:32px 28px;display:flex;position:relative;overflow:hidden}@media (min-width:720px){.footer-cta{padding:40px 48px}}.footer-cta-title{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);font-weight:800;line-height:1.2}.footer-cta-text{max-width:52ch;color:var(--hero-soft);margin:0;font-size:1rem}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;padding-top:56px;padding-bottom:36px;display:grid}.footer-about,.footer-col-calculators,.footer-col-salaries{grid-column:1/-1}.footer-col-calculators ul{columns:2;column-gap:24px}.footer-col-calculators li{break-inside:avoid}@media (min-width:720px){.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-col-calculators,.footer-col-salaries{grid-column:auto}.footer-col-calculators ul{columns:auto}}@media (min-width:1080px){.footer-grid{grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(0,1fr))}.footer-about{grid-column:auto;padding-right:20px}}.footer-brand{color:var(--hero-ink);margin-bottom:14px;text-decoration:none;display:inline-block}.footer-note{max-width:46ch;color:var(--hero-muted)}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:0 0 .55em}.site-footer .footer-facts{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.site-footer .footer-facts li{border:1px solid var(--hero-line);border-radius:999px;margin:0;padding:3px 12px;font-size:.82rem}.footer-facts b{color:var(--hero-accent)}.footer-mail{align-items:center;gap:8px;font-weight:650;text-decoration:none;display:inline-flex}.footer-head{letter-spacing:.09em;text-transform:uppercase;color:var(--hero-ink);margin-bottom:1em;font-size:.78rem;font-weight:800}.site-footer nav a{text-decoration:none}.site-footer nav li a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hero-accent);text-decoration-color:var(--hero-accent)}.footer-more{color:var(--hero-accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.site-footer .footer-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.site-footer .footer-chips li{margin:0}.footer-chips a{border:1px solid var(--hero-line);border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:650;display:inline-block}.site-footer .footer-chips a:hover{border-color:var(--hero-accent);text-decoration:none}.footer-base{border-top:1px solid var(--hero-line);color:var(--hero-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:18px;padding-bottom:32px;display:flex}.footer-base p{margin:0}.site-footer .footer-base ul{flex-wrap:wrap;gap:4px 22px;display:flex}.site-footer .footer-base li{margin:0}.footer-base a{color:var(--hero-soft);text-decoration:none}.footer-top{align-items:center;gap:6px;display:inline-flex}.page{padding-top:0}.page-head{isolation:isolate;background:radial-gradient(42rem 20rem at 6% -10%, var(--glow-net), transparent 70%), radial-gradient(36rem 18rem at 96% 0%, var(--glow-pcb), transparent 70%), var(--hero-bg);color:var(--hero-ink);margin:0 calc(50% - 50vw) 40px;padding:36px calc(50vw - 50%) 44px;position:relative}.page-head>*{max-width:820px}@media (min-width:720px){.page-head{padding-top:48px;padding-bottom:56px}}.page-head.has-tool{margin-bottom:0;padding-bottom:96px}.page-head.has-tool+*{margin-top:-56px;position:relative}@media (min-width:900px){.page-head.has-tool{padding-bottom:132px}.page-head.has-tool+*{margin-top:-84px}}.page-head:before,.hero:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 90% at 50% 0,#000 20%,#0000 75%)}.page-head a,.hero a:not(.btn){-webkit-text-decoration-color:var(--hero-accent);text-decoration-color:var(--hero-accent)}.page-head a:hover,.hero a:not(.btn):hover{color:var(--hero-accent)}.answer{color:var(--ink-2);max-width:var(--measure);font-size:1.15rem;line-height:1.55}.lede{color:var(--ink-2);max-width:var(--measure)}.page-head .answer,.page-head .lede{color:var(--hero-soft)}.byline{font-size:.92rem}.updated{color:var(--muted);margin:0;font-size:.88rem}.page-head .updated,.hero .updated{color:var(--hero-muted);align-items:center;gap:8px;display:inline-flex}.page-head .updated:before,.hero .updated:before{content:"";background:var(--hero-accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2fbfa533}.crumbs ol{color:var(--muted);flex-wrap:wrap;margin:0 0 16px;padding:0;font-size:.88rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--line-strong);margin:0 8px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.page-head .crumbs ol,.page-head .crumbs a{color:var(--hero-muted)}.page-head .crumbs li+li:before{color:#ffffff40}.page-head .crumbs a:hover{color:var(--hero-ink)}.prose-section{max-width:820px;margin:64px 0 0}.page-head+.prose-section,.page-head+.prose>.prose-section:first-child{margin-top:0}.prose-section>p,.prose-section>ul,.prose-section>ol,.prose p,.prose li{max-width:var(--measure)}.prose-section ul,.prose-section ol{padding-left:1.3em}.prose-section li{margin-bottom:.35em}.small{color:var(--muted);font-size:.9rem}.callout{border-left:4px solid var(--keep);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;max-width:var(--measure);box-shadow:var(--shadow);margin:0 0 1.2em;padding:14px 18px}.callout.nudge{margin-top:40px}.callout.warn{border-left-color:var(--epf)}.callout-title{margin-bottom:.3em;font-weight:700}.callout>:last-child{margin-bottom:0}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.4em;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.95rem}table.data caption{text-align:left;color:var(--ink);padding:12px 16px 4px;font-weight:700}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 16px}table.data thead th{color:var(--muted);font-size:.85rem;font-weight:600}table.data tbody th{font-weight:600}table.data tbody tr:last-child>*{border-bottom:0}table.data .num{text-align:right}table.data tr.total th,table.data tr.total td{color:var(--keep);font-weight:800}table.data tbody tr:hover{background:var(--surface-2)}.calc{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:900px){.calc{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.calc-result{top:calc(var(--header-h) + 16px);position:sticky}}.calc-form,.calc-result,.salary-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:20px}@media (min-width:720px){.calc-form,.calc-result,.salary-card{padding:28px 30px}}.calc-title{margin-bottom:1em;font-size:1.15rem}.field{border:0;min-width:0;margin:0 0 22px;padding:0}.field:last-child{margin-bottom:0}.field>label,.field>legend{margin-bottom:6px;padding:0;font-weight:650;display:block}.money-input,.pct-input{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.money-input:focus-within,.pct-input:focus-within{border-color:var(--keep);box-shadow:0 0 0 3px var(--focus)}.money-input span{color:var(--muted);padding-left:14px;font-size:1.5rem;font-weight:700}.money-input input{padding:10px 14px 10px 6px;font-size:1.6rem;font-weight:750}.money-input input,.pct-input input,.field.inline input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit}.money-input input[aria-invalid=true]{color:var(--error)}.pct-input{flex:none;width:96px}.pct-input input{width:100%;padding:9px 4px 9px 12px;font-size:1.05rem;font-weight:650}.pct-input span{color:var(--muted);padding-right:12px;font-weight:650}select{width:100%;font:inherit;color:var(--ink);background-color:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding:10px 40px 10px 12px;font-size:1rem}select:focus-visible{border-color:var(--keep)}.pension-row{gap:8px;margin-top:8px;display:flex}.pension-row select{flex:1;min-width:0}.field.inline{align-items:center;gap:10px;margin:10px 0 0;display:flex}.field.inline label{margin:0;font-size:.95rem;font-weight:600}.field.inline input{border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);flex:none;width:90px;padding:6px 10px;font-size:1rem}.seg-control{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:4px;margin-top:8px;padding:4px;display:flex}.seg-control label{text-align:center;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:8px;flex:auto;padding:6px 8px;font-size:.92rem;font-weight:600}.seg-control label.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #14213d1f, 0 0 0 1px var(--line)}.seg-control label:has(input:focus-visible){outline:3px solid var(--focus)}.seg-control input{opacity:0;width:1px;height:1px;position:absolute}.check{cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:.95rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--keep);flex:none}.field-error{color:var(--error);margin:8px 0 0;font-size:.9rem;font-weight:600}.field-note{color:var(--muted);margin:8px 0 0;font-size:.9rem}.field-note p{margin:0}.field-note p+p{margin-top:4px}.result-top{justify-content:flex-end;margin-bottom:4px;display:flex}.seg-control.period{flex-wrap:nowrap;margin-top:0}.seg-control.period label{padding:4px 10px;font-size:.85rem}.kept,.employer{color:var(--ink-2);margin:14px 0 0;font-size:.93rem}.kept b{color:var(--keep)}.employer{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:40px 0}.take-label{color:var(--ink-2);margin:0;font-weight:650}.take-figure{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;line-height:1.05;display:flex}.take-figure output{letter-spacing:-.035em;color:var(--keep);font-size:clamp(2.6rem,1.8rem + 3.4vw,3.9rem);font-weight:850}.take-per{color:var(--ink-2);font-size:1.1rem;font-weight:650}.take-of{color:var(--muted);margin:6px 0 18px;font-size:.95rem}.split{gap:3px;height:22px;margin-bottom:18px;display:flex}.seg{border-radius:4px;flex-basis:0;min-width:4px;transition:flex-grow .35s cubic-bezier(.2,.7,.2,1)}.seg:first-child{border-radius:8px 4px 4px 8px}.seg:last-child{border-radius:4px 8px 8px 4px}.seg:only-child{border-radius:8px}.seg-net,.line-net .swatch{background:var(--keep)}.seg-pcb,.line-pcb .swatch{background:var(--pcb)}.seg-epf,.line-epf .swatch{background:var(--epf)}.seg-socso,.line-socso .swatch{background:var(--socso)}.seg-eis,.line-eis .swatch{background:var(--eis)}.seg-zakat,.line-zakat .swatch{background:var(--zakat)}.lines{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.line{border-bottom:1px solid var(--line)}.line summary{cursor:pointer;grid-template-columns:12px minmax(0,1fr) auto 3.2em 16px;align-items:center;gap:10px;padding:11px 2px;list-style:none;display:grid}.line summary::-webkit-details-marker{display:none}.line summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);justify-self:center;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)translateY(-3px)}.line details[open] summary:after{transform:rotate(225deg)translateY(-1px)}.swatch{border-radius:3px;width:12px;height:12px}.line-label{font-weight:600}.line-amount{text-align:right;font-weight:700}.line-share{text-align:right;color:var(--muted);font-size:.88rem}.line-net .line-label,.line-net .line-amount{color:var(--keep);font-weight:800}.working{color:var(--ink-2);padding:2px 0 14px 22px;font-size:.93rem}.working p{margin:0 0 .35em}.working-note{color:var(--muted)}@media (prefers-reduced-motion:reduce){.seg,.line summary:after{transition:none}}.salary-card{max-width:720px;margin-bottom:8px}.card-foot{color:var(--muted);margin:16px 0 0;font-size:.92rem}.card-foot a{color:var(--ink);font-weight:650}.salary-chips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 1em;padding:0;list-style:none;display:grid}.salary-chips a{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--keep);border-radius:var(--radius);flex-direction:column;padding:12px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.salary-chips a:hover{border-color:var(--line-strong);border-left-color:var(--keep);box-shadow:var(--shadow);color:var(--ink)}.chip-salary{font-weight:750}.chip-take{color:var(--muted);font-size:.88rem}.salary-index td a{font-weight:650}.link-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.link-list.cols{grid-template-columns:1fr 1fr}}.link-list a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);height:100%;padding:18px 52px 18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block;position:relative}.link-list a:after{content:"→";color:var(--muted);font-weight:700;transition:color .15s,translate .15s;position:absolute;top:50%;right:20px;translate:0 -50%}.link-list a:hover{border-color:var(--keep);box-shadow:var(--shadow);color:var(--ink)}.link-list a:hover:after{color:var(--keep);translate:4px -50%}.link-name{font-weight:750;display:block}.link-blurb{color:var(--muted);font-size:.92rem;display:block}.tool-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;height:100%;padding:22px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.tool-card:hover{border-color:var(--tone);box-shadow:var(--shadow-lg);color:var(--ink)}.tool-name{letter-spacing:-.01em;margin:14px 0 4px;font-size:1.05rem;font-weight:800;display:block}.tool-blurb{color:var(--muted);flex:1;font-size:.93rem;display:block}.tool-go{color:var(--tone-ink,var(--tone));align-items:center;gap:6px;margin-top:14px;font-size:.9rem;font-weight:750;display:inline-flex}.icon-tile{width:46px;height:46px;color:var(--tone-ink,var(--tone));background:color-mix(in srgb, var(--tone) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 22%, transparent);border-radius:14px;place-items:center;display:grid}.tone-net{--tone:var(--keep)}.tone-pcb{--tone:var(--pcb)}.tone-epf{--tone:var(--epf)}.tone-socso{--tone:var(--socso)}.tone-eis{--tone:var(--eis);--tone-ink:var(--eis-ink)}.tone-zakat{--tone:var(--zakat);--tone-ink:var(--zakat-ink)}@media (prefers-reduced-motion:no-preference){.tool-card:hover,.link-list a:hover,.salary-chips a:hover{transform:translateY(-2px)}}.faq{gap:10px;display:grid}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 20px;transition:border-color .15s,box-shadow .15s}.faq details[open]{border-color:var(--line-strong);box-shadow:var(--shadow)}.faq summary{cursor:pointer;padding:16px 40px 16px 0;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--surface-2);border:1px solid var(--line);width:28px;height:28px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:600;line-height:1;display:grid;position:absolute;top:50%;right:0;translate:0 -50%}.faq details[open] summary:after{content:"−";background:var(--keep-soft);color:var(--keep);border-color:#0000}.faq-a{color:var(--ink-2);max-width:var(--measure);padding:0 0 14px}.sources{padding-left:1.4em;font-size:.95rem}.source-date{color:var(--muted)}.corrections dt{font-weight:700}.corrections dd{margin:0 0 1em}.hero{isolation:isolate;text-align:center;background:radial-gradient(44rem 26rem at 12% -6%, var(--glow-net), transparent 70%), radial-gradient(40rem 24rem at 92% 4%, var(--glow-pcb), transparent 70%), radial-gradient(40rem 20rem at 50% 115%, var(--glow-epf), transparent 70%), var(--hero-bg);color:var(--hero-ink);padding:48px 0 88px;position:relative;overflow:hidden}@media (min-width:900px){.hero{padding:80px 0 176px}}.hero-inner{flex-direction:column;align-items:center;display:flex}.hero-waves{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 40%,#000 72%);mask-image:linear-gradient(#0000 40%,#000 72%)}.hero-waves[data-ready]{opacity:1}.pill{border:1px solid var(--hero-line);color:var(--hero-soft);text-align:left;background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;margin:0 0 24px;padding:5px 14px 5px 5px;font-size:.86rem;font-weight:600;display:inline-flex}.pill b{background:var(--hero-accent);color:var(--hero-accent-ink);border-radius:999px;flex:none;padding:3px 10px;font-size:.78rem;font-weight:800}.hero h1{letter-spacing:-.045em;max-width:16ch;margin-bottom:.4em;font-size:clamp(2.6rem,1.5rem + 4.6vw,4.75rem);line-height:1.02}.hl{background:linear-gradient(95deg,#2fbfa5 10%,#6f9ff0 55%,#b58be0 90%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero .answer{max-width:60ch;color:var(--hero-soft);margin:0 auto 32px;font-size:clamp(1.05rem,1rem + .35vw,1.22rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-trust{color:var(--hero-soft);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:32px 0 24px;padding:0;font-size:.93rem;font-weight:600;list-style:none;display:flex}.hero-trust li{align-items:center;gap:8px;display:inline-flex}.hero-trust svg{color:var(--hero-accent)}.calc-shell{margin-top:-48px;position:relative}@media (min-width:900px){.calc-shell{margin-top:-120px}}.stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-xl);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:56px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats li{background:var(--surface);padding:22px 20px}.stat-value{letter-spacing:-.035em;color:var(--ink);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);font-weight:800;line-height:1.1;display:block}.stat-label{color:var(--muted);margin-top:6px;font-size:.9rem;line-height:1.4;display:block}.band{margin-top:104px}.section-head{text-align:center;max-width:720px;margin:0 auto 40px}.section-head h2{letter-spacing:-.035em;margin-bottom:.4em;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.6rem);font-weight:800}.section-sub{max-width:60ch;color:var(--ink-2);text-wrap:balance;margin:0 auto;font-size:1.08rem}.deduct-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.deduct{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;padding:24px 22px 20px;display:flex;position:relative;overflow:hidden}.deduct:before{content:"";background:var(--tone);height:5px;position:absolute;inset:0 0 auto}.deduct-name{margin:0;font-weight:800}.deduct-name span{color:var(--muted);font-weight:600}.deduct-amount{letter-spacing:-.03em;color:var(--tone-ink,var(--tone));margin:2px 0 10px;font-size:1.75rem;font-weight:800}.deduct p:not([class]){color:var(--ink-2);flex:1;margin:0 0 14px;font-size:.95rem}.deduct a{color:var(--tone-ink,var(--tone));align-items:center;gap:6px;font-size:.92rem;font-weight:750;text-decoration:none;display:inline-flex}.deduct a:hover{text-decoration:underline}.net-strip{border-radius:var(--radius-lg);background:var(--keep-soft);border:1px solid color-mix(in srgb, var(--keep) 25%, transparent);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px 20px;margin:14px 0 0;padding:20px 24px;display:flex}.net-strip p{flex:30ch;margin:0}.net-strip strong{color:var(--keep)}.split-2{align-items:start;gap:24px 48px;margin-top:56px;display:grid}@media (min-width:900px){.split-2{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.split-2 h3{letter-spacing:-.025em;margin-top:0;font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}.split-2 .table-wrap{box-shadow:var(--shadow);margin:0}@media (min-width:900px){.home #faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;max-width:none;display:grid}.home #faq h2{letter-spacing:-.035em;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.6rem);font-weight:800}}.home .prose-section{margin-top:104px}.home #sources{margin-top:64px}.ad{max-width:820px;margin:36px 0 0}.ad-label{color:var(--muted);margin-bottom:4px;font-size:.78rem;display:block}.ad-placeholder{border:2px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--muted);margin:36px 0 0;padding:28px}@media print{.site-header nav,.header-cta,.lang-switch,.site-footer,.ad,.ad-placeholder,.calc-form,.hero-actions,.hero-trust,.hero-waves{display:none}.site-header,.page-head,.hero{color:#000;background:0 0}.page-head .answer,.page-head .lede,.hero .answer{color:#000}.page-head:before,.hero:before{display:none}}.take-label span{color:var(--muted);font-weight:500}.count-input{width:90px;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:9px 12px;font-size:1rem;font-weight:650}.count-input:focus-visible{border-color:var(--keep);outline:3px solid var(--focus)}.money-input.small-input span{font-size:1rem}.money-input.small-input input{padding:9px 12px 9px 6px;font-size:1.05rem;font-weight:650}.check+.more,.calc-form>.check{margin-bottom:18px}.more{border-top:1px solid var(--line);padding-top:12px}.more>summary{cursor:pointer;color:var(--ink-2);font-weight:650}.more-body{padding-top:16px}.focus{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.focus h3{margin-top:0}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.facts div{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{margin:0;font-size:1.15rem;font-weight:750}table.data.compact th,table.data.compact td{padding:6px 12px}table.data.wrap-cells th,table.data.wrap-cells td{white-space:normal;vertical-align:top}table.data.wrap-head thead th{white-space:normal;vertical-align:bottom}table.data.wrap-cells td:last-child{min-width:16em;color:var(--ink-2)}.pair{flex-wrap:wrap;gap:0 18px;margin-top:8px;display:flex}.pair .field{margin:0}.pair .field label{color:var(--ink-2);font-size:.9rem;font-weight:600}.pair .count-input{margin-top:4px;display:block}.calc-result .callout{margin:16px 0 0}table.data.steps tbody th{white-space:normal}table.data.steps tbody tr:first-child>*{vertical-align:top;border-bottom:0;padding-bottom:2px}table.data.steps tr.step-working td{white-space:normal;color:var(--ink-2);padding-top:0;font-size:.9rem}table.data.steps tbody:not(:last-child) tr.step-working>*{border-bottom:1px solid var(--line)}table.data.steps tbody tr:hover{background:0 0}.step-label{color:var(--ink-2);font-weight:500;display:block}.take-figure.pcb output{color:var(--pcb)}.formula{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--pcb);border-radius:0 var(--radius) var(--radius) 0;white-space:nowrap;padding:12px 16px;font-size:1.1rem;font-weight:700;overflow-x:auto}.more-body .check{margin:0 0 18px}@media (max-width:480px){.line summary{grid-template-columns:12px minmax(0,1fr) auto 14px;gap:8px}.line-share{display:none}.working{padding-left:0}}.tax-calc .take-figure output{color:var(--pcb)}.tax-balance{border-radius:var(--radius);background:var(--keep-soft);color:var(--ink);margin:0 0 18px;padding:10px 14px}.tax-balance.due{background:var(--surface-2);border:1px solid var(--line)}.tax-lines .line summary{grid-template-columns:12px minmax(0,1fr) auto 16px}.tax-lines .swatch{background:var(--line-strong)}.tax-lines .line-tax .swatch,.tax-lines .line-payable .swatch,.tax-lines .line-pcb .swatch{background:var(--pcb)}.tax-lines .line-zakat .swatch{background:var(--zakat)}.tax-lines .line-balance .swatch{background:var(--keep)}.tax-lines .line-payable .line-label,.tax-lines .line-payable .line-amount,.tax-lines .line-balance .line-label,.tax-lines .line-balance .line-amount{font-weight:800}.tax-lines .line-balance .line-label,.tax-lines .line-balance .line-amount{color:var(--keep)}.more-body>.field-note:first-child{margin:0 0 18px}.field>label .limit{color:var(--muted);white-space:nowrap;font-weight:500}@media (pointer:coarse){.brand,.footer-brand{align-items:center;min-height:44px;display:flex}.nav-trigger{min-height:44px}.footer-brand{display:inline-flex}.btn-sm,.check,.money-input input{min-height:44px}.check{margin-top:2px}.seg-control label{place-items:center;min-height:44px;display:grid}.more{padding-top:3px}.more>summary{padding-block:9px}.crumbs a{margin-block:-12px;padding-block:12px;display:inline-block}.deduct a{margin-block:-10px;padding-block:10px}table.data tbody th>a{margin-block:-10px;padding-block:10px;display:block}.site-footer li{margin:0}.site-footer nav li a,.footer-base a,.footer-mail{padding-block:11px;display:inline-block}.site-footer nav li .footer-more,.footer-top,.footer-mail{display:inline-flex}.footer-chips a{padding-inline:14px}.footer-head{margin-bottom:0}}
@font-face{font-family:jakarta;src:url(../media/plus_jakarta_sans_latin_wght_normal-s.p.1nsast9qgxif8.woff2)format("woff2");font-display:swap;font-weight:200 800;font-style:normal}@font-face{font-family:jakarta Fallback;src:local(Arial);ascent-override:98.16%;descent-override:20.99%;line-gap-override:0.0%;size-adjust:105.75%}.-CWBfW_className{font-family:jakarta,jakarta Fallback,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-style:normal}.-CWBfW_variable{--font-jakarta:"jakarta", "jakarta Fallback", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}