PageSourceSearch

https://workia.com/employee-app

html workia.com collected 2026-10-01 23:52:06 UTC 168,528 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/5e96c049-19c0-497b-ba91-83b8ade041b7/workia-logo.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/68951803-1395-467d-89cc-f770e071d010/equus-logo-dark-2.png"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80"/><link rel="preload" as="image" href="https://images.unsplash.com/photo-1508804185872-d7badad00f7d?w=900&amp;q=80"/><link rel="preload" as="image" href="/assets/avatar-jo-BJlMwTrj.jpg"/><link rel="stylesheet" href="/assets/styles-Bc07Djsf.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;family=Roboto:wght@300;400;500;700&amp;display=swap" data-precedence="default"/><link rel="stylesheet" href="/assets/index-CgrZmV62.css" type="text/css" data-precedence="default"/><title>Employee Mobility App — Track Your Move | Workia</title><meta property="og:site_name" content="Workia"/><meta property="og:image" content="https://workia.com/__l5e/assets-v1/386d9507-0e18-49cc-8406-162a480c67bf/workia-social.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Workia — the global mobility platform"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://workia.com/__l5e/assets-v1/386d9507-0e18-49cc-8406-162a480c67bf/workia-social.jpg"/><meta name="description" content="An employee mobility app for relocations and assignments: see move tasks, upload passports and visas, log business travel and message support. Free on iOS and Android."/><meta property="og:title" content="Employee Mobility App — Track Your Move | Workia"/><meta property="og:description" content="See move tasks, upload documents, log business travel and reach your mobility team from one app. Available on iOS and Android."/><meta property="og:url" content="https://workia.com/employee-app"/><meta property="og:type" content="website"/><link rel="modulepreload" href="/assets/index-CcNCz37q.js"/><link rel="modulepreload" href="/assets/jsx-runtime-DGeXAQPT.js"/><link rel="modulepreload" href="/assets/link-CL5QBfj3.js"/><link rel="modulepreload" href="/assets/react-vt4WmSOl.js"/><link rel="modulepreload" href="/assets/employee-app-BlBs4SBu.js"/><link rel="modulepreload" href="/assets/briefcase-DYy_2Cgt.js"/><link rel="modulepreload" href="/assets/calendar-gXAJpH04.js"/><link rel="modulepreload" href="/assets/chevron-left-dRcoCDlG.js"/><link rel="modulepreload" href="/assets/chevron-up-MkZstYt8.js"/><link rel="modulepreload" href="/assets/compass-DWc1vx9i.js"/><link rel="modulepreload" href="/assets/FeatureContentPage-jj6i-inM.js"/><link rel="modulepreload" href="/assets/ellipsis-vertical-y3ZmLnD5.js"/><link rel="modulepreload" href="/assets/git-branch-BDMBPvv9.js"/><link rel="modulepreload" href="/assets/globe-DqIG0juv.js"/><link rel="modulepreload" href="/assets/grid-3x3-B2OqsdYE.js"/><link rel="modulepreload" href="/assets/layout-grid-BpYk-6Be.js"/><link rel="modulepreload" href="/assets/message-square-Bh0ylcbi.js"/><link rel="modulepreload" href="/assets/paperclip-BpC9VJNT.js"/><link rel="modulepreload" href="/assets/plus-BP7YmZSV.js"/><link rel="modulepreload" href="/assets/send-Dmf7S5_v.js"/><link rel="modulepreload" href="/assets/tag-ee7UpnlW.js"/><link rel="modulepreload" href="/assets/text-align-start-CY0-969T.js"/><link rel="modulepreload" href="/assets/upload-Pn9z19S8.js"/><link rel="modulepreload" href="/assets/user-Be88N9nk.js"/><link rel="modulepreload" href="/assets/wallet-Rcx3KsXe.js"/><link rel="modulepreload" href="/assets/avatar-jo-BIytTVa4.js"/><link rel="icon" type="image/svg+xml" href="/favicon.svg"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>
1<link rel="canonical" href="https://workia.com/employee-app"/>
1<script>
vendor: 323 bytes, line 1
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
1GTM-PR2247M8
vendor: 3 bytes, line 1
1');
1</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Workia","url":"https://workia.com","logo":"https://workia.com/favicon.svg","description":"Workia is a modern workforce mobility platform that helps global mobility teams centralise work, automate manual tasks and reduce risk.","sameAs":["https://www.linkedin.com/company/workia-mobility-management/"]}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<meta name="twitter:title" content="Employee Mobility App — Track Your Move | Workia"><meta name="twitter:description" content="See move tasks, upload documents, log business travel and reach your mobility team from one app. Available on iOS and Android."></head><body>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-PR2247M8
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<div class="min-h-screen flex flex-col relative overflow-x-hidden"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 overflow-hidden"><div class="absolute right-0 top-0"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div><div class="absolute left-0 top-[900px]"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scaleX(-1)"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div><div class="absolute right-0 top-[1800px]"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div><div class="absolute left-0 top-[2700px]"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scaleX(-1)"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div><div class="absolute right-0 top-[3600px]"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div><div class="absolute left-0 top-[4500px]"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:scaleX(-1)"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div><div class="absolute right-0 top-[5400px]"><svg width="803" height="777" viewBox="0 0 803 777" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M0 0H13C227.839 0 402 174.161 402 389H0V0Z" fill="#8478FF" fill-opacity="0.2"></path><path opacity="0.15" d="M401 0C401 214.839 575.161 389 790 389H803C803 174.161 628.839 0 414 0H401Z" fill="#8D83FF"></path><ellipse opacity="0.15" cx="602" cy="583" rx="201" ry="194" transform="rotate(180 602 583)" fill="#AFA7FF"></ellipse></svg></div></div><header class="sticky top-0 z-50 backdrop-blur-md bg-background/85 border-b border-border"><div class="container-page flex h-16 items-center justify-between gap-6"><div class="flex min-w-0 items-center gap-2 sm:gap-3"><a aria-label="Workia home" href="/" class="flex shrink-0 items-center gap-3"><img src="/__l5e/assets-v1/5e96c049-19c0-497b-ba91-83b8ade041b7/workia-logo.png" alt="Workia" class="h-9 w-auto object-contain " width="920" height="920"/></a><div class="flex min-w-0 items-center gap-2 sm:gap-3 "><span aria-hidden="true" class="h-7 w-px shrink-0 bg-[#d9cdf0]"></span><span aria-label="By Equus Software" class="flex min-w-0 items-center gap-2 opacity-90"><span class="text-[10px] font-semibold uppercase tracking-[0.18em] text-[#3d2a6b]/70 hidden sm:inline">By</span><img src="/__l5e/assets-v1/68951803-1395-467d-89cc-f770e071d010/equus-logo-dark-2.png" alt="Equus Software" class="h-5 sm:h-6 w-auto shrink-0 object-contain" width="1080" height="280"/></span></div></div><nav class="hidden lg:flex items-center gap-1"><div class="group relative"><a href="/solutions" class="nav-link px-3 py-2">Solutions<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible opacity-0 group-hover:visible group-hover:opacity-100 transition pointer-events-none group-hover:pointer-events-auto absolute top-full pt-3 left-1/2 -translate-x-1/2 w-[34rem] max-w-[calc(100vw-2rem)]"><div class="rounded-3xl bg-white border border-black/5 shadow-[0_24px_60px_-2
10px_rgba(103,80,164,0.25)] overflow-hidden"><div class="grid grid-cols-1"><div class="p-6 "><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Why Workia</div><div class="space-y-1"><a href="/overview" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes h-5 w-5" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">All-in-one</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Workia is the center of your mobility world.</span></span></a><a href="/automation" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-workflow h-5 w-5" aria-hidden="true"><rect width="8" height="8" x="3" y="3" rx="2"></rect><path d="M7 11v4a2 2 0 0 0 2 2h4"></path><rect width="8" height="8" x="13" y="13" rx="2"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Automation</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Ways to automate mobility using Workia.</span></span></a><a href="/no-tech-knowledge" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Easy Tech</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">No tech wizards required.</span></span></a><a href="/lean-mobility" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-minus h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 12h8"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Lean mobility</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Do more with Workia.</span></span></a><a href="/modern-mobility" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-5 w-5" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Modern mobility</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Modern mobility, modern solution.</span></span></a></div></div></div></div></div></div><div class="group relative"><a href="/features" class="nav-link px-3 py-2">Product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible opacity-0 group-hover:visible group-hover:opacity-100 transition pointer-events-none group-hover:pointer-events-auto fixed left-4 right-4 top-10 pt-6 mx-auto max-w-[80rem]"><div class="rounded-3xl bg-white border border-black/5 shadow-[0_24px_60px_-2
10px_rgba(103,80,164,0.25)] overflow-hidden"><div class="grid grid-cols-4"><div class="p-6 border-r border-black/5"><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Compensation &amp; planning</div><div class="space-y-1"><a href="/planner" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-signpost h-5 w-5" aria-hidden="true"><path d="M12 13v8"></path><path d="M12 3v3"></path><path d="M18 6a2 2 0 0 1 1.387.56l2.307 2.22a1 1 0 0 1 0 1.44l-2.307 2.22A2 2 0 0 1 18 13H6a2 2 0 0 1-1.387-.56l-2.306-2.22a1 1 0 0 1 0-1.44l2.306-2.22A2 2 0 0 1 6 6z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Scenarios</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Quick scenario plans and cost estimates — no employee data required.</span></span></a><a href="/cost-estimates" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt h-5 w-5" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 17.5v-11"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Fast Cost Estimates</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Quickly create cost estimates, no setup required.</span></span></a><a href="/compensation-calculations" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-banknote h-5 w-5" aria-hidden="true"><rect width="20" height="12" x="2" y="6" rx="2"></rect><circle cx="12" cy="12" r="2"></circle><path d="M6 12h.01M18 12h.01"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Compensation Calculations</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Create balance sheets, gross to nets and more.</span></span></a><a href="/actuals" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign h-5 w-5" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Cost Tracking</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Track and report on actual costs.</span></span></a><a href="/expense-management" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt h-5 w-5" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 17.5v-11"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Expense Management</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Capture receipts, build reports and route approvals.</span></span></a></div></div><div class="p-6 border-r border-black/5"><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Day-to-day mobility management</div><div class="space-y-1"><a href="/approvals" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Approval Workflow</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Send anything for approval to anyone.</span></span></a><a href="/checklists" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list h-5 w-5" aria-hidden="true"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Process Management</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Create consistent, clear processes for all to follow.</span></span></a><a href="/ticketing" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ticket h-5 w-5" aria-hidden="true"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path><path d="M13 5v2"></path><path d="M13 17v2"></path><path d="M13 11v2"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Ticketing</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Track and manage issues, queries, risks.</span></span></a><a href="/document-email-templates" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-pen-line h-5 w-5" aria-hidden="true"><path d="M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z"></path><path d="M14.487 7.858A1 1 0 0 1 14 7V2"></path><path d="M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516"></path><path d="M8 18h1"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Document &amp; Email Templates</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Reusable templates for letters, emails and signatures.</span></span></a><a href="/business-travel-compliance" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane h-5 w-5" aria-hidden="true"><path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.
11-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Business Travel Compliance</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Track trips, flag risks, stay compliant.</span></span></a></div></div><div class="p-6 border-r border-black/5"><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Collaboration &amp; reporting</div><div class="space-y-1"><a class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)] active" href="/employee-app" data-status="active" aria-current="page"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-5 w-5" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Employee App</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Mobile apps for mobile employees.</span></span></a><a href="/mobility-app" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-smartphone h-5 w-5" aria-hidden="true"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Mobility Manager App</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Manage mobility on the move.</span></span></a><a href="/collaborate" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Collaboration</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">View different user types and access.</span></span></a><a href="/ai" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-5 w-5" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">AI Tools</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Use AI to create reports, emails and answer questions.</span></span></a><a href="/advanced-reporting" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-5 w-5" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Charts and Reports</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Flexible reporting and charting.</span></span></a></div></div><div class="p-6 flex flex-col justify-between bg-gradient-to-br from-[var(--color-brand-tint)]/40 to-transparent"><div><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Spotlight</div><div class="relative overflow-hidden rounded-2xl bg-[var(--color-primary)] p-5 text-white group/spot"><div class="relative z-10"><span class="inline-block px-2 py-1 bg-white/15 text-[10px] font-bold rounded-md mb-3 uppercase tracking-wide">What&#x27;s new</span><div class="text-base font-bold leading-snug mb-2 text-white">Approval templates.</div><p class="text-xs text-white/80 leading-relaxed mb-4">Set up reusable approval flows and route requests to the right people every time.</p><a href="https://updates.workia.com" target="_blank" rel="noopener noreferrer" class="text-xs font-semibold inline-flex items-center gap-1 hover:gap-2 transition-all text-white">See what&#x27;s new</a></div><div class="absolute -right-6 -bottom-6 w-28 h-28 bg-white/10 rounded-full group-hover/spot:scale-125 transition-transform duration-500"></div></div></div></div></div><div class="flex justify-end border-t border-black/5 px-6 py-3 bg-white"><a href="/features" class="group/foot inline-flex items-center gap-1.5 text-sm font-bold text-[var(--color-primary)] hover:gap-2.5 transition-all">View all features<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover/foot:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group relative"><a href="/integrations" class="nav-link px-3 py-2">Integrations<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible opacity-0 group-hover:visible group-hover:opacity-100 transition pointer-events-none group-hover:pointer-events-auto absolute top-full pt-3 left-1/2 -translate-x-1/2 w-[34rem] max-w-[calc(100vw-2rem)]"><div class="rounded-3xl bg-white border border-black/5 shadow-[0_24px_60px_-2
10px_rgba(103,80,164,0.25)] overflow-hidden"><div class="grid grid-cols-1"><div class="p-6 "><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Integrations</div><div class="space-y-1"><a href="/email-integration" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Outlook &amp; Gmail</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Sync conversations to the right case.</span></span></a><a href="/workday" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 lucide-building-2 h-5 w-5" aria-hidden="true"><path d="M10 12h4"></path><path d="M10 8h4"></path><path d="M14 21v-3a2 2 0 0 0-4 0v3"></path><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Workday®</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Keep employee and assignment data in sync.</span></span></a><a href="/sap-successfactors" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 lucide-building-2 h-5 w-5" aria-hidden="true"><path d="M10 12h4"></path><path d="M10 8h4"></path><path d="M14 21v-3a2 2 0 0 0-4 0v3"></path><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">SAP SuccessFactors®</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Sync employee records into new cases.</span></span></a><a href="/ecosystem" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plug h-5 w-5" aria-hidden="true"><path d="M12 22v-5"></path><path d="M15 8V2"></path><path d="M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z"></path><path d="M9 8V2"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Equus Ecosystem</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Connect to 80+ vendors via Equus Ecosystem.</span></span></a></div></div></div><div class="flex justify-end border-t border-black/5 px-6 py-3 bg-white"><a href="/integrations" class="group/foot inline-flex items-center gap-1.5 text-sm font-bold text-[var(--color-primary)] hover:gap-2.5 transition-all">View all integrations<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover/foot:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group relative"><a href="/knowhow" class="nav-link px-3 py-2">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible opacity-0 group-hover:visible group-hover:opacity-100 transition pointer-events-none group-hover:pointer-events-auto fixed left-4 right-4 top-10 pt-6 mx-auto max-w-[80rem]"><div class="rounded-3xl bg-white border border-black/5 shadow-[0_24px_60px_-2
10px_rgba(103,80,164,0.25)] overflow-hidden"><div class="grid grid-cols-3"><div class="p-6 border-r border-black/5"><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Mobility Knowhow</div><div class="space-y-1"><a href="/knowhow" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-5 w-5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Workia Blog</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Latest knowhow from Workia.</span></span></a></div></div><div class="p-6 border-r border-black/5"><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Use Cases</div><div class="space-y-1"><a href="/customer-success-stories" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Case Studies</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Learn how others have benefited from Workia.</span></span></a><a href="/reduce-global-mobility-risks" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-hat h-5 w-5" aria-hidden="true"><path d="M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5"></path><path d="M14 6a6 6 0 0 1 6 6v3"></path><path d="M4 15v-3a6 6 0 0 1 6-6"></path><rect x="2" y="15" width="20" height="4" rx="1"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Reduce Risk</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Ways Workia reduces risk in GM programs.</span></span></a><a href="/global-mobility-and-internal-audit" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search-check h-5 w-5" aria-hidden="true"><path d="m8 11 2 2 4-4"></path><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Be Audit Proof</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">How Workia helps you pass an internal audit.</span></span></a><a href="/upgrade-to-equus" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown h-5 w-5" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Upgrade to Equus Platform</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">In case Workia is not enough.</span></span></a></div></div><div class="p-6 "><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">Product Information</div><div class="space-y-1"><a href="https://support.workia.com" target="_blank" rel="noopener noreferrer" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-life-buoy h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m4.93 4.93 4.24 4.24"></path><path d="m14.83 9.17 4.24-4.24"></path><path d="m14.83 14.83 4.24 4.24"></path><path d="m9.17 14.83-4.24 4.24"></path><circle cx="12" cy="12" r="4"></circle></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Help Center</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Help guides and articles.</span></span></a><a href="https://updates.workia.com" target="_blank" rel="noopener noreferrer" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-newspaper h-5 w-5" aria-hidden="true"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"></path><rect width="8" height="4" x="10" y="6" rx="1"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Product Updates</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Latest updates from Workia.</span></span></a><a href="https://security.workia.com/" target="_blank" rel="noopener noreferrer" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-5 w-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Trust Center</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Workia security and hosting information.</span></span></a><a href="https://events.zoom.us/eo/AmPORK5YyADaIclkFNJgEf_uteFmM98GRo0iiPq-IUhEpLWUwwiw~AggLXsr32QYFjq8BlYLZ5I06Dg" target="_blank" rel="noopener noreferrer" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-video h-5 w-5" aria-hidden="true"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Weekly Webinar</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Join our weekly webinar.</span></span></a><a href="https://equus.navattic.com/qy20qlf?g=cm3yijlvo000003mggnskeoo0&amp;s=0&amp;hsCtaAttrib=184664881533" target="_blank" rel="noopener noreferrer" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mouse-pointer-click h-5 w-5" aria-hidden="true"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.
1074z"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Click Through Demo</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Take a self-guided product tour.</span></span></a></div></div></div></div></div></div><div class="group relative"><a href="/pricing" class="nav-link px-3 py-2">Pricing</a></div><div class="group relative"><a href="/about" class="nav-link px-3 py-2">About<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible opacity-0 group-hover:visible group-hover:opacity-100 transition pointer-events-none group-hover:pointer-events-auto absolute top-full pt-3 left-1/2 -translate-x-1/2 w-[22rem] max-w-[calc(100vw-2rem)]"><div class="rounded-3xl bg-white border border-black/5 shadow-[0_24px_60px_-20px_rgba(103,80,164,0.25)] overflow-hidden"><div class="grid grid-cols-1"><div class="p-6 "><div role="presentation" class="text-[10px] font-bold uppercase tracking-[0.18em] text-[var(--color-primary)]/80 mb-5">All about Workia</div><div class="space-y-1"><a href="/news" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-newspaper h-5 w-5" aria-hidden="true"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"></path><rect width="8" height="4" x="10" y="6" rx="1"></rect></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">News</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Latest news and updates.</span></span></a><a href="/what-is-global-mobility-technology" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">What is global mobility technology?</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">A quick primer on mobility tech.</span></span></a><a href="https://security.workia.com/" target="_blank" rel="noopener noreferrer" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-5 w-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">Security and hosting</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">How we keep your data safe.</span></span></a><a href="/about" class="group/item flex items-start gap-3 rounded-2xl p-2.5 transition-colors hover:bg-[var(--color-brand-tint)]"><span class="flex-shrink-0 inline-flex h-10 w-10 items-center justify-center rounded-xl bg-[var(--color-brand-tint)] text-[var(--color-primary)] transition-colors group-hover/item:bg-[var(--color-primary)] group-hover/item:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></span><span class="min-w-0"><span class="block text-sm font-semibold text-foreground">About Workia</span><span class="block text-xs text-muted-foreground leading-relaxed mt-0.5">Our mission and the team behind the platform.</span></span></a></div></div></div></div></div></div></nav><div class="flex items-center gap-2"><button aria-label="Search" class="hidden md:inline-flex h-9 w-9 items-center justify-center rounded-full hover:bg-[var(--color-brand-tint)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-4 w-4" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></button><span class="hidden md:block h-5 w-px bg-border"></span><a href="https://app.workia.com/" target="_blank" rel="noreferrer" class="hidden sm:inline-flex h-9 items-center rounded-full bg-[var(--color-brand-tint)] px-4 text-sm font-semibold text-[var(--color-primary)] hover:bg-[var(--color-brand-tint-2)]">Sign in</a><a href="/talk-to-us" class="btn-primary h-9 px-4 text-sm">Get Started</a><button class="lg:hidden h-9 w-9 inline-flex items-center justify-center rounded-full hover:bg-[var(--color-brand-tint)]" aria-label="Menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></header><main class="flex-1"><!--$--><div class="relative" style="background:#fbfaff"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-[900px] overflow-hidden"><div class="absolute -top-40 -left-40 h-[520px] w-[520px] rounded-full opacity-60 blur-3xl" style="background:radial-gradient(closest-side, #ede1ff, transparent)"></div><div class="absolute -top-20 right-[-160px] h-[460px] w-[460px] rounded-full opacity-50 blur-3xl" style="background:radial-gradient(closest-side, #ffe4ee, transparent)"></div></div><section class="relative"><div class="container-page pt-10 md:pt-16 pb-14 md:pb-28"><div class="flex items-center gap-2 text-sm text-muted-foreground mb-8"><a href="/features" class="hover:text-foreground transition-colors">Product</a><span class="opacity-40">/</span>
1<span class="inline-flex items-center gap-1.5 text-foreground/80"><span class="inline-flex h-5 w-5 items-center justify-center rounded-md" style="background:#ede1ff;color:#6750a4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span>Employee App</span></div><div class="grid grid-cols-1 md:grid-cols-[1.05fr_1fr] gap-10 md:gap-16 items-center"><div class="max-w-2xl min-w-0"><h1 class="text-[40px] sm:text-5xl md:text-[68px] font-medium leading-[1.05] md:leading-[1.02] tracking-tight">The employee mobility app <span style="color:#6750a4">for global teams</span></h1><p class="mt-6 text-lg text-muted-foreground max-w-xl">Workia&#x27;s employee mobility app gives every assignee a single place for their move — tasks, updates, documents, destination guides and answers, right in their pocket. Fewer &#x27;quick questions&#x27; in your inbox, a calmer experience for them, and a move that actually feels looked after.</p><div class="mt-8 flex flex-wrap gap-3"><a href="/talk-to-us" class="btn-primary inline-flex items-center gap-2">Get started</a></div><div class="mt-10"><div class="text-xs uppercase tracking-[0.18em] text-muted-foreground mb-3">Available on</div><div class="flex flex-wrap gap-2"><a href="https://apps.apple.com/gb/app/workia-mobility/id6740539185" target="_blank" rel="noreferrer" class="inline-flex items-center rounded-full bg-white/80 backdrop-blur ring-1 ring-black/[0.08] px-3 py-1.5 text-xs font-medium text-foreground/80 shadow-[0_1px_2px_rgba(15,12,40,0.04)] transition hover:bg-white hover:ring-black/[0.16]">iOS</a><a href="https://play.google.com/store/apps/details?id=com.workia.app&amp;hl=en_GB" target="_blank" rel="noreferrer" class="inline-flex items-center rounded-full bg-white/80 backdrop-blur ring-1 ring-black/[0.08] px-3 py-1.5 text-xs font-medium text-foreground/80 shadow-[0_1px_2px_rgba(15,12,40,0.04)] transition hover:bg-white hover:ring-black/[0.16]">Android</a></div></div></div><div class="relative w-full min-w-0" style="font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"><div class="relative w-full flex items-center justify-center md:aspect-square"><div class="relative flex h-full w-full items-center justify-center overflow-x-auto overflow-y-hidden "><div class="relative shrink-0" style="width:680px"><div class="absolute left-0 top-0 flex items-center justify-center [&amp;&gt;*]:h-auto [&amp;&gt;img]:mx-auto [&amp;&gt;img]:max-w-full [&amp;&gt;img]:object-contain" style="width:680px;transform:scale(1);transform-origin:top left"><div class="flex flex-col items-center gap-4" style="font-family:Roboto, system-ui, sans-serif"><div class="relative rounded-[42px] bg-black p-[6px] shadow-[0_40px_80px_-20px_rgba(60,20,120,0.4)]" style="width:260px"><div class="relative overflow-hidden rounded-[36px] bg-white" style="aspect-ratio:9/19"><div class="pt-8"></div><div class="relative h-[calc(100%-52px)]"><div class="absolute inset-0 transition-opacity duration-500 opacity-100"><div class="flex h-full flex-col bg-white"><div class="relative h-[46%] w-full overflow-hidden"><img src="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80" alt="Singapore" class="absolute inset-0 h-full w-full object-cover"/><div class="absolute right-3 top-3 flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round"><path d="M17.8 19.2L16 11l3.5-3.5L22 10l-4.2 9.2m-14-14L5 3.5l3.5 3.5L11 5 8 8l-4.2-2.8"></path></svg></div><div class="absolute bottom-3 left-3 flex items-center gap-2"><div class="flex h-4 w-6 overflow-hidden rounded-[2px] ring-1 ring-white/40"><div class="flex-1 bg-[#ed2939]"></div><div class="flex-1 bg-white"></div></div><div class="text-[22px] font-semibold text-white drop-shadow">Singapore</div></div></div><div class="flex-1 overflow-hidden bg-white px-4 pt-3"><div class="text-[11px] text-black"><span class="text-black/60">From </span><b>20 Feb 2026</b><span class="text-black/60"> To </span><b>18 Jan 2028</b></div><div class="mt-1.5 text-[11px] text-black/60">Type <span class="font-semibold text-black">Short Term Assignment</span></div><div class="mt-1.5 flex items-center gap-1.5 text-[11px] text-black/60">Status <span class="h-2 w-2 rounded-full bg-[#fcd34d]"></span> <span class="font-semibold text-black">In Planning</span></div><div class="mt-3 flex gap-3 overflow-hidden"><div class="flex flex-col items-center gap-1"><div class="flex h-9 w-9 items-center justify-center rounded-full" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg></div><span class="text-[8.5px] font-medium" style="color:#6750a4">Uploads</span></div><div class="flex flex-col items-center gap-1"><div class="flex h-9 w-9 items-center justify-center rounded-full" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><span class="text-[8.5px] font-medium" style="color:#6750a4">My profile</span></div><div class="flex flex-col items-center gap-1"><div class="flex h-9 w-9 items-center justify-center rounded-full" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div><span class="text-[8.5px] font-medium" style="color:#6750a4">Expenses</span></div><div class="flex flex-col items-center gap-1"><div class="flex h-9 w-9 items-center justify-center rounded-full" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-life-buoy" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m4.93 4.93 4.24 4.24"></path><path d="m14.83 9.17 4.24-4.24"></path><path d="m14.83 14.83 4.24 4.24"></path><path d="m9.17 14.83-4.24 4.24"></path><circle cx="12" cy="12" r="4"></circle></svg></div><span class="text-[8.5px] font-medium" style="color:#6750a4">Get help</span></div><div class="flex flex-col items-center gap-1"><div class="flex h-9 w-9 items-center justify-center rounded-full" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="text-[8.5px] font-medium" style="color:#6750a4">Cont…</span></div></div><div class="mt-3 flex items-center justify-between"><span class="text-[12px] font-semibold text-black">Next Up</span><span class="rounded-full px-2 py-0.5 text-[9px] font-medium" style="background:#ede7f7;color:#6750a4">1/3 to do</span></div><div class="mt-1 flex gap-1"><div class="h-1 flex-1 rounded-full bg-black/10"></div><div class="h-1 flex-1 rounded-full" style="background:#6750a4"></div><div class="h-1 flex-1 rounded-full bg-black/10"></div></div><div class="mt-2 rounded-xl border border-black/5 bg-white shadow-[0_4px_12px_-6px_rgba(0,0,0,0.15)]"><div class="rounded-t-xl px-3 py-2.5 text-[11px] line-through" style="background:#ede7f7;color:#6b6580">Confirm last day at origin office</div><div class="flex items-center justify-between px-3 py-2"><div class="flex items-center gap-1.5 text-[10px] text-black"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg> 01 Feb 2026</div><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><div class="mx-3 mb-2 rounded-full border border-black/10 py-1.5 text-center text-[10px] font-medium" style="color:#6750a4">Undo Completion</div></div></div></div></div><div class="absolute inset-0 transition-opacity duration-500 pointer-events-none opacity-0"><div class="relative h-full bg-white"><div class="relative h-[15%] w-full overflow-hidden"><img src="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80" alt="" class="absolute inset-0 h-full w-full object-cover brightness-[0.4]"/></div><div class="absolute inset-x-0 bottom-0 top-[12%] rounded-t-[20px]" style="background:#ede7f7"><div class="mx-auto mt-2 h-1 w-10 rounded-full bg-black/20"></div><div class="flex items-center justify-between px-4 pt-2"><div class="text-[15px] font-semibold text-black">Uploads</div><div class="text-[12px] font-semibold" style="color:#6750a4">Done</div></div><div class="mx-4 mt-3 grid grid-cols-2 rounded-lg p-0.5" style="background:#dccff0"><div class="rounded-md bg-white py-1.5 text-center text-[11px] font-semibold" style="color:#6750a4">To upload</div><div class="py-1.5 text-center text-[11px] text-black/60">Documents</div></div><div class="mx-4 mt-3 flex items-center justify-between rounded-lg p-3" style="background:#e0d4f2"><div><div class="text-[12px] font-semibold" style="color:#6750a4">Need to share any other file?</div><div class="text-[10px] text-black/60">Tap here to upload</div></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg></div><div class="bg-white px-4 pt-6 pb-2"><div class="text-[11px] font-semibold" style="color:#6750a4">Required uploads</div><div class="mt-3 text-[12px] font-semibold text-black">Upload copy of passport</div><div class="mt-1.5 flex items-center justify-between"><div class="flex items-center gap-1.5 text-[11px] text-black"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg> 30 Jan 2026</div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg></div><div class="mt-3 rounded-full py-2 text-center text-[11px] font-semibold text-black" style="background:#d9c9ee">Upload more</div></div></div></div></div><div class="absolute inset-0 transition-opacity duration-500 pointer-events-none opacity-0"><div class="flex h-full flex-col bg-white"><div class="relative h-[38%] w-full overflow-hidden"><img src="https://images.unsplash.com/photo-1508804185872-d7badad00f7d?w=900&amp;q=80" alt="China" class="absolute inset-0 h-full w-full object-cover"/><div class="absolute left-3 top-3 flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></div><div class="absolute right-3 top-3 flex h-7 w-7 items-center justify-center rounded-full bg-black/40 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></div><div class="absolute bottom-3 left-3 flex items-center gap-2"><div class="flex h-4 w-6 items-center justify-center rounded-[2px] bg-[#de2910] ring-1 ring-white/40"><span class="text-[9px] text-[#ffde00]">★</span></div><div class="text-[22px] font-semibold text-white drop-shadow">China</div></div></div><div class="flex-1 overflow-hidden bg-white px-3 pt-3"><div class="grid grid-cols-2 gap-2"><div class="flex items-center justify-center gap-1.5 rounded-lg border py-2 text-[11px] font-semibold" style="border-color:#6750a4;color:#6750a4;background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg> Business Travel</div><div class="flex items-center justify-center gap-1.5 rounded-lg border border-black/10 py-2 text-[11px] text-black/60"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path></svg> Non-business</div></div><div class="mt-3 space-y-2.5 divide-y divide-black/5"><div class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane-landing mt-0.5" aria-hidden="true"><path d="M2 22h20"></path><path d="M3.77 10.77 2 9l2-4.5 1.1.55c.55.28.9.84.9 1.45s.35 1.17.9 1.45L8 8.5l3-6 1.05.53a2 2 0 0 1 1.09 1.52l.72 5.4a2 2 0 0 0 1.09 1.52l4.4 2.2c.42.22.78.55 1.01.96l.6 1.03c.49.88-.06 1.98-1.06 2.1l-1.18.15c-.47.06-.95-.02-1.37-.24L4.29 11.15a2 2 0 0 1-.52-.38Z"></path></svg><div><div class="text-[11px] font-semibold text-black">Mon, 23 February 2026</div><div class="text-[10px] text-black/60">Arrival Overnight (12 AM <!-- -->&gt;<!-- --> 6 AM)</div></div></div><div class="flex gap-2 pt-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane-takeoff mt-0.5" aria-hidden="true"><path d="M2 22h20"></path><path d="M6.36 17.4 4 17l-2-4 1.1-.55a2 2 0 0 1 1.8 0l.17.1a2 2 0 0 0 1.8 0L8 12 5 6l.9-.45a2 2 0 0 1 2.09.2l4.02 3a2 2 0 0 0 2.1.2l4.19-2.06a2.41 2.41 0 0 1 1.73-.17L21 7a1.4 1.4 0 0 1 .87 1.99l-.38.76c-.23.46-.6.84-1.07 1.08L7.58 17.2a2 2 0 0 1-1.22.18Z"></path></svg><div><div class="text-[11px] font-semibold text-black">Fri, 27 February 2026</div><div class="text-[10px] text-black/60">Departure Daytime (6 AM <!-- -->&gt;<!-- --> 12 PM)</div></div></div><div class="flex items-center gap-2 pt-2.5 text-[11px] text-black"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag" aria-hidden="true">
1<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg> Conference / Business Meeting</div><div class="flex items-center gap-2 pt-2.5 text-[11px] text-black/60"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-text-align-start" aria-hidden="true"><path d="M21 5H3"></path><path d="M15 12H3"></path><path d="M17 19H3"></path></svg> Add description</div><div class="flex items-center gap-2 pt-2.5 text-[11px] text-black/60"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paperclip" aria-hidden="true"><path d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"></path></svg> Add attachments</div></div><div class="mt-3 rounded-full py-2 text-center text-[11px] font-semibold text-white" style="background:#6750a4">Confirm Trip</div></div></div></div><div class="absolute inset-0 transition-opacity duration-500 pointer-events-none opacity-0"><div class="flex h-full flex-col bg-black"><div class="flex-1 px-6 pt-16"><p class="text-center text-[11px] leading-relaxed text-white">Capture only the bio page of the passport, ensuring the image has no blur or glare, both horizontal or vertical orientation are accepted.</p><div class="relative mt-8 aspect-[4/3] w-full"><div class="absolute h-4 w-4 border-[#fcbf00] top-0 left-0 border-t-2 border-l-2"></div><div class="absolute h-4 w-4 border-[#fcbf00] top-0 right-0 border-t-2 border-r-2"></div><div class="absolute h-4 w-4 border-[#fcbf00] bottom-0 left-0 border-b-2 border-l-2"></div><div class="absolute h-4 w-4 border-[#fcbf00] bottom-0 right-0 border-b-2 border-r-2"></div><div class="absolute inset-1.5 overflow-hidden rounded-sm bg-[#e8d9c1]"><div class="p-2 text-[6px] text-black/70"><div class="font-bold tracking-wider">PASSAPORTO</div><div>PASSPORT</div><div class="mt-4 space-y-1.5 opacity-70"><div class="h-1 w-20 rounded bg-black/30"></div><div class="h-1 w-16 rounded bg-black/30"></div><div class="h-1 w-24 rounded bg-black/30"></div><div class="h-1 w-14 rounded bg-black/30"></div><div class="h-1 w-20 rounded bg-black/30"></div></div><div class="absolute left-2 top-8 h-14 w-10 rounded bg-black/10"></div></div></div></div></div><div class="flex items-center justify-between px-6 py-4" style="background:#ede7f7"><span class="text-[13px] font-semibold" style="color:#6750a4">Cancel</span><span class="text-[13px] font-semibold" style="color:#6750a4">Continue</span></div></div></div><div class="absolute inset-0 transition-opacity duration-500 pointer-events-none opacity-0"><div class="flex h-full flex-col bg-white"><div class="flex items-center justify-between px-4 pt-2 pb-3" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg><div class="text-[13px] font-medium text-black">Guides</div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></div><div class="relative h-[22%] w-full overflow-hidden"><img src="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80" alt="Singapore" class="absolute inset-0 h-full w-full object-cover"/><div class="absolute bottom-2 left-3"><div class="text-[11px] text-white/90">Your guide to</div><div class="text-[18px] font-semibold leading-tight text-white">Singapore</div></div><div class="absolute bottom-2 right-3 flex h-6 w-6 items-center justify-center rounded-full bg-white/20 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div></div><div class="flex-1 overflow-hidden px-4 py-1"><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Orientation</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Get ready to go</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Finances</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Find a home</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Choose a school</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Health and safety</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Get around</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Family matters</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Everyday living</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Get connected</span></div><div class="flex items-center gap-3 border-b border-black/5 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[11px] font-medium text-black">Business practices</span></div></div></div></div></div><div class="absolute bottom-0 left-0 right-0 flex items-end justify-between border-t border-black/5 bg-[#ede7f7] px-1 pb-2 pt-2"><button type="button" class="flex flex-1 flex-col items-center gap-0.5 focus:outline-none"><div class="relative flex h-[22px] w-[38px] items-center justify-center rounded-full " style="background:#e4d7f7"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#6750a4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><span class="text-[8.5px]" style="color:#6750a4;font-weight:500">Case</span></button><button type="button" class="flex flex-1 flex-col items-center gap-0.5 focus:outline-none"><div class="relative flex h-[22px] w-[38px] items-center justify-center rounded-full " style="background:transparent"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5a5a5a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><span class="text-[8.5px]" style="color:#5a5a5a;font-weight:400">Messages</span></button><button type="button" class="flex flex-1 flex-col items-center gap-0.5 focus:outline-none"><div class="relative flex h-[22px] w-[38px] items-center justify-center rounded-full " style="background:transparent"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5a5a5a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-waypoints" aria-hidden="true"><path d="m10.586 5.414-5.172 5.172"></path><path d="m18.586 13.414-5.172 5.172"></path><path d="M6 12h12"></path><circle cx="12" cy="20" r="2"></circle><circle cx="12" cy="4" r="2"></circle><circle cx="20" cy="12" r="2"></circle><circle cx="4" cy="12" r="2"></circle></svg></div><span class="text-[8.5px]" style="color:#5a5a5a;font-weight:400">Trips</span></button><button type="button" class="flex flex-1 flex-col items-center gap-0.5 focus:outline-none"><div class="relative flex h-[22px] w-[38px] items-center justify-center rounded-full " style="background:transparent"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5a5a5a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute right-2 top-1 h-1.5 w-1.5 rounded-full" style="background:#6750a4"></span></div><span class="text-[8.5px]" style="color:#5a5a5a;font-weight:400">Notifications</span></button><button type="button" class="flex flex-1 flex-col items-center gap-0.5 focus:outline-none"><div class="relative flex h-[22px] w-[38px] items-center justify-center rounded-full " style="background:transparent"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5a5a5a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></div><span class="text-[8.5px]" style="color:#5a5a5a;font-weight:400">More</span></button></div></div><div class="pointer-events-none absolute left-1/2 top-[12px] h-[22px] w-[86px] -translate-x-1/2 roun
1ded-full bg-black"></div></div><div class="flex items-center gap-2"><button type="button" aria-label="Show case" class="h-2 rounded-full transition-all w-6" style="background:#6750a4"></button><button type="button" aria-label="Show uploads" class="h-2 rounded-full transition-all w-2 bg-black/20 hover:bg-black/40"></button><button type="button" aria-label="Show trip" class="h-2 rounded-full transition-all w-2 bg-black/20 hover:bg-black/40"></button><button type="button" aria-label="Show passport" class="h-2 rounded-full transition-all w-2 bg-black/20 hover:bg-black/40"></button><button type="button" aria-label="Show guides" class="h-2 rounded-full transition-all w-2 bg-black/20 hover:bg-black/40"></button></div></div></div></div></div></div></div></div></div></section><div class="relative"><section class="relative py-14 md:py-28"><div class="container-page"><div class="grid md:grid-cols-2 gap-10 md:gap-20 items-center "><div class="min-w-0 overflow-hidden"><div class="min-w-0" style="font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"><div class="relative w-full rounded-[32px] md:rounded-[40px] overflow-hidden ring-1 ring-black/[0.05] shadow-[0_30px_80px_-40px_rgba(75,46,166,0.35)] " style="background:#ede1ff;font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"><div aria-hidden="true" class="pointer-events-none absolute -top-24 -right-24 h-[420px] w-[420px] rounded-full blur-3xl op
1acity-70" style="background:radial-gradient(closest-side, #c9b0ff, transparent)"></div><div aria-hidden="true" class="pointer-events-none absolute -bottom-32 -left-24 h-[360px] w-[360px] rounded-full blur-3xl opacity-40" style="background:radial-gradient(closest-side, #c9b0ff, transparent)"></div><div class="relative aspect-[4/5] sm:aspect-[16/10] w-full flex items-center justify-center overflow-hidden rounded-[32px] md:rounded-[40px] p-4 sm:p-6 md:p-10"><div class="relative flex h-full w-full items-center justify-center overflow-x-auto overflow-y-hidden "><div class="relative shrink-0" style="width:640px"><div class="absolute left-0 top-0 flex items-center justify-center [&amp;&gt;*]:h-auto [&amp;&gt;img]:mx-auto [&amp;&gt;img]:max-w-full [&amp;&gt;img]:object-contain" style="width:640px;transform:scale(1);transform-origin:top left"><div class="relative flex items-center justify-center gap-6 py-6"><div><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-20px_rgba(60,20,120,0.35)]" style="width:220px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="relative h-full"><div class="absolute inset-x-0 top-0 h-[14%] overflow-hidden"><img src="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80" alt="" class="h-full w-full object-cover brightness-[0.35]"/></div><div class="absolute inset-x-0 bottom-0 top-[11%] rounded-t-[18px]" style="background:#ede7f7"><div class="mx-auto mt-1.5 h-1 w-10 rounded-full bg-black/25"></div><div class="px-4 pt-2 pb-3 text-[14px] font-semibold text-black">Contacts</div><div class="bg-white"><div class="flex items-center gap-3 border-b border-black/5 px-4 py-3"><img src="/assets/avatar-jo-BJlMwTrj.jpg" alt="" class="h-9 w-9 rounded-full object-cover"/><div class="flex-1 min-w-0"><div class="text-[12px] font-semibold text-black truncate">Jo Strong</div><div class="text-[10px] text-black/60 truncate">Case Owner</div></div><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-black/40" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex items-center gap-3 border-b border-black/5 px-4 py-3"><div class="flex h-9 w-9 items-center justify-center rounded-full text-[10px] font-semibold text-black" style="background:#f0e4fa">ca</div><div class="flex-1 min-w-0"><div class="text-[12px] font-semibold text-black truncate">carlo arazas</div><div class="text-[10px] text-black/60 truncate">Host HR</div></div><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-black/40" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex items-center gap-3 border-b border-black/5 px-4 py-3"><div class="flex h-9 w-9 items-center justify-center rounded-full text-[10px] font-semibold text-black" style="background:#fbe4ea">BD</div><div class="flex-1 min-w-0"><div class="text-[12px] font-semibold text-black truncate">Bob Douglas</div><div class="text-[10px] text-black/60 truncate">Immigration</div></div><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-black/40" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></div></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"></div></div></div><div><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-20px_rgba(60,20,120,0.35)]" style="width:220px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="flex h-full flex-col bg-white"><div class="flex items-center justify-between px-3 pt-1 pb-2" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg><div class="text-[12px] font-medium text-black">Guides</div><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></div><div class="relative h-[26%] w-full overflow-hidden"><img src="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80" alt="Singapore" class="absolute inset-0 h-full w-full object-cover"/>
1<div class="absolute bottom-2 left-3"><div class="text-[10px] text-white/90 drop-shadow">Your guide to</div><div class="text-[17px] font-semibold leading-tight text-white drop-shadow">Singapore</div></div><div class="absolute bottom-2 right-3 flex h-5 w-5 items-center justify-center rounded-full bg-white/25 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div></div><div class="flex-1 overflow-hidden px-3 py-0.5"><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Orientation</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Get ready to go</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Finances</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Find a home</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Choose a school</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Health and safety</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Get around</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Family matters</span></div><div class="flex items-center gap-2.5 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="text-[10.5px] font-medium text-black">Everyday living</span></div></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"></div></div></div></div></div></div></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-[32px] md:rounded-[40px] ring-1 ring-inset ring-white/40"></div></div></div></div><div class="relative min-w-0"><h2 class="text-3xl md:text-5xl font-medium tracking-tight leading-[1.05] ">Keep employees informed and engaged</h2><div class="mt-6 text-lg space-y-4 leading-relaxed text-muted-foreground"><p>A clear view of their move in one place — tasks, documents, contacts, location guides and updates. Employees always know what&#x27;s next, and the process feels structured and supported.</p><div class="mt-6 space-y-3"><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">All in one place</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Track move progress, tasks and reminders without hunting through email.</div></div><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Destination guides</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Country-specific info about where they&#x27;re heading.</div></div><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Key contacts</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Quick access to the right person for every part of the move.</div></div></div></div></div></div></div><div aria-hidden="true" class="absolute inset-x-0 -bottom-px h-px" style="background:linear-gradient(90deg, transparent, rgba(107,75,216,0.18), transparent)"></div></section><section class="relative py-14 md:py-28"><div class="container-page"><div class="grid md:grid-cols-2 gap-10 md:gap-20 items-center md:[&amp;&gt;*:first-child]:order-2"><div class="min-w-0 overflow-hidden"><div class="relative w-full min-w-0 md:aspect-[16/10]" style="font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"><div class="relative flex h-full w-full items-center justify-center overflow-x-auto overflow-y-hidden "><div class="relative shrink-0" style="width:560px"><div class="absolute left-0 top-0 flex items-center justify-center [&amp;&gt;*]:h-auto [&amp;&gt;img]:mx-auto [&amp;&gt;img]:max-w-full [&amp;&gt;img]:object-contain" style="width:560px;transform:scale(1);transform-origin:top left"><div class="relative flex items-center justify-center py-6"><div class="mr-[-60px]"><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-2
10px_rgba(60,20,120,0.35)]" style="width:220px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="flex h-full flex-col bg-white"><div class="flex items-center justify-between px-3 pt-1 pb-2" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg><div class="text-[12px] font-medium text-black">To do</div><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell-plus" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M15 8h6"></path><path d="M18 5v6"></path><path d="M20.002 14.464a9 9 0 0 0 .738.863A1 1 0 0 1 20 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 8.75-
15.332"></path></svg></div><div class="px-3 pt-3"><div class="flex items-center gap-1.5 text-[10px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>Due Date</span><span class="font-semibold text-black">01 Feb 2026</span></div><div class="mt-2 text-[13px] font-semibold leading-snug text-black">Confirm last day at origin office</div><button class="mt-3 w-full rounded-full py-2 text-[11px] font-semibold text-white" style="background:#6750a4">Mark as Completed</button><div class="mt-3 flex items-center gap-2 border-b border-black/5 pb-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-black/70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><span class="flex-1 text-[11px] font-semibold text-black">Documents</span><span class="flex h-4 w-4 items-center justify-center rounded-full text-[9px] font-semibold" style="background:#d9ccf2;color:#6750a4">0</span></div><div class="mt-2 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up" aria-hidden="true" style="color:#6750a4"><path d="m18 15-6-6-6 6"></path></svg><span class="flex-1 text-[11px] font-semibold text-black">Messages</span><span class="flex h-4 w-4 items-center justify-center rounded-full text-[9px] font-semibold" style="background:#d9ccf2;color:#6750a4">1</span></div><div class="mt-2 rounded-[10px] p-2" style="background:#ede7f7"><div class="flex items-center gap-1.5"><img src="/assets/avatar-jo-BJlMwTrj.jpg" alt="" class="h-5 w-5 rounded-full object-cover"/><div class="min-w-0"><div class="text-[10px] font-semibold leading-tight text-black">Joy Simpson (Me)</div><div class="text-[8px] text-black/55">14 Mar 2026 1:23 AM</div></div></div><div class="mt-1 text-[10px] text-black">My last day will be on the 1st of June</div></div></div><div class="mt-auto flex items-center gap-2 border-t border-black/10 px-3 py-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paperclip text-black/50" aria-hidden="true"><path d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"></path></svg><span class="flex-1 text-[10px] text-black/40">Add new message</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send text-black/40" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"></div></div></div><div class="z-10"><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-20px_rgba(60,20,120,0.35)]" style="width:220px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="relative h-full bg-white"><div class="absolute inset-x-0 top-0 h-[18%] overflow-hidden"><img src="https://images.unsplash.com/photo-1508964942454-1a56651d54ac?w=900&amp;q=80" alt="" class="h-full w-full object-cover brightness-[0.4]"/></div><div class="absolute inset-x-0 bottom-0 top-[15%] rounded-t-[18px]" style="background:#ede7f7"><div class="mx-auto mt-1.5 h-1 w-10 rounded-full bg-black/25"></div><div class="flex items-center justify-between px-3 pt-1 pb-2"><div class="text-[13px] font-semibold text-black">Uploads</div><div class="text-[11px] font-semibold" style="color:#6750a4">Done</div></div><div class="mx-3 flex rounded-full bg-white p-0.5" style="border:1px solid #d9ccf2"><div class="flex-1 rounded-full py-1 text-center text-[10px] font-semibold" style="color:#6750a4;background:white">To upload</div><div class="flex-1 py-1 text-center text-[10px] font-medium text-black/50">Documents</div></div><div class="mx-3 mt-3 flex items-center justify-between rounded-lg px-2.5 py-2" style="background:#d9ccf2"><div><div class="text-[10px] font-semibold" style="color:#6750a4">Need to share any other file?</div><div class="text-[9px] text-black/60">Tap here to upload</div></div><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload" aria-hidden="true" style="color:#6750a4"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg></div><div class="bg-white pt-2 pb-3"><div class="px-3 text-[10px] font-semibold" style="color:#6750a4">Required uploads</div><div class="mx-3 mt-2 rounded-md"><div class="text-[11px] font-semibold text-black">Upload copy of passport</div><div class="mt-1 flex items-center justify-between"><div class="flex items-center gap-1 text-[10px] text-black"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar text-black/60" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span class="font-semibold">30 Jan 2026</span></div><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell" aria-hidden="true" style="color:#6750a4"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg></div><button class="mt-3 w-full rounded-full py-1.5 text-[10px] font-semibold text-black" style="background:#d9ccf2">Upload more</button></div></div></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"></div></div></div><div class="ml-[-60px]"><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-20px_rgba(60,20,120,0.35)]" style="width:220px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="flex h-full flex-col" style="background:#ede7f7"><div class="flex items-center justify-between px-3 pt-1 pb-2"><div class="w-4"></div><div class="text-[12px] font-medium text-black">More</div><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div><div class="mx-3 flex rounded-full bg-white/50 p-0.5" style="border:1px solid #d9ccf2"><div class="flex-1 rounded-full bg-white py-1 text-center text-[10px] font-semibold" style="color:#6750a4">Profile</div><div class="flex-1 py-1 text-center text-[10px] font-medium text-black/50">Settings</div></div><div class="mx-3 mt-3 rounded-xl bg-white p-2.5"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user" aria-hidden="true" style="color:#6750a4"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><div><div class="text-[12px] font-semibold text-black leading-tight">Joy Simpson</div><div class="text-[9px] text-black/60">Information, address, passports</div></div></div><button class="mt-2 w-full rounded-full py-1.5 text-[10px] font-semibold text-black" style="background:#d9ccf2">Edit</button></div><div class="mx-3 mt-2 rounded-xl bg-white p-2.5"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" aria-hidden="true" style="color:#6750a4"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><div><div class="text-[12px] font-semibold text-black leading-tight">My Family Information</div><div class="text-[9px] text-black/60">My family and dependents</div></div></div><div class="mt-2 flex items-center justify-center gap-1 py-1 text-[10px] font-semibold" style="color:#6750a4"><span>+</span><span>Add dependent</span></div></div><div class="mt-auto flex items-center justify-center gap-1 pb-2 text-[11px] font-semibold" style="color:#d92d5f"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out" aria-hidden="true"><path d="m16 17 5-5-5-5"></path><path d="M21 12H9"></path><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path></svg><span>Logout</span></div>
1<div class="grid grid-cols-5 gap-0.5 border-t border-black/10 bg-white px-1 py-1.5"><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5 "><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true" style="color:#444"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><span class="text-[7px]" style="color:#444">Case</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5 "><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true" style="color:#444"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><span class="text-[7px]" style="color:#444">Messages</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5 "><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch" aria-hidden="true" style="color:#444"><path d="M15 6a9 9 0 0 0-9 9V3"></path><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle></svg></div><span class="text-[7px]" style="color:#444">Trips</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5 "><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell" aria-hidden="true" style="color:#444"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute -right-0.5 -top-0.5 h-1 w-1 rounded-full" style="background:#6750a4"></span></div><span class="text-[7px]" style="color:#444">Notifications</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5 " style="background:#ede7f7"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 lucide-grid-3x3" aria-hidden="true" style="color:#6750a4"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg></div><span class="text-[7px]" style="color:#6750a4">More</span></div></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"></div></div></div></div></div></div></div></div></div><div class="relative min-w-0"><h2 class="text-3xl md:text-5xl font-medium tracking-tight leading-[1.05] ">Reduce back-and-forth for your team</h2><div class="mt-6 text-lg space-y-4 leading-relaxed text-muted-foreground"><p>Give employees direct access to information and self-service tools, so your mobility team stops chasing updates and sharing documents manually.</p><div class="mt-6 space-y-3"><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Document upload &amp; storage</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Securely upload passports, visas and other essentials in seconds.</div></div><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">In-app support</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Chat with support contacts and raise tickets without leaving the app.</div></div><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Manage personal details</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Employees keep their own and dependants&#x27; data up to date.</div></div></div></div></div></div></div><div aria-hidden="true" class="absolute inset-x-0 -bottom-px h-px" style="background:linear-gradient(90deg, transparent, rgba(107,75,216,0.18), transparent)"></div></section><section class="relative py-14 md:py-28"><div class="container-page"><div class="grid md:grid-cols-2 gap-10 md:gap-20 items-center "><div class="min-w-0 overflow-hidden"><div class="min-w-0" style="font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"><div class="relative w-full rounded-[32px] md:rounded-[40px] overflow-hidden ring-1 ring-black/[0.05] shadow-[0_30px_80px_-40px_rgba(75,46,166,0.35)] " style="background:#fbf1d6;font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"><div aria-hidden="true" class="pointer-events-none absolute -top-24 -right-24 h-[420px] w-[420px] rounded-full blur-3xl op
1acity-70" style="background:radial-gradient(closest-side, #ffd873, transparent)"></div><div aria-hidden="true" class="pointer-events-none absolute -bottom-32 -left-24 h-[360px] w-[360px] rounded-full blur-3xl opacity-40" style="background:radial-gradient(closest-side, #ffd873, transparent)"></div><div class="relative aspect-[4/5] sm:aspect-[16/10] w-full flex items-center justify-center overflow-hidden rounded-[32px] md:rounded-[40px] p-4 sm:p-6 md:p-10"><div class="relative flex h-full w-full items-center justify-center overflow-x-auto overflow-y-hidden "><div class="relative shrink-0" style="width:640px"><div class="absolute left-0 top-0 flex items-center justify-center [&amp;&gt;*]:h-auto [&amp;&gt;img]:mx-auto [&amp;&gt;img]:max-w-full [&amp;&gt;img]:object-contain" style="width:640px;transform:scale(1);transform-origin:top left"><div class="relative flex items-center justify-center gap-5 py-6"><div><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-20px_rgba(60,20,120,0.35)]" style="width:230px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="flex h-full flex-col bg-white"><div class="flex items-center justify-between px-3 pt-1 pb-2" style="background:#ede7f7"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg><div class="flex items-center gap-1 text-[11px] font-medium text-black">January 2026 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex items-center gap-1.5"><div class="flex h-4 w-4 items-center justify-center rounded-full text-[7px] font-semibold text-white" style="background:#6750a4">22</div><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></div></div><div class="flex-1 min-h-0 space-y-1.5 overflow-hidden px-2.5 pt-2"><div><div class="mb-1 text-[7px] font-semibold tracking-wide text-black/50">NOVEMBER 01 - 03</div><div class="flex gap-2"><div class="pt-1 text-center"><div class="text-[13px] font-semibold text-black leading-none">2</div><div class="text-[7px] text-black/60">days</div></div><div class="flex-1 rounded-[10px] bg-white pb-0.5 shadow-[0_1px_3px_rgba(0,0,0,0.08)]"><div class="px-2 pt-1.5 pb-1"><div class="flex items-center gap-1.5"><span class="text-[10px] leading-none">🇨🇳</span><span class="text-[10px] font-semibold text-black">China</span></div><div class="mt-0.5 flex items-center gap-1 text-[8px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>Internal meetings / Team building</div><div class="mt-0.5 flex items-center gap-1 text-[8px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>01 Nov 2026 - 03 Nov 2026</div></div><div class="mx-2 h-[2px] rounded-full" style="background:#f5a623"></div></div></div></div><div><div class="mb-1 text-[7px] font-semibold tracking-wide text-black/50">OCTOBER 06 - 08</div><div class="flex gap-2"><div class="pt-1 text-center"><div class="text-[13px] font-semibold text-black leading-none">2</div><div class="text-[7px] text-black/60">days</div></div><div class="flex-1 rounded-[10px] bg-white pb-0.5 shadow-[0_1px_3px_rgba(0,0,0,0.08)]"><div class="px-2 pt-1.5 pb-1"><div class="flex items-center gap-1.5"><span class="text-[10px] leading-none">🇰🇭</span><span class="text-[10px] font-semibold text-black">Cambodia</span></div><div class="mt-0.5 flex items-center gap-1 text-[8px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>Site visit / Inspection</div><div class="mt-0.5 flex items-center gap-1 text-[8px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>06 Oct 2026 - 08 Oct 2026</div></div><div class="mx-2 h-[2px] rounded-full" style="background:#f5a623"></div></div></div></div><div><div class="mb-1 text-[7px] font-semibold tracking-wide text-black/50">SEPTEMBER 01 - 04</div><div class="flex gap-2"><div class="pt-1 text-center"><div class="text-[13px] font-semibold text-black leading-none">3</div><div class="text-[7px] text-black/60">days</div></div><div class="flex-1 rounded-[10px] bg-white pb-0.5 shadow-[0_1px_3px_rgba(0,0,0,0.08)]"><div class="px-2 pt-1.5 pb-1"><div class="flex items-center gap-1.5"><span class="text-[10px] leading-none">🇹🇭</span><span class="text-[10px] font-semibold text-black">Bangkok, TH</span></div><div class="mt-0.5 flex items-center gap-1 text-[8px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>Conference / Business Meeting</div><div class="mt-0.5 flex items-center gap-1 text-[8px] text-black/70"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>01 Sep 2026 - 04 Sep 2026</div></div><div class="mx-2 h-[2px] rounded-full" style="background:#8ec641"></div></div></div></div></div><div class="relative"><button class="absolute -top-8 right-3 flex h-9 w-9 items-center justify-center rounded-full text-white shadow-lg" style="background:#6750a4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div class="grid grid-cols-5 gap-0.5 border-t border-black/10 bg-white px-1 py-1.5"><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true" style="color:#444"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><span class="text-[7px]" style="color:#444">Case</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square" aria-hidden="true" style="color:#444"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><span class="text-[7px]" style="color:#444">Messages</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5" style="background:#ede7f7"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch" aria-hidden="true" style="color:#6750a4"><path d="M15 6a9 9 0 0 0-9 9V3"></path><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle></svg></div><span class="text-[7px]" style="color:#6750a4">Trips</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell" aria-hidden="true" style="color:#444"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute -right-0.5 -top-0.5 h-1 w-1 rounded-full" style="background:#6750a4"></span></div><span class="text-[7px]" style="color:#444">Notifications</span></div><div class="flex flex-col items-center gap-0.5 rounded-md py-0.5"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 lucide-grid-3x3" aria-hidden="true" style="color:#444"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg></div><span class="text-[7px]" style="color:#444">More</span></div></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 roun
1ded-full bg-black"></div></div></div><div><div class="relative rounded-[38px] bg-black p-[5px] shadow-[0_30px_60px_-20px_rgba(60,20,120,0.35)]" style="width:230px;font-family:Roboto, system-ui, sans-serif"><div class="relative overflow-hidden rounded-[33px] bg-white" style="aspect-ratio:9/19"><div class="pt-7"></div><div class="relative flex h-full flex-col bg-white pb-12"><div class="relative h-[40%] w-full overflow-hidden"><img src="https://images.unsplash.com/photo-1508804185872-d7badad00f7d?w=900&amp;q=80" alt="Great Wall" class="absolute inset-0 h-full w-full object-cover"/><div class="absolute left-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-black/40 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></div><div class="absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-black/40 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></div><div class="absolute bottom-2 left-3 flex items-center gap-1.5"><div class="flex h-3.5 w-5 items-center justify-center rounded-[2px] bg-[#de2910] text-[7px] text-yellow-300">★</div><div class="text-[16px] font-semibold text-white drop-shadow">China</div></div></div><div class="flex gap-1.5 px-3 pt-2"><div class="flex flex-1 items-center justify-center gap-1 rounded-full py-1 text-[9px] font-semibold" style="background:#ede7f7;color:#6750a4;border:1px solid #d9ccf2"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg> Business Travel</div><div class="flex flex-1 items-center justify-center gap-1 rounded-full py-1 text-[9px] font-medium text-black/60" style="border:1px solid #e5e5e5"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path></svg> Non-business</div></div><div class="px-3 pt-2"><div class="flex items-start gap-2 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane-landing mt-0.5 text-black/70" aria-hidden="true"><path d="M2 22h20"></path><path d="M3.77 10.77 2 9l2-4.5 1.1.55c.55.28.9.84.9 1.45s.35 1.17.9 1.45L8 8.5l3-6 1.05.53a2 2 0 0 1 1.09 1.52l.72 5.4a2 2 0 0 0 1.09 1.52l4.4 2.2c.42.22.78.55 1.01.96l.6 1.03c.49.88-.06 1.98-1.06 2.1l-1.18.15c-.47.06-.95-.02-1.37-.24L4.29 11.15a2 2 0 0 1-.52-.38Z"></path></svg><div><div class="text-[10px] font-semibold text-black leading-tight">Mon, 23 Feb 2026</div><div class="text-[8px] text-black/55">Arrival Overnight (12 AM &gt; 6 AM)</div></div></div><div class="flex items-start gap-2 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane-takeoff mt-0.5 text-black/70" aria-hidden="true"><path d="M2 22h20"></path><path d="M6.36 17.4 4 17l-2-4 1.1-.55a2 2 0 0 1 1.8 0l.17.1a2 2 0 0 0 1.8 0L8 12 5 6l.9-.45a2 2 0 0 1 2.09.2l4.02 3a2 2 0 0 0 2.1.2l4.19-2.06a2.41 2.41 0 0 1 1.73-.17L21 7a1.4 1.4 0 0 1 .87 1.99l-.38.76c-.23.46-.6.84-1.07 1.08L7.58 17.2a2 2 0 0 1-1.22.18Z"></path></svg><div><div class="text-[10px] font-semibold text-black leading-tight">Fri, 27 Feb 2026</div><div class="text-[8px] text-black/55">Departure Daytime (6 AM &gt; 12 PM)</div></div></div><div class="flex items-center gap-2 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag text-black/70" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><div class="text-[10px] text-black">Conference / Business Meeting</div></div><div class="flex items-center gap-2 border-b border-black/5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-text-align-start text-black/70" aria-hidden="true"><path d="M21 5H3"></path><path d="M15 12H3"></path><path d="M17 19H3"></path></svg><div class="text-[10px] text-black">Add description</div></div><div class="flex items-center gap-2 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paperclip text-black/70" aria-hidden="true"><path d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"></path></svg><div class="text-[10px] text-black">Add attachments</div></div></div><div class="absolute inset-x-3 bottom-2"><button class="w-full rounded-full py-2 text-[11px] font-semibold text-white" style="background:#6750a4">Confirm Trip</button></div></div></div><div class="pointer-events-none absolute left-1/2 top-[10px] h-[18px] w-[70px] -translate-x-1/2 rounded-full bg-black"></div></div></div></div></div></div></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-[32px] md:rounded-[40px] ring-1 ring-inset ring-white/40"></div></div></div></div><div class="relative min-w-0"><h2 class="text-3xl md:text-5xl font-medium tracking-tight leading-[1.05] ">Business travel tracking and compliance</h2><div class="mt-6 text-lg space-y-4 leading-relaxed text-muted-foreground"><p>Employees log and track business travel directly in the app — giving mobility teams a complete view of mobile activity for better compliance and decision-making.</p><div class="mt-6 space-y-3"><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Calendar view</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">See past and upcoming trips at a glance.</div></div><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Log on the go</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Confirm or add new trips in seconds from anywhere.</div></div><div class="rounded-xl border border-[#e9e0ff] bg-white/70 p-4"><div class="flex items-center gap-3"><div class="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-[#6750a4] text-white leading-none"><svg class="h-3.5 w-3.5 block" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12.5l4 4L19 7.5"></path></svg></div><div class="font-semibold text-[#2a1a5c] leading-6">Submit expenses</div></div><div class="mt-1 pl-9 text-sm text-[#3d2a6b]/75">Snap a photo and file an expense in a couple of taps.</div></div></div></div></div></div></div><div aria-hidden="true" class="absolute inset-x-0 -bottom-px h-px" style="background:linear-gradient(90deg, transparent, rgba(107,75,216,0.18), transparent)"></div></section><section class="relative pt-14 md:pt-28 pb-10 md:pb-14"><div class="container-page"><div class="space-y-10"><div class="max-w-3xl"><h2 class="text-3xl md:text-5xl font-medium tracking-tight leading-[1.05] ">Employee mobility app questions, answered</h2><div class="mt-6 text-lg space-y-4 leading-relaxed text-muted-foreground"><div class="space-y-6"><div><h3 class="font-semibold text-[#2a1a5c]">What is an employee mobility app?</h3><p class="mt-1 text-[#3d2a6b]/80">An employee mobility app is a mobile app for people who are relocating, on international assignment or travelling for work. It shows the tasks and dates for their move, stores the documents needed for it, and connects them to the people supporting it — so employees don&#x27;t have to piece their move together from email threads.</p></div><div><h3 class="font-semibold text-[#2a1a5c]">How do employees get the Workia app?</h3><p class="mt-1 text-[#3d2a6b]/80">Employees download Workia Mobility free from the <a class="underline" href="https://apps.apple.com/gb/app/workia-mobility/id6740539185" target="_blank" rel="noreferrer">App Store</a> or <a class="underline" href="https://play.google.com/store/apps/details?id=com.workia.app&amp;hl=en_GB" target="_blank" rel="noreferrer">Google Play</a> and sign in with the invite their mobility team sends from Workia. There&#x27;s nothing for the employee to set up.</p></div><div><h3 class="font-semibold text-[#2a1a5c]">Can employees track business travel in the app?</h3><p class="mt-1 text-[#3d2a6b]/80">Yes. Employees confirm or add trips from their phone, which gives mobility team
1s the day counts they need for <a class="underline" href="/business-travel-compliance">business travel compliance</a> without chasing people for calendars or spreadsheets.</p></div><div><h3 class="font-semibold text-[#2a1a5c]">Is employee data secure?</h3><p class="mt-1 text-[#3d2a6b]/80">Documents and personal details sit in the same secure Workia platform your mobility team uses, with access controlled by role — not sent around as email attachments. See how it fits together in <a class="underline" href="/mobility-app">the wider Workia platform</a>.</p></div></div></div></div><div class="relative w-full min-w-0 overflow-hidden" style="font-family:&#x27;Roboto&#x27;, ui-sans-serif, system-ui, sans-serif"></div></div></div></section></div><section class="relative pt-10 md:pt-14 pb-24 md:pb-32" style="background:linear-gradient(180deg, #fbfaff 0%, #f4eeff 100%)"><div class="container-page"><div class="max-w-3xl mb-10 md:mb-12"><span class="inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wider mb-5" style="background:#e4d7ff;color:#2a1a5c">Everything included</span><h2 class="text-3xl md:text-5xl font-medium tracking-tight leading-[1.05]">Key features for employees</h2></div><div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4 auto-rows-fr"><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#ede1ff;color:#6750a4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="text-lg font-semibold leading-snug">All in one place</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Employees can track move progress, tasks and reminders in one place.</p></div><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#d9f6f2;
1color:#1a9587"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-5 w-5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><h3 class="text-lg font-semibold leading-snug">Document upload &amp; storage</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Securely upload and share essential documents like passports and visas.</p></div><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#ffe4ee;color:#d9376b"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-lg font-semibold leading-snug">Key contacts</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Quick and easy access to contact details for every aspect of their move.</p></div><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#fff2cc;color:#a8802a"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-5 w-5" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><h3 class="text-lg font-semibold leading-snug">Get support</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Chat directly with support contacts in the app. Create and view tickets for queries and support.</p></div><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#ffe4ee;color:#d9376b"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-lg font-semibold leading-snug">Manage personal details</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Access and manage personal and dependants data.</p></div><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#ede1ff;color:#6750a4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="text-lg font-semibold leading-snug">Destination guides</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Country specific information about the locations they are traveling to.</p></div><a aria-label="Learn more about Business travel" href="/business-travel-compliance" class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#fff2cc;color:#a8802a"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar h-5 w-5" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg></div><h3 class="text-lg font-semibold leading-snug">Business travel</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Calendar view of past and upcoming trips, and easily confirm or log new ones on the go.</p><span class="mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-[#6750a4] opacity-0 -translate-x-1 transition-all duration-300 group-hover:opacity-100 group-hover:translate-x-0">Learn more <span aria-hidden="true">→</span></span></a><div class="group relative flex h-full flex-col rounded-3xl p-7 bg-white ring-1 ring-black/[0.06] transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_24px_60px_-28px_rgba(75,46,166,0.35)] hover:ring-black/10"><div class="mb-5 inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl transition-transform duration-300 group-hover:scale-105" style="background:#d9f6f2;
1color:#1a9587"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card h-5 w-5" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg></div><h3 class="text-lg font-semibold leading-snug">Submit expenses</h3><p class="mt-2 text-sm text-muted-foreground leading-relaxed">Easily create and submit expenses by simply taking a photo.</p></div></div></div></section><section class="relative overflow-hidden text-left" style="background:#5b488c"><div class="container-page"><div class="relative grid items-center gap-8 p-10 md:p-14 md:grid-cols-[1.05fr_1fr]"><div class="relative z-10 max-w-xl"><h2 class="text-4xl md:text-5xl font-medium text-white leading-tight">Ready to make global mobility easier?</h2><p class="mt-4 text-white/75 max-w-md">See Workia in action. Book a guided walkthrough or jump straight into a self-serve product tour.</p><div class="mt-8 flex flex-wrap gap-3"><a href="/talk-to-us" class="inline-flex items-center rounded-full bg-white px-6 py-3 text-sm font-medium text-[#3d2a72] shadow-sm transition hover:bg-white/90">Book a demo</a><a href="https://equus.navattic.com/qy20qlf?g=cm3yijlvo000003mggnskeoo0&amp;s=0&amp;hsCtaAttrib=184664881533" target="_blank" rel="noreferrer" class="inline-flex items-center rounded-full border border-white/40 px-6 py-3 text-sm font-medium text-white transition hover:bg-white/10">Take a product tour</a></div></div><div class="relative h-[240px] md:h-[300px] hidden md:block"><img src="/__l5e/assets-v1/2ffee97f-d25a-44d3-9cdf-4721074f460a/cta-list.png" alt="Workia product preview" loading="lazy" class="absolute -bottom-20 -right-20 w-[90%] max-w-none rounded-[20px]"/></div></div></div></section></div>
1<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
1<!--/$--></main><footer class="relative overflow-hidden bg-white text-[#1d1638] border-t border-[#ede1ff]"><div class="container-page relative pt-14 pb-14 grid gap-14 md:grid-cols-12"><div class="md:col-span-5"><div class="mb-6 flex flex-wrap items-center gap-3"><img src="/__l5e/assets-v1/5e96c049-19c0-497b-ba91-83b8ade041b7/workia-logo.png" alt="Workia" class="h-9 w-auto object-contain " width="920" height="920"/><div class="flex min-w-0 items-center gap-2 sm:gap-3 "><span aria-hidden="true" class="h-7 w-px shrink-0 bg-[#d9cdf0]"></span><a href="https://www.equusoft.com/" target="_blank" rel="noreferrer" aria-label="By Equus Software" class="flex min-w-0 items-center gap-2 opacity-90 transition hover:opacity-100"><span class="text-[10px] font-semibold uppercase tracking-[0.18em] text-[#3d2a6b]/70 ">By</span><img src="/__l5e/assets-v1/68951803-1395-467d-89cc-f770e071d010/equus-logo-dark-2.png" alt="Equus Software" class="h-7 sm:h-8 w-auto shrink-0 object-contain" width="1080" height="280"/></a></div></div><h3 class="text-2xl font-medium tracking-tight text-[#1d1638] mb-4">A smarter way to <span class="text-[#6750a4]">manage moves</span></h3><p class="text-sm text-[#3d2a6b]/75 leading-relaxed max-w-md">Workia provides a new, smarter way to manage employee moves. Backed by<!-- --> <a href="https://www.equusoft.com/" target="_blank" rel="noreferrer" class="text-[#6750a4] hover:text-[#1d1638] underline underline-offset-2 decoration-[#6750a4]/40">Equus Software</a>, the leading creator of global mobility software and solutions.</p><a href="/about" class="group mt-6 inline-flex items-center gap-2 rounded-full bg-[#f4ecff] ring-1 ring-[#e9e0ff] px-4 py-2 text-sm text-[#1d1638] hover:bg-[#ede1ff] transition">About Workia<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 transition group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><div class="mt-8 flex items-center gap-2"><a href="https://www.linkedin.com/company/workia-mobility-management/" target="_blank" rel="noreferrer" aria-label="LinkedIn" class="flex h-10 w-10 items-center justify-center rounded-full bg-[#f4ecff] ring-1 ring-[#e9e0ff] text-[#6750a4] hover:text-[#1d1638] hover:bg-[#ede1ff] transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-4 h-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="mailto:[email protected]" aria-label="Email" class="flex h-10 w-10 items-center justify-center rounded-full bg-[#f4ecff] ring-1 ring-[#e9e0ff] text-[#6750a4] hover:text-[#1d1638] hover:bg-[#ede1ff] transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a><a href="tel:+12015489408" aria-label="Phone" class="flex h-10 w-10 items-center justify-center rounded-full bg-[#f4ecff] ring-1 ring-[#e9e0ff] text-[#6750a4] hover:text-[#1d1638] hover:bg-[#ede1ff] transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></a></div></div><div class="md:col-span-4"><div class="flex items-center gap-2 mb-5"><span class="h-px w-6 bg-[#6750a4]/60"></span>
1<h3 class="text-xs font-semibold uppercase tracking-[0.2em] text-[#6750a4]">Guides</h3></div><ul class="space-y-3"><li><a href="/what-is-global-mobility-technology" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">What is global mobility technology?</span></a></li><li><a href="/getting-started-with-workia" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Really no implementation?</span></a></li><li><a href="/workia-compliments-supplier-tech" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Workia vs supplier tech</span></a></li><li><a href="/workia-or-assignmentpro" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">AssignmentPro vs Workia</span></a></li><li><a href="/workia-or-spreadsheets" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Spreadsheets vs Workia</span></a></li><li><a href="/global-mobility-and-internal-audit" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Sail through internal audits with Workia</span></a></li><li><a href="/reduce-global-mobility-risks" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Workia reduces global mobility risk</span></a></li></ul></div><div class="md:col-span-3"><div class="flex items-center gap-2 mb-5"><span class="h-px w-6 bg-[#6750a4]/60"></span><h3 class="text-xs font-semibold uppercase tracking-[0.2em] text-[#6750a4]">Support</h3></div><ul class="space-y-3"><li><a href="https://support.workia.com" target="_blank" rel="noreferrer" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Help Center</span></a></li><li><a href="https://updates.workia.com" target="_blank" rel="noreferrer" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Product Updates</span></a></li><li><a href="https://workia.com/roadmap" target="_blank" rel="noreferrer" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Roadmap</span></a></li><li><a href="mailto:[email protected]" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Contact Support</span></a></li><li><a href="https://security.workia.com/" target="_blank" rel="noreferrer" class="group inline-flex items-center gap-1.5 text-sm text-[#3d2a6b]/80 hover:text-[#1d1638] transition"><span class="border-b border-transparent group-hover:border-[#6750a4]/40">Security &amp; Hosting</span></a></li></ul></div></div><div class="relative border-t border-[#ede1ff]"><div class="container-page py-6 flex flex-col md:flex-row items-center justify-between gap-3 text-xs text-[#3d2a6b]/60"><div>© <!-- -->2026<!-- --> Workia. People move. We make it simple.</div><div class="flex gap-6"><a href="/terms" class="hover:text-[#1d1638] transition">Terms</a><a href="/privacy" class="hover:text-[#1d1638] transition">Privacy</a></div></div></div></footer></div>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-CcNCz37q.js","/assets/jsx-runtime-DGeXAQPT.js","/assets/link-CL5QBfj3.js","/assets/react-vt4WmSOl.js"],assets:$R[5]=[$R[6]={tag:"link",attrs:$R[7]={rel:"stylesheet",href:"/assets/index-CgrZmV62.css",type:"text/css"}},$R[8]={tag:"script",attrs:$R[9]={type:"module",async:!0},children:"import(\"/assets/index-CcNCz37q.js\")"}]},"/employee-app":$R[10]={preloads:$R[11]=["/assets/employee-app-BlBs4SBu.js","/assets/briefcase-DYy_2Cgt.js","/assets/calendar-gXAJpH04.js","/assets/chevron-left-dRcoCDlG.js","/assets/chevron-up-MkZstYt8.js","/assets/compass-DWc1vx9i.js","/assets/FeatureContentPage-jj6i-inM.js","/assets/ellipsis-vertical-y3ZmLnD5.js","/assets/git-branch-BDMBPvv9.js","/assets/globe-DqIG0juv.js","/assets/grid-3x3-B2OqsdYE.js","/assets/layout-grid-BpYk-6Be.js","/assets/message-square-Bh0ylcbi.js","/assets/paperclip-BpC9VJNT.js","/assets/plus-BP7YmZSV.js","/assets/send-Dmf7S5_v.js","/assets/tag-ee7UpnlW.js","/assets/text-align-start-CY0-969T.js","/assets/upload-Pn9z19S8.js","/assets/user-Be88N9nk.js","/assets/wallet-Rcx3KsXe.js","/assets/avatar-jo-BIytTVa4.js"]}}}
1,matches:$R[12]=[$R[13]={i:"__root__�",u:1790898725345,s:"success",ssr:!0},$R[14]={i:"�employee-app�employee-app",u:1790898725345,s:"success",ssr:!0}],lastMatchId:"�employee-app�employee-app"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="">import("/assets/index-CcNCz37q.js")</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.