@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--blue:#0757b8;--ink:#132a43;--muted:#607086;--line:#dce5ef;--pale:#edf4fd;--green:#16b985}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif}body:has([dir=rtl]),html[dir=rtl] body{font-family:'Noto Sans Arabic',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #16b985;outline-offset:5px}header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(15px);z-index:10;border-bottom:1px solid var(--line)}.nav{max-width:1320px;margin:auto;padding:20px 5%;display:flex;align-items:center;gap:28px}.brand{font-family:Manrope,Arial;font-size:29px;font-weight:800;letter-spacing:3px;color:var(--blue)}.brand i{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:2px;margin-inline-start:3px}.navlinks{display:flex;gap:26px;margin-inline-start:auto;font-size:13px;font-weight:600}.navlinks a:hover,footer a:hover{color:var(--blue)}.lang{border:0;background:transparent;font-size:13px;padding:9px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 22px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:7px;font-size:13px;font-weight:700;min-height:46px}.button:hover{background:#064695}.button.outline{background:white;color:var(--ink);border-color:var(--line)}.button.small{padding:11px 15px;font-size:12px}.menu{display:none}.container{max-width:1320px;margin:auto;padding-inline:5%}.hero{padding-top:75px;padding-bottom:70px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--blue);display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}h1,h2,h3{font-family:Manrope,'Noto Sans Arabic',sans-serif;letter-spacing:-1.4px;margin:0;font-weight:700}h1{font-size:clamp(40px,4.6vw,64px);line-height:1.12;margin:23px 0}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(29px,3vw,42px);line-height:1.22}h3{font-size:22px;letter-spacing:-.6px}p{line-height:1.75;color:var(--muted);font-size:15px}.hero p{max-width:490px;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.micro{font-size:11px;letter-spacing:.2px;color:var(--muted);margin-top:19px}.workspace{position:relative;background:#fff;border:1px solid #dbe5f2;border-radius:13px;box-shadow:0 30px 65px #163f6c13;transform:rotate(-2deg);padding:0;overflow:hidden}.ws-top{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);font-size:10px}.ws-logo{font-weight:800;color:var(--blue);letter-spacing:2px}.ws-content{padding:24px}.ws-content h3{font-size:20px}.ws-sub{font-size:11px;color:var(--muted);margin-top:7px}.ws-tabs{display:flex;gap:15px;margin:22px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);padding-bottom:12px}.ws-tabs b{color:var(--blue)}.ws-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f6;font-size:11px}.avatar{height:30px;width:30px;border-radius:50%;background:#edf4fd;color:var(--blue);display:grid;place-items:center;font-weight:700}.ws-row small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.badge{font-size:10px;padding:5px 8px;border-radius:4px;background:#e8f8f1;color:#147755;display:inline-block}.badge.future{background:#edf1f7;color:#64748b}.ws-foot{padding:13px 20px;background:#f7faff;font-size:10px;display:flex;justify-content:space-between}.caption{font-size:10px;color:var(--muted);text-align:center;margin-top:20px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.strip b{color:var(--ink);font-size:13px}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}.section-head p{max-width:390px;margin:0}.section-head .eyebrow{margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);padding:28px;border-radius:10px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1233540b}.product-card.lead{background:var(--pale);border-color:#cbdff6}.product-card .number{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:30px}.product-card h3{margin:0 0 10px}.product-card p{font-size:13px;margin:0 0 25px}.textlink{font-size:12px;font-weight:700;color:var(--blue);margin-top:auto;display:flex;justify-content:space-between}.product-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.product-card:last-child .number{grid-column:1/-1}.product-card:last-child .textlink{grid-column:1/-1}.tint{background:#f5f8fc}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-layout .eyebrow{margin-bottom:20px}.story-layout p{margin:20px 0}.journey{border-top:1px solid #ccd9e8}.journey-item{display:flex;align-items:start;gap:22px;border-bottom:1px solid #ccd9e8;padding:24px 0}.journey-item span{font-size:12px;color:var(--blue);padding-top:5px}.journey-item h3{font-size:19px}.journey-item p{font-size:13px;margin:7px 0 0}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:35px}.mode{padding:25px 30px;border-inline-start:1px solid var(--line)}.mode:first-child{padding-inline-start:0;border:0}.mode .symbol{font-size:26px;color:var(--blue);margin-bottom:20px}.mode h3{font-size:19px}.mode p{font-size:13px}.dark{background:#132d4e;color:#fff}.dark p{color:#c3d0df}.dark .eyebrow{color:#9bc4fa}.dark .button{background:#fff;border-color:white;color:#0757b8}.statement{max-width:750px}.statement h2{font-size:clamp(31px,3.5vw,47px)}.statement p{font-size:16px}.cta{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta p{margin-bottom:0}footer{border-top:1px solid var(--line);padding:44px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}footer p{font-size:12px;max-width:260px}footer h4{font-size:12px;margin:7px 0 18px}footer a:not(.brand){display:block;font-size:12px;color:var(--muted);margin:12px 0}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.page-hero{padding-top:65px;padding-bottom:55px;max-width:900px}.page-hero h1{font-size:clamp(36px,4.2vw,56px)}.page-hero p{max-width:680px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.detail{border-top:1px solid var(--line);padding:25px 0}.detail h3{font-size:20px}.detail p{font-size:14px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:80px}.form{background:#f4f8fd;border:1px solid var(--line);border-radius:12px;padding:30px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;background:#fff;color:var(--ink);border:1px solid #cbd8e7;border-radius:6px;padding:12px;min-height:44px}.field textarea{min-height:100px;resize:vertical}.form .micro{line-height:1.6}.notice{padding:15px;border:1px solid #bbd7f8;border-radius:7px;color:var(--blue);font-size:13px;line-height:1.7;margin-top:15px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:30}.skip:focus{top:10px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:16px;cursor:pointer;font-weight:600}.faq p{max-width:800px}.privacy{max-width:850px;padding-bottom:70px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.5}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .workspace{transform:rotate(2deg)}
@media(max-width:1000px){.nav{gap:15px}.navlinks{gap:15px}.hero{gap:25px}.story-layout{gap:40px}.form-layout{gap:35px}.nav>.button{display:none}}
@media(max-width:760px){.nav{padding:15px 5%;flex-wrap:wrap}.brand{font-size:25px}.lang{margin-inline-start:auto}.menu{display:block;border:1px solid var(--line);background:white;border-radius:5px;padding:9px 12px;font-size:12px}.navlinks{display:none;order:5;width:100%;margin:0;flex-direction:column;padding:15px 0;gap:20px}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:35px}h1{font-size:44px}.workspace{transform:none!important;max-width:520px;margin:auto}.hero p{font-size:15px}.strip-inner{flex-wrap:wrap;justify-content:center;font-size:11px}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block}.section-head p{margin-top:18px}.product-grid{grid-template-columns:1fr}.product-card:last-child{grid-column:auto;display:flex}.product-card .number{margin-bottom:20px}.story-layout,.detail-grid,.form-layout{grid-template-columns:1fr;gap:28px}.modes{grid-template-columns:1fr}.mode,.mode:first-child{padding:25px 0;border:0;border-top:1px solid var(--line)}.mode .symbol{margin-bottom:12px}.cta{display:block}.cta .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-wrap:wrap}.page-hero{padding-top:35px}.form{padding:22px}.navlinks a{min-height:30px}.form-layout{padding-bottom:45px}.section-head h2{max-width:500px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.demo-preview{background:#edf4fd;border:1px solid #d5e4f7;border-radius:14px;padding:35px}.demo-preview h2{font-size:32px;margin:22px 0}.demo-preview p{font-size:14px}.demo-journey{margin-top:26px;border-top:1px solid #c9daed}.demo-journey>div{display:flex;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid #c9daed;font-size:13px}.demo-journey span{color:var(--blue);font-size:11px}.modes{row-gap:20px}.mode:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}@media(max-width:760px){.demo-preview{padding:24px}.demo-preview h2{font-size:27px}.mode:nth-child(3n+1){border-top:1px solid var(--line)}}

.real-product{margin:0;padding:28px;background:#edf3ef;border:1px solid #dce7de;border-radius:20px;min-width:0;box-shadow:0 18px 50px #173c3010}.real-product h2{font-size:clamp(26px,3vw,40px);margin:14px 0 22px}.real-product a{display:block}.real-product img{width:100%;height:auto;display:block;border-radius:9px;border:1px solid #d5ddd7;box-shadow:0 12px 28px #14312618}.real-product figcaption{font-size:12px;color:#3a5147;margin-top:18px;line-height:1.6}.real-product figcaption span{display:block;color:#65766e}@media(max-width:600px){.real-product{padding:18px}}

.hrms-alert-highlight{display:grid;grid-template-columns:1fr minmax(280px,425px);align-items:center;gap:36px;padding:32px;margin:0 0 48px}.notification-copy h3{margin:16px 0}.notification-shot{display:block;min-width:0}.notification-shot img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 12px 28px #14312618}.real-product img{max-height:600px;object-fit:contain;background:#fff}.hero .real-product img{max-height:420px}@media(max-width:760px){.hrms-alert-highlight{grid-template-columns:1fr;padding:22px;gap:22px;margin-bottom:32px}.notification-shot{max-width:425px;width:100%;margin:auto}}

/* Product photography: native proportions, no letterboxing or outer feature box. */
.hrms-alert-highlight{border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:0 0 88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:80px;align-items:center;color:var(--ink)}
.notification-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:20px 0}.notification-copy p{max-width:480px;font-size:16px;line-height:1.85}.notification-shot{width:100%;max-width:470px}.notification-shot img{width:100%;height:auto;border:0;border-radius:0;box-shadow:none;display:block}
.real-product{padding:0;background:none;border:0;box-shadow:none;border-radius:0}.real-product img,.hero .real-product img{width:100%;height:auto;max-height:none;object-fit:initial;background:none;border:1px solid #e1e7ee;border-radius:12px;box-shadow:0 18px 45px #142c4512}.real-product h2{margin-bottom:28px}.hero .real-product{min-width:0}
@media(max-width:760px){.hrms-alert-highlight{grid-template-columns:1fr;gap:24px;margin-bottom:64px;padding:0}.notification-shot{max-width:440px;margin:0 auto}.notification-copy p{max-width:none}.real-product{padding:0}.notification-copy h3{font-size:30px}}

.hrms-feature{padding:84px 0;border-top:1px solid #dce6e4;margin-top:48px}.feature-intro{max-width:760px;margin-bottom:30px}.feature-intro h2{margin:12px 0 22px}.feature-intro p{max-width:680px}.feature-source{font-size:13px;color:#647571}.feature-switches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.feature-switches button{font:inherit;font-size:14px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 18px;border-radius:10px;min-height:44px;cursor:pointer}.feature-switches button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.feature-switches button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.feature-image{display:block;overflow:auto;background:white;border-radius:14px;box-shadow:0 16px 45px #163e3210}.feature-image[hidden]{display:none}.feature-image img{display:block;width:100%;height:auto}.feature-gallery{min-width:0}@media(max-width:700px){.hrms-feature{padding:48px 0;margin-top:28px}.feature-image img{min-width:800px}.feature-switches{gap:7px}.feature-switches button{font-size:12px;padding:9px 13px}}

.feature-switches button:hover{border-color:var(--blue);box-shadow:0 3px 10px #0000000d}.feature-switches button[aria-pressed=false]:hover{background:var(--pale);color:var(--blue)}

.hero-band{background:radial-gradient(ellipse at 90% 65%,#eaf3ff 0,transparent 50%)}html[dir=rtl] .hero-band{background:radial-gradient(ellipse at 10% 65%,#eaf3ff 0,transparent 50%)}@media(max-width:760px){.hero-band,html[dir=rtl] .hero-band{background:radial-gradient(ellipse at 50% 85%,#eaf3ff 0,transparent 65%)}}

/* Official SLOTS logo shared with HRMS */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:normal}.brand img{display:block;width:142px;height:auto;max-width:100%;object-fit:contain}footer .brand img{width:156px}@media(max-width:600px){.brand img{width:112px}}

.menu{width:44px;height:44px;padding:11px!important;position:relative;color:var(--blue);border-radius:10px!important;flex-shrink:0}.menu span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;margin:4px 0;transition:transform .18s ease,opacity .18s ease}.menu[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu[aria-expanded="true"] span:nth-child(2){opacity:0}.menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.menu span{transition:none}}

/* Portrait pacing: retain the design, let longer content grow without clipping. */
@media(max-width:760px) and (orientation:portrait){
 :root{--portrait-panel:calc(100svh - var(--mobile-header-height,75px))}
 .hero{padding-block:0;gap:0}
 .hero>div:first-child,.hero>.real-product{min-height:var(--portrait-panel);display:flex;flex-direction:column;justify-content:center;padding-block:40px}
 #main .section,#main .hrms-feature,#main .hrms-alert-highlight{min-height:var(--portrait-panel);align-content:center}
 #main>.section:not(.story-layout){display:flex;flex-direction:column;justify-content:center}
 #main>.section.cta{align-items:flex-start}
 #main>.section.cta .button{align-self:flex-start}
 .hero>.real-product{margin-block:0}
}