@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_6a83704a-module__ugZDJG__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_6a83704a-module__ugZDJG__variable{--font-jakarta:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}
:root{--navy:#1b4f72;--navy-dark:#143d5a;--navy-deeper:#0e2a3f;--green:#27ae60;--green-light:#2ecc71;--green-dark:#1e8449;--teal:#1abc9c;--blue-accent:#2e86c1;--white:#fff;--off-white:#f8fafb;--light-gray:#f0f4f8;--mid-gray:#95a5a6;--dark-gray:#2c3e50;--text:#1a2332;--text-light:#5d6d7e;--shadow-sm:0 2px 8px #1b4f7214;--shadow-md:0 8px 32px #1b4f721f;--shadow-lg:0 20px 60px #1b4f7226;--radius:16px;--radius-sm:10px;--radius-lg:24px;--gradient-bg:linear-gradient(135deg,#1b4f72 0%,#1abc9c 50%,#27ae60 100%);--gradient-subtle:linear-gradient(135deg,#1b4f7208 0%,#27ae6008 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #1b4f720f;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:var(--shadow-sm)}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:2px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.logo-pay{color:var(--navy)}.logo-sal{color:var(--green)}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links a{color:var(--text);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-links a:hover{color:var(--navy);background:#1b4f720a}.nav-links a.active{color:var(--navy)}.btn-nav{background:var(--green);color:#fff;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;box-shadow:0 4px 16px #27ae6040}.btn-nav:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 6px 20px #27ae6059}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--navy);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;opacity:0;background:#fffffffa;flex-direction:column;gap:8px;padding:32px 24px;transition:all .3s;display:none;position:fixed;inset:72px 0 0;transform:translateY(-10px)}.mobile-menu.show{opacity:1;display:flex;transform:translateY(0)}.mobile-menu a{color:var(--text);border-bottom:1px solid var(--light-gray);padding:16px 0;font-size:18px;font-weight:600;text-decoration:none}.hero{background:linear-gradient(170deg,var(--off-white)0%,#fff 40%,var(--off-white)100%);padding:140px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#1abc9c14,#1b4f720a,#0000 70%);width:800px;height:800px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#27ae6005,#1b4f7208);height:200px;position:absolute;bottom:0;left:0;right:0}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-badge{color:var(--navy);background:#1b4f720f;border:1px solid #1b4f721a;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge svg{width:16px;height:16px}.hero h1{letter-spacing:-1.5px;color:var(--navy-dark);margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1}.hero h1 em{color:var(--green);font-style:normal}.hero-sub{color:var(--text-light);max-width:480px;margin-bottom:36px;font-size:18px;line-height:1.7}.hero-features{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}.hero-feat{color:var(--dark-gray);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.hero-feat .icon{background:#27ae6014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero-feat .icon svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2px}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 6px 24px #27ae604d}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 10px 32px #27ae6066}.btn-secondary{background:var(--white);color:var(--navy);cursor:pointer;border:2px solid #1b4f7226;border-radius:50px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--navy);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-visual{justify-content:center;display:flex;position:relative}.phone-mockup{background:linear-gradient(165deg,var(--navy-dark),#0d1229 50%,#0f1a3a);border-radius:40px;width:280px;height:580px;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000040,0 0 0 1px #ffffff14}.phone-mockup:before{content:"";z-index:10;background:#000;border-radius:0 0 16px 16px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(165deg,#0a0e1a,#111627);border-radius:32px;flex-direction:column;padding:50px 20px 20px;display:flex;position:absolute;inset:8px;overflow:hidden}.phone-greeting{color:#ffffff80;margin-bottom:4px;font-size:13px}.phone-name{color:#fff;margin-bottom:28px;font-size:22px;font-weight:800}.phone-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;margin-bottom:20px;padding:24px}.phone-label{color:#ffffff80;margin-bottom:8px;font-size:12px}.phone-amount{color:#4d6bffcc;margin-bottom:4px;font-size:11px}.phone-value{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:800}.phone-value span{color:#ffffff80;font-size:16px;font-weight:600}.phone-btn{color:#fff;cursor:default;background:linear-gradient(135deg,#1a3de8,#4d6bff);border:none;border-radius:14px;width:100%;margin-top:16px;padding:14px;font-size:14px;font-weight:700}.phone-progress{margin-top:20px}.phone-progress-label{color:#fff6;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.phone-progress-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.phone-progress-fill{background:linear-gradient(90deg,#1a3de8,#4d6bff);border-radius:3px;width:62%;height:100%}.phone-payday{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;display:flex}.phone-payday-icon{background:#4d6bff1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.phone-payday-icon svg{stroke:#4d6bff;fill:none;stroke-width:2px;width:16px;height:16px}.phone-payday-text{color:#fff6;font-size:12px}.phone-payday-date{color:#fff;font-size:14px;font-weight:700}.hero-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#1abc9c26,#27ae6014,#0000);border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trust-bar{background:var(--white);border-top:1px solid #1b4f720d;border-bottom:1px solid #1b4f720d;padding:40px 0}.trust-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.trust-item{color:var(--navy);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.trust-icon{background:linear-gradient(135deg,#1b4f720f,#27ae600f);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.trust-icon svg{width:22px;height:22px}.section{padding:100px 0}.section-alt{background:var(--off-white)}.section-header{text-align:center;margin-bottom:64px}.section-tag{color:var(--green);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:inline-flex}.section-tag:before,.section-tag:after{content:"";background:var(--green);opacity:.4;width:20px;height:1.5px}.section-title{color:var(--navy-dark);letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.15}.section-sub{color:var(--text-light);max-width:600px;margin:0 auto;font-size:17px;line-height:1.7}.employers-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.employer-steps{flex-direction:column;gap:20px;display:flex}.employer-step{border-radius:var(--radius);background:var(--white);border:1px solid #0000;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex}.employer-step:hover{box-shadow:var(--shadow-sm);border-color:#27ae6026}.step-num{width:36px;height:36px;color:var(--green);background:#27ae6014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.step-content h4{color:var(--navy-dark);margin-bottom:4px;font-size:15px;font-weight:700}.step-content p{color:var(--text-light);font-size:13px;line-height:1.5}.dashboard-mockup{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #1b4f7214;padding:3px;overflow:hidden}.dash-top{background:var(--navy);border-radius:21px 21px 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dash-logo{color:#fff;font-size:16px;font-weight:800}.dash-logo em{color:var(--green-light);font-style:normal}.dash-tabs{gap:4px;display:flex}.dash-tab{color:#ffffff80;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600}.dash-tab.active{color:#fff;background:#ffffff1f}.dash-body{background:var(--off-white);padding:24px}.dash-stat-row{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.dash-stat{background:var(--white);border:1px solid #1b4f720f;border-radius:12px;padding:16px}.dash-stat-label{color:var(--mid-gray);margin-bottom:4px;font-size:11px;font-weight:600}.dash-stat-value{color:var(--navy-dark);font-size:22px;font-weight:800}.dash-stat-value em{color:var(--green);font-size:12px;font-style:normal;font-weight:700}.dash-badge{color:var(--green);background:#27ae6014;border-radius:6px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.dash-table{width:100%}.dash-table-head{color:var(--mid-gray);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:8px;padding:8px 12px;font-size:10px;font-weight:700;display:grid}.dash-table-row{color:var(--text);background:var(--white);border:1px solid #1b4f720a;border-radius:8px;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:8px;margin-top:4px;padding:10px 12px;font-size:12px;font-weight:500;display:grid}.dash-table-row .status{text-align:center;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.status-active{color:var(--green);background:#27ae601a}.status-pending{color:#f39c12;background:#f39c121a}.employee-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.emp-steps{flex-direction:column;gap:16px;display:flex}.emp-step{background:var(--white);border-radius:var(--radius);border:1px solid #1b4f720f;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex}.emp-step:hover{box-shadow:var(--shadow-sm);border-color:#27ae6033;transform:translate(4px)}.emp-num{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.emp-step p{color:var(--dark-gray);font-size:15px;font-weight:600}.emp-callout{border-radius:var(--radius);background:#27ae600a;border:1px solid #27ae601f;align-items:flex-start;gap:14px;margin-top:32px;padding:24px;display:flex}.emp-callout-icon{background:#27ae601a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.emp-callout-icon svg{width:20px;height:20px;stroke:var(--green);fill:none;stroke-width:2.5px}.emp-callout h4{color:var(--green-dark);margin-bottom:4px;font-size:15px;font-weight:700}.emp-callout p{color:var(--text-light);font-size:13px;line-height:1.5}.store-btns{gap:12px;margin-top:28px;display:flex}.store-btn{background:var(--navy-dark);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s;display:flex}.store-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.store-btn svg{fill:#fff;width:24px;height:24px}.store-btn-text{flex-direction:column;display:flex}.store-btn-text small{color:#fff9;font-size:10px;font-weight:500}.store-btn-text span{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:700}.how-flow{grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:48px;display:grid;position:relative}.how-flow:before{content:"";background:linear-gradient(90deg,var(--green),var(--teal),var(--navy));opacity:.2;height:2px;position:absolute;top:40px;left:10%;right:10%}.how-step{text-align:center;z-index:1;position:relative}.how-icon{background:var(--white);width:80px;height:80px;box-shadow:var(--shadow-sm);border:2px solid #27ae6026;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 16px;transition:all .3s;display:flex}.how-icon svg{width:32px;height:32px;stroke:var(--green);fill:none;stroke-width:1.5px}.how-step:hover .how-icon{box-shadow:var(--shadow-md);border-color:var(--green);background:#27ae600a;transform:translateY(-4px)}.how-step h4{color:var(--navy-dark);margin-bottom:4px;font-size:14px;font-weight:700}.how-step p{color:var(--text-light);font-size:12px}.how-callout{text-align:center;border-radius:var(--radius);background:#1b4f7208;border:1px solid #1b4f7214;max-width:600px;margin:0 auto;padding:24px 40px}.how-callout p{color:var(--navy);font-size:18px;font-weight:700}.how-callout p em{color:var(--text-light);font-style:normal;font-weight:400}.sharia-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.sharia-card{background:var(--white);border-radius:var(--radius);text-align:center;border:1px solid #1b4f720f;padding:32px;transition:all .3s}.sharia-card:hover{box-shadow:var(--shadow-md);border-color:#27ae6026;transform:translateY(-4px)}.sharia-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.sharia-icon.green{background:#27ae6014}.sharia-icon.blue{background:#1b4f720f}.sharia-icon.teal{background:#1abc9c14}.sharia-icon svg{stroke-width:1.5px;fill:none;width:28px;height:28px}.sharia-card h3{color:var(--navy-dark);margin-bottom:8px;font-size:17px;font-weight:700}.sharia-card p{color:var(--text-light);font-size:14px;line-height:1.6}.security-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sec-card{background:var(--white);border-radius:var(--radius);border:1px solid #1b4f720f;align-items:flex-start;gap:16px;padding:28px;transition:all .3s;display:flex}.sec-card:hover{box-shadow:var(--shadow-sm);border-color:#1b4f721a}.sec-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sec-icon svg{fill:none;stroke-width:2px;width:22px;height:22px}.sec-card h4{color:var(--navy-dark);margin-bottom:6px;font-size:15px;font-weight:700}.sec-card p{color:var(--text-light);font-size:13px;line-height:1.6}.sec-guarantee{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1b4f7208,#27ae6008);border:1px solid #27ae601a;margin-top:40px;padding:32px 40px}.sec-guarantee h3{color:var(--navy);margin-bottom:8px;font-size:20px;font-weight:800}.sec-guarantee p{color:var(--text-light);font-size:15px}.contact-section{background:linear-gradient(170deg,var(--navy-deeper),var(--navy-dark)60%,#0f3d2e);color:#fff;padding:100px 0;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#1abc9c1a,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.contact-grid{z-index:1;grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid;position:relative}.contact-info h2{letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:800}.contact-info p{color:#fff9;margin-bottom:36px;font-size:16px;line-height:1.7}.contact-detail{align-items:center;gap:16px;margin-bottom:20px;display:flex}.contact-detail-icon{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-detail-icon svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:2px}.contact-detail span{color:#fffc;font-size:15px;font-weight:500}.contact-detail a{color:#ffffffe6;font-weight:600;text-decoration:none}.contact-form-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;padding:36px}.contact-form-card h3{margin-bottom:24px;font-size:20px;font-weight:700}.form-group{margin-bottom:16px}.form-label{color:#ffffff80;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{color:#fff;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:border .2s}.form-input::placeholder{color:#ffffff40}.form-input:focus{border-color:var(--teal)}textarea.form-input{resize:vertical;min-height:120px}.form-submit{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s}.form-submit:hover{background:var(--green-dark);transform:translateY(-1px)}.footer{color:#fff6;background:#060d14;padding:48px 0 24px}.footer-inner{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.footer-logo{font-size:24px;font-weight:800}.footer-logo .logo-pay{color:#fffc}.footer-logo .logo-sal{color:var(--green)}.footer-links{gap:24px;display:flex}.footer-links a{color:#fff6;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fffc}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-bottom p{font-size:12px}.footer-badges{align-items:center;gap:12px;display:flex}.footer-badge{border:1px solid #ffffff14;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700}.badge-sharia{color:var(--green);border-color:#27ae6033}.badge-cbo{color:var(--teal);border-color:#1abc9c33}@media (max-width:1024px){.hero h1{font-size:40px}.section-title{font-size:32px}.how-flow{grid-template-columns:repeat(3,1fr)}.how-flow:before{display:none}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}.hero-inner,.employers-grid,.employee-grid,.contact-grid{grid-template-columns:1fr}.hero{text-align:center;padding:120px 0 60px}.hero h1{font-size:36px}.hero-sub{margin:0 auto 32px}.hero-features,.hero-ctas{justify-content:center}.hero-visual{order:-1;margin-bottom:40px}.phone-mockup{width:240px;height:500px}.section{padding:60px 0}.section-title{font-size:28px}.how-flow{grid-template-columns:repeat(2,1fr);gap:16px}.sharia-grid,.security-grid,.dash-stat-row{grid-template-columns:1fr}.trust-items{gap:24px}.footer-inner,.footer-bottom{text-align:center;flex-direction:column}.store-btns{justify-content:center}.emp-callout{text-align:center;flex-direction:column;align-items:center}}@media (max-width:480px){.hero h1{font-size:30px}.how-flow{grid-template-columns:1fr 1fr}.hero-features{flex-direction:column;align-items:center}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate{animation:.7s cubic-bezier(.16,1,.3,1) both fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}[dir=rtl] body{font-family:IBM Plex Sans Arabic,Plus Jakarta Sans,-apple-system,sans-serif}[dir=rtl] .hero-inner,[dir=rtl] .employers-grid,[dir=rtl] .employee-grid,[dir=rtl] .contact-grid{direction:rtl}[dir=rtl] .emp-step:hover{transform:translate(-4px)}[dir=rtl] .hero{text-align:right}[dir=rtl] .hero-features,[dir=rtl] .hero-ctas{justify-content:flex-start}[dir=rtl] .nav-inner,[dir=rtl] .footer-inner,[dir=rtl] .employer-step,[dir=rtl] .emp-step,[dir=rtl] .sec-card,[dir=rtl] .contact-detail{direction:rtl}[dir=rtl] .section-tag:before,[dir=rtl] .section-tag:after{display:none}@media (max-width:768px){[dir=rtl] .hero{text-align:center}[dir=rtl] .hero-features,[dir=rtl] .hero-ctas{justify-content:center}}.prose{max-width:800px;color:var(--text);margin:0 auto;padding:60px 24px;font-size:16px;line-height:1.8}.prose h1{color:var(--navy);letter-spacing:-.5px;margin-bottom:8px;font-size:36px;font-weight:800}.prose h2{color:var(--navy);margin-top:48px;margin-bottom:16px;font-size:24px;font-weight:700}.prose h3{color:var(--navy-dark);margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:700}.prose p{color:var(--text-light);margin-bottom:16px}.prose ul,.prose ol{margin-bottom:16px;padding-left:24px}.prose li{color:var(--text-light);margin-bottom:8px}.prose a{color:var(--navy);text-underline-offset:2px;font-weight:600;text-decoration:underline}.prose a:hover{color:var(--green)}.prose .last-updated{color:var(--mid-gray);margin-bottom:32px;font-size:14px}.prose-wrapper{background:linear-gradient(170deg,var(--off-white)0%,#fff 40%,var(--off-white)100%);min-height:100vh}.privacy-page,.terms-page,.account-deletion-page{background:linear-gradient(170deg,var(--off-white)0%,#fff 40%,var(--off-white)100%);min-height:80vh;padding:40px 0 80px}.privacy-section,.terms-section,.account-deletion-section{max-width:800px;margin:0 auto;padding:0 24px}.privacy-content,.terms-content,.account-deletion-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #1b4f720f;padding:48px}.privacy-title,.terms-title,.account-deletion-title{color:var(--navy);letter-spacing:-.5px;margin-bottom:8px;font-size:36px;font-weight:800}.privacy-last-updated,.terms-last-updated,.account-deletion-last-updated{color:var(--mid-gray);margin-bottom:32px;font-size:14px}.privacy-intro p,.terms-intro p,.account-deletion-intro p{color:var(--text-light);margin-bottom:16px;font-size:16px;line-height:1.8}.privacy-section-block,.terms-section-block,.account-deletion-section-block{margin-top:36px}.privacy-section-block h2,.terms-section-block h2,.account-deletion-section-block h2{color:var(--navy);margin-bottom:16px;font-size:22px;font-weight:700}.privacy-section-block h3,.terms-section-block h3,.account-deletion-section-block h3{color:var(--navy-dark);margin-top:24px;margin-bottom:12px;font-size:17px;font-weight:700}.privacy-section-block p,.terms-section-block p,.account-deletion-section-block p{color:var(--text-light);margin-bottom:12px;font-size:15px;line-height:1.8}.privacy-section-block ul,.terms-section-block ul,.privacy-section-block ol,.terms-section-block ol,.account-deletion-section-block ul,.account-deletion-section-block ol{margin-bottom:16px;padding-left:24px}.privacy-section-block li,.terms-section-block li,.account-deletion-section-block li{color:var(--text-light);margin-bottom:8px;font-size:15px;line-height:1.7}.privacy-section-block a,.terms-section-block a,.account-deletion-section-block a{color:var(--navy);text-underline-offset:2px;font-weight:600;text-decoration:underline}.privacy-section-block a:hover,.terms-section-block a:hover,.account-deletion-section-block a:hover{color:var(--green)}.privacy-warning,.terms-warning{border-radius:var(--radius-sm);color:var(--text-light);background:#f39c120f;border:1px solid #f39c1226;align-items:flex-start;gap:10px;margin:16px 0;padding:16px;font-size:14px;display:flex}@media (max-width:768px){.privacy-content,.terms-content,.account-deletion-content{padding:24px 20px}.privacy-title,.terms-title,.account-deletion-title{font-size:28px}}