:root{--ink:#071a19;--paper:#f2f5ed;--lime:#b9f34a;--mint:#dff8b2;--soft:#dfe6dc;--line:rgba(7,26,25,.14);--muted:#60706c;--white:#fff;--arabic:"IBM Plex Sans Arabic",sans-serif;--latin:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--arabic);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.section-shell,.site-header{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--latin);font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand-mark{width:28px;height:28px;display:flex;align-items:flex-end;gap:3px;transform:skew(-11deg)}.brand-mark i{display:block;width:7px;background:var(--ink);border-radius:5px}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:25px;background:#5f977f}.brand-mark i:nth-child(3){height:20px;background:var(--lime)}.desktop-nav{display:flex;gap:32px}.desktop-nav a,.login-link{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;right:0;left:auto;bottom:-7px;width:0;height:2px;background:var(--ink);transition:.25s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:18px}.lang-toggle,.menu-toggle{border:0;background:transparent;color:var(--ink);font:700 12px var(--latin);cursor:pointer}.lang-toggle{border:1px solid var(--line);border-radius:100px;padding:8px 11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:6px;padding:15px 22px;text-decoration:none;font-weight:700;transition:.25s;position:relative;z-index:1}.button:hover{transform:translateY(-2px)}.button-sm{background:var(--ink);color:#fff;padding:11px 18px;font-size:13px}.menu-toggle{display:none;width:36px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}.hero{min-height:680px;padding:58px 0 88px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:44px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(185,243,74,.18)}.hero h1,.section-heading h2,.why h2,.cta h2{font-size:clamp(50px,6vw,78px);line-height:1.08;letter-spacing:-3.3px;margin:26px 0;font-weight:600}.hero h1 em,.section-heading h2 em,.why h2 em,.cta h2 em{font-style:normal;color:#5f7d70}.hero-copy>p{font-size:18px;line-height:1.9;color:var(--muted);max-width:540px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:hover{box-shadow:0 15px 30px rgba(115,156,39,.2)}.text-link{color:var(--ink);text-decoration:none;font-weight:700;display:flex;gap:12px}.trust-row{display:flex;gap:28px;margin-top:54px;padding-top:23px;border-top:1px solid var(--line)}.trust-row div{display:flex;align-items:center;gap:8px}.trust-row b{font:500 11px var(--latin);color:#789088}.trust-row span{font-size:12px;font-weight:600}.product-stage{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(7,26,25,.11);border-radius:50%}.orbit-one{width:540px;height:540px}.orbit-two{width:430px;height:430px}.dashboard-card{width:540px;min-height:386px;border-radius:16px;background:#fbfcf8;display:grid;grid-template-columns:60px 1fr;box-shadow:0 34px 80px rgba(25,48,42,.18);overflow:hidden;position:relative;z-index:2;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.dash-sidebar{background:var(--ink);padding:17px 15px;display:flex;flex-direction:column;align-items:center;gap:20px}.mini-brand .brand-mark{transform:scale(.65) skew(-11deg)}.mini-brand .brand-mark i:first-child{background:white}.side-pill{width:25px;height:25px;border-radius:5px;background:rgba(255,255,255,.07)}.side-pill.active{background:var(--lime)}.avatar{margin-top:auto;background:#d8aa83;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 10px var(--latin)}.dash-content{padding:25px 25px 20px}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small{color:#8b9995;font-size:10px}.dash-top h3{margin:4px 0 17px;font-size:21px}.dash-top button{border:0;background:var(--ink);color:#fff;width:31px;height:31px;border-radius:50%}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid article{background:#eef2ea;border-radius:9px;padding:12px}.metric-grid span{display:block;font-size:9px;color:#71817c}.metric-grid strong{display:block;font:700 24px var(--latin);margin:6px 0}.metric-grid small{font-size:8px;color:#72827c}.metric-grid .up{color:#4b8a69}.metric-grid .dark-metric{background:var(--ink);color:#fff}.metric-grid .dark-metric strong{font-family:var(--arabic);font-size:18px}.dark-metric span,.dark-metric small{color:#aebbb7}.dash-lower{display:grid;grid-template-columns:1.3fr .9fr;gap:10px;margin-top:10px}.dash-lower article{border:1px solid #e3e7df;border-radius:9px;padding:12px}.card-label{display:flex;justify-content:space-between;font-size:9px}.card-label span{color:#83908d}.chart{height:84px;display:flex;align-items:end;gap:7px;padding-top:14px}.chart i{flex:1;background:#c8d3c9;border-radius:3px 3px 0 0}.chart i.hot{background:var(--lime)}.person{display:flex;gap:7px;margin-top:13px;align-items:center}.person>i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px}.person-a{background:#eed4be}.person-b{background:#b9d4c5}.person p{margin:0;display:flex;flex-direction:column}.person b{font-size:8px}.person span{font-size:7px;color:#82908c}.floating-note{position:absolute;z-index:3;background:white;border-radius:11px;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px rgba(25,48,42,.16)}.floating-note i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-style:normal}.floating-note p{margin:0;display:flex;flex-direction:column}.floating-note b{font-size:10px}.floating-note span,.floating-note small{font-size:8px;color:#84918e}.note-one{bottom:54px;right:5px}.note-two{top:67px;left:3px}.note-two>span{font:800 20px var(--latin);color:var(--ink);background:#e7f4d0;padding:8px;border-radius:8px}.value-strip{background:var(--ink);color:white;min-height:94px;display:flex;align-items:center;justify-content:center;gap:30px;overflow:hidden}.value-strip p{white-space:nowrap;font-weight:600}.value-strip i{color:var(--lime);font-style:normal}.product,.solutions{padding-top:130px;padding-bottom:130px}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:65px}.section-number{font:700 11px var(--latin);letter-spacing:1.7px;color:#688079}.section-heading h2{font-size:54px;margin:22px 0 0}.section-heading>p{color:var(--muted);line-height:1.9;font-size:17px}.feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.feature-card{min-height:330px;background:#e4e9df;border:1px solid rgba(7,26,25,.06);border-radius:12px;padding:28px;position:relative;overflow:hidden}.feature-wide{grid-column:span 2}.feature-card>span{position:absolute;top:31px;left:28px;font:600 11px var(--latin);color:#75847f}.feature-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:500 22px var(--latin)}.feature-card h3{font-size:25px;margin:28px 0 10px}.feature-card p{max-width:440px;color:var(--muted);line-height:1.7;margin:0}.employee-stack{display:flex;align-items:center;margin-top:42px}.employee-stack i{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;margin-left:-9px;border:3px solid #e4e9df;font-style:normal;background:#bfcfc3}.employee-stack i:nth-child(2){background:#e4be97}.employee-stack i:nth-child(3){background:#c5b9db}.employee-stack i:nth-child(4){background:#9fbcb5}.employee-stack b{font:700 13px var(--latin);margin-right:12px}.week{display:flex;gap:7px;margin-top:46px}.week i{font-style:normal;width:36px;height:42px;display:grid;place-items:center;border-radius:6px;background:#f2f5ed;font-size:11px}.week i.selected{background:var(--lime);transform:translateY(-7px)}.feature-dark{background:var(--ink);color:white}.feature-dark p{color:#aab7b3}.feature-dark .feature-icon{border-color:#40514d}.feature-dark>span{color:#72817d}.payroll-line{height:6px;border-radius:4px;background:#344641;margin-top:58px;position:relative}.payroll-line span{display:block;width:94%;height:100%;border-radius:4px;background:var(--lime)}.payroll-line b{position:absolute;left:0;top:-31px;font:700 17px var(--latin)}.mini-bars{height:83px;display:flex;align-items:end;gap:8px;margin-top:28px}.mini-bars i{width:28px;background:#9cb5a5;border-radius:4px 4px 0 0}.mini-bars i:nth-child(1){height:42%}.mini-bars i:nth-child(2){height:70%}.mini-bars i:nth-child(3){height:54%;background:var(--lime)}.mini-bars i:nth-child(4){height:88%}.mini-bars i:nth-child(5){height:67%}.mini-bars i:nth-child(6){height:98%}.why{padding-bottom:130px}.why-panel{background:var(--ink);color:white;border-radius:16px;min-height:600px;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative;overflow:hidden}.why-panel:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(185,243,74,.07);bottom:-230px;right:14%}.section-number.light{color:#8ba39a}.why h2{font-size:54px;margin:25px 0}.why h2 em{color:var(--lime)}.why-copy p{color:#aebbb7;line-height:1.9;max-width:480px}.button-light{margin-top:25px;background:white;color:var(--ink)}.why-points{border-top:1px solid #3a4b47}.why-points article{padding:30px 0;border-bottom:1px solid #3a4b47;display:grid;grid-template-columns:55px 1fr}.why-points article>b{font:600 11px var(--latin);color:var(--lime)}.why-points h3{font-size:21px;margin:0 0 8px}.why-points p{margin:0;color:#9dacaa}.section-heading.compact{margin-bottom:50px}.growth-track{background:#dfe6dc;border-radius:12px;padding:55px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.track-line{position:absolute;right:17%;left:17%;top:69px;height:2px;background:#bdc9c0;display:flex;justify-content:space-between}.track-line i{width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translateY(-6px);box-shadow:0 0 0 7px #dfe6dc}.track-line i:nth-child(2){background:var(--lime);box-shadow:0 0 0 6px var(--ink)}.growth-track article{text-align:center;position:relative;padding-top:50px}.growth-track b{display:block;font:700 42px var(--latin)}.growth-track span{color:var(--muted)}.cta{padding-bottom:120px}.cta-card{background:#c8f66b;border-radius:16px;text-align:center;padding:90px 20px;position:relative;overflow:hidden}.cta-card>p{position:relative;z-index:1}.cta-card h2{font-size:60px;margin:18px 0;position:relative;z-index:1}.cta-card h2 em{color:#587342}.cta-card>p:last-of-type{color:#53654f;font-size:17px}.cta-actions{display:flex;justify-content:center;gap:28px;align-items:center;margin-top:32px;position:relative;z-index:1}.cta-card .button-primary{background:var(--ink);color:#fff}.light-link{color:var(--ink)}.cta-orb{position:absolute;width:330px;height:330px;border:1px solid rgba(7,26,25,.12);border-radius:50%;top:-160px;right:-70px}.cta-orb:after{content:"";position:absolute;inset:45px;border:1px solid rgba(7,26,25,.1);border-radius:50%}.orb-b{top:auto;right:auto;bottom:-210px;left:-20px;width:400px;height:400px}.footer{padding-bottom:30px}.footer-top{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-top p{text-align:center;color:var(--muted)}.footer-top>a:last-child{text-align:left;color:var(--ink);font:600 14px var(--latin)}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;font-size:12px;color:#71817c}.footer-bottom i{font-style:normal}.footer-bottom div{display:flex;gap:25px}.footer-bottom a{color:#71817c;text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
html[dir="ltr"] body{font-family:var(--latin)}html[dir="ltr"] .hero h1,html[dir="ltr"] .section-heading h2,html[dir="ltr"] .why h2,html[dir="ltr"] .cta h2{letter-spacing:-4px}html[dir="ltr"] .feature-card>span{left:auto;right:28px}html[dir="ltr"] .footer-top>a:last-child{text-align:right}html[dir="ltr"] .employee-stack i{margin-left:0;margin-right:-9px}html[dir="ltr"] .employee-stack b{margin-right:0;margin-left:12px}
@media(max-width:1000px){.desktop-nav,.login-link{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-copy>p{margin-inline:auto}.product-stage{margin-top:-20px}.section-heading{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature-wide{grid-column:span 1}.why-panel{grid-template-columns:1fr;gap:60px}.menu-toggle{display:block}}
@media(max-width:1000px){.desktop-nav.mobile-open{display:flex;position:absolute;top:74px;right:0;left:0;background:#f8faf4;border:1px solid var(--line);border-radius:12px;padding:22px;flex-direction:column;gap:18px;box-shadow:0 20px 45px rgba(7,26,25,.14)}.desktop-nav.mobile-open a{font-size:16px}.desktop-nav.mobile-open a:after{display:none}}
html{max-width:100%;overflow-x:hidden}body{max-width:100%}
@media(max-width:680px){html[dir="rtl"],html[dir="rtl"] body{direction:ltr!important}html[dir="rtl"] main,html[dir="rtl"] footer{direction:rtl}body{width:100vw}.site-header,.section-shell{width:calc(100% - 28px);max-width:calc(100% - 28px);margin-right:14px;margin-left:14px}.site-header{direction:ltr}.hero,.hero-copy{min-width:0;max-width:100%}.hero h1{font-size:35px;line-height:1.18;letter-spacing:-1.2px;max-width:100%;overflow-wrap:anywhere}.hero-copy>p{font-size:15px;max-width:100%}.product-stage{width:100%;max-width:100%;overflow:hidden}.dashboard-card{position:relative;left:auto;width:335px;min-height:330px;grid-template-columns:44px 1fr;transform:none}.dash-sidebar{padding:12px 9px;gap:14px}.dash-content{padding:18px 12px 14px}.metric-grid{gap:6px}.metric-grid article{padding:8px}.metric-grid strong{font-size:18px}.dash-lower{gap:6px}.dash-lower article{padding:8px}.chart{height:65px}.orbit-one{width:320px;height:320px}.orbit-two{width:260px;height:260px}.floating-note{transform:scale(.68)}.note-one{right:-12px}.note-two{left:-12px}}
@media(max-width:680px){.hero{padding-top:105px}.site-header .header-actions{position:absolute;right:0;top:20px}.hero-copy>p{overflow-wrap:anywhere}}
@media(max-width:680px){.section-shell,.site-header{width:min(100% - 28px,1180px)}.site-header{height:76px}.header-actions{gap:9px}.button-sm{display:none}.hero{padding:30px 0 50px}.hero h1{font-size:47px;letter-spacing:-2.2px}.hero-actions{flex-direction:column}.trust-row{gap:10px;flex-wrap:wrap}.trust-row div{padding:5px}.product-stage{height:410px}.dashboard-card{width:480px;transform:scale(.72);flex:none}.orbit-one{width:390px;height:390px}.orbit-two{width:310px;height:310px}.floating-note{transform:scale(.8)}.note-one{right:-10px;bottom:22px}.note-two{left:-10px;top:32px}.value-strip{justify-content:flex-start;padding:0 25px;gap:20px}.product,.solutions{padding-top:90px;padding-bottom:90px}.section-heading h2,.why h2,.cta-card h2{font-size:42px;letter-spacing:-2px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px}.why{padding-bottom:90px}.why-panel{padding:45px 25px}.growth-track{grid-template-columns:1fr;padding:36px}.track-line{display:none}.growth-track article{padding:12px}.cta-card{padding:68px 18px}.cta-actions{flex-direction:column}.footer-top{grid-template-columns:1fr;gap:15px;text-align:center}.footer-top p{margin:0}.footer-top>a:last-child{text-align:center}.footer-bottom{flex-direction:column;align-items:center;gap:14px}.footer-bottom div{gap:14px}}