{"id":31359,"date":"2026-07-12T21:47:19","date_gmt":"2026-07-12T21:47:19","guid":{"rendered":"https:\/\/remote-opus.com\/virtual-assistant-inhuren\/"},"modified":"2026-09-23T12:24:02","modified_gmt":"2026-09-23T12:24:02","slug":"virtual-assistant-inhuren","status":"publish","type":"page","link":"https:\/\/remote-opus.com\/en\/virtual-assistant-inhuren\/","title":{"rendered":"Virtual assistant inhuren en uren per week terugwinnen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31359\" class=\"elementor elementor-31359\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tpx1sec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"tpx1sec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-tpx1col\" data-id=\"tpx1col\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-tpx1htm elementor-widget elementor-widget-html\" data-id=\"tpx1htm\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"Service\", \"name\": \"Virtual assistant inhuren\", \"serviceType\": \"Virtual assistant\", \"url\": \"https:\/\/remote-opus.com\", \"provider\": {\"@type\": \"Organization\", \"name\": \"Remote Opus\", \"url\": \"https:\/\/remote-opus.com\"}, \"areaServed\": {\"@type\": \"Country\", \"name\": \"Netherlands\"}, \"offers\": {\"@type\": \"Offer\", \"price\": \"895\", \"priceCurrency\": \"EUR\", \"priceSpecification\": {\"@type\": \"UnitPriceSpecification\", \"price\": \"895\", \"priceCurrency\": \"EUR\", \"unitText\": \"MONTH\"}}, \"aggregateRating\": {\"@type\": \"AggregateRating\", \"ratingValue\": \"4.8\", \"bestRating\": \"5\", \"ratingCount\": \"3\"}, \"review\": [{\"@type\": \"Review\", \"author\": {\"@type\": \"Person\", \"name\": \"A. Tahiri\", \"jobTitle\": \"CEO\", \"worksFor\": {\"@type\": \"Organization\", \"name\": \"Car Multimedia\"}}, \"reviewBody\": \"We hebben 40% meer tijd beschikbaar, wat resulteerde in een sterke groei in omzet.\", \"reviewRating\": {\"@type\": \"Rating\", \"ratingValue\": \"5\", \"bestRating\": \"5\"}}, {\"@type\": \"Review\", \"author\": {\"@type\": \"Person\", \"name\": \"Stefan Klammer\", \"jobTitle\": \"CEO\", \"worksFor\": {\"@type\": \"Organization\", \"name\": \"Climate King\"}}, \"reviewBody\": \"Ik kan vier remote medewerkers inzetten voor de prijs van \u00e9\u00e9n lokale kracht.\", \"reviewRating\": {\"@type\": \"Rating\", \"ratingValue\": \"5\", \"bestRating\": \"5\"}}, {\"@type\": \"Review\", \"author\": {\"@type\": \"Person\", \"name\": \"Kamil Kilic\", \"jobTitle\": \"CEO\", \"worksFor\": {\"@type\": \"Organization\", \"name\": \"MeerSucces.online\"}}, \"reviewBody\": \"Remote Opus overtrof alle verwachtingen.\", \"reviewRating\": {\"@type\": \"Rating\", \"ratingValue\": \"5\", \"bestRating\": \"5\"}}]}<\/script>\n<style>\nhtml{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#0f2318;background:var(--ro-accent)}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:webflow-icons;src:url(data:application\/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA\/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA\/\/9\/\/8AAAAAACDmAOkA\/\/3\/\/wAB\/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH\/\/wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA\/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r\/upcAXEBcgKU\/usBFVz+fAGEAAAAAAL\/\/f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps\/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA\/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA\/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2\/7c25MCUQYcHFg5OUA\/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt\/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf\/9\/70FtgPDAAAACAACAAAAAAAAAAEAAAPA\/8AAAAW3\/\/3\/\/QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP\/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format(\"truetype\");font-weight:400;font-style:normal}[class^=w-icon-],[class*=\\ w-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}.w-icon-slider-right:before{content:\"\ue600\"}.w-icon-slider-left:before{content:\"\ue601\"}.w-icon-nav-menu:before{content:\"\ue602\"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:\"\ue603\"}.w-icon-file-upload-remove:before{content:\"\ue900\"}.w-icon-file-upload-icon:before{content:\"\ue903\"}*{box-sizing:border-box}html{height:100%}body{color:#1a4731;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}html.w-mod-touch *{background-attachment:scroll!important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:#0000!important}.w-code-block{margin:unset}pre.w-code-block code{all:inherit}pre.w-code-block code>span{display:block!important}.w-optimization{display:contents}.w-webflow-badge,.w-webflow-badge>img{box-sizing:unset;width:unset;height:unset;max-height:unset;max-width:unset;min-height:unset;min-width:unset;margin:unset;padding:unset;float:unset;clear:unset;border:unset;border-radius:unset;background:unset;background-image:unset;background-position:unset;background-size:unset;background-repeat:unset;background-origin:unset;background-clip:unset;background-attachment:unset;background-color:unset;box-shadow:unset;transform:unset;direction:unset;font-family:unset;font-weight:unset;color:unset;font-size:unset;line-height:unset;font-style:unset;font-variant:unset;text-align:unset;letter-spacing:unset;-webkit-text-decoration:unset;text-decoration:unset;text-indent:unset;text-transform:unset;list-style-type:unset;text-shadow:unset;vertical-align:unset;cursor:unset;white-space:unset;word-break:unset;word-spacing:unset;word-wrap:unset;transition:unset}.w-webflow-badge{white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px #0f23181a,0 1px 3px #0f23181a;visibility:visible!important;opacity:1!important;z-index:2147483647!important;color:#aaadb0!important;width:auto!important;height:auto!important;overflow:unset!important;background-color:#fff!important;border-radius:3px!important;margin:0!important;padding:6px!important;font-size:12px!important;line-height:14px!important;text-decoration:none!important;display:inline-block!important;position:fixed!important;inset:auto 12px 12px auto!important;transform:none!important}.w-webflow-badge>img{position:unset;visibility:unset!important;opacity:1!important;vertical-align:middle!important;display:inline-block!important}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}h4{margin-top:10px;font-size:18px;line-height:24px}h5{margin-top:10px;font-size:14px;line-height:20px}h6{margin-top:10px;font-size:12px;line-height:18px}p{margin-top:0;margin-bottom:10px}blockquote{border-left:5px solid #e2e2e2;margin:0 0 10px;padding:10px 20px;font-size:18px;line-height:22px}figure{margin:0 0 10px}figcaption{text-align:center;margin-top:5px}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-embed:after{clear:both}.w-video{width:100%;padding:0;position:relative}.w-video iframe,.w-video object,.w-video embed{border:none;width:100%;height:100%;position:absolute;top:0;left:0}fieldset{border:0;margin:0;padding:0}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}.w-form{margin:0 0 15px}.w-form-done{text-align:center;background-color:#ddd;padding:20px;display:none}.w-form-fail{background-color:#ffdede;margin-top:10px;padding:10px;display:none}label{margin-bottom:5px;font-weight:700;display:block}.w-input,.w-select{color:#1a4731;vertical-align:middle;background-color:#fff;border:1px solid #ccc;width:100%;height:38px;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.w-input::placeholder,.w-select::placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898ec;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{cursor:pointer;margin-bottom:0;font-weight:400;display:inline-block}.w-radio{margin-bottom:5px;padding-left:20px;display:block}.w-radio:before,.w-radio:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-radio:after{clear:both}.w-radio-input{float:left;margin:3px 0 0 -20px;line-height:normal}.w-file-upload{margin-bottom:10px;display:block}.w-file-upload-input{opacity:0;z-index:-100;width:.1px;height:.1px;position:absolute;overflow:hidden}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{color:#1a4731;display:inline-block}.w-file-upload-error{margin-top:10px;display:block}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:flex}.w-file-upload-file{background-color:#fafafa;border:1px solid #ccc;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;display:flex}.w-file-upload-file-name{font-size:14px;font-weight:400;display:block}.w-file-remove-link{cursor:pointer;width:auto;height:auto;margin-top:3px;margin-left:10px;padding:3px;display:block}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{color:#ea384c;padding:2px 0;display:inline-block}.w-file-upload-info{padding:0 12px;line-height:38px;display:inline-block}.w-file-upload-label{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:inline-block}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{width:20px;margin-right:8px;display:inline-block}.w-icon-file-upload-uploading{height:20px}.w-container{max-width:940px;margin-left:auto;margin-right:auto}.w-container:before,.w-container:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px;position:relative}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333%}.w-col-2{width:16.6667%}.w-col-3{width:25%}.w-col-4{width:33.3333%}.w-col-5{width:41.6667%}.w-col-6{width:50%}.w-col-7{width:58.3333%}.w-col-8{width:66.6667%}.w-col-9{width:75%}.w-col-10{width:83.3333%}.w-col-11{width:91.6667%}.w-col-12{width:100%}.w-hidden-main{display:none!important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit!important}.w-hidden-medium{display:none!important}.w-col-medium-1{width:8.33333%}.w-col-medium-2{width:16.6667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.3333%}.w-col-medium-5{width:41.6667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.3333%}.w-col-medium-8{width:66.6667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.3333%}.w-col-medium-11{width:91.6667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main,.w-hidden-medium{display:inherit!important}.w-hidden-small{display:none!important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333%}.w-col-small-2{width:16.6667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.3333%}.w-col-small-5{width:41.6667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.3333%}.w-col-small-8{width:66.6667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.3333%}.w-col-small-11{width:91.6667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main,.w-hidden-medium,.w-hidden-small{display:inherit!important}.w-hidden-tiny{display:none!important}.w-col{width:100%}.w-col-tiny-1{width:8.33333%}.w-col-tiny-2{width:16.6667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.3333%}.w-col-tiny-5{width:41.6667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.3333%}.w-col-tiny-8{width:66.6667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.3333%}.w-col-tiny-11{width:91.6667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none!important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{vertical-align:top;text-align:center;background:#fff;border:1px solid #758696;border-radius:3px;width:28px;height:20px;display:inline-block;position:relative}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{text-align:center;color:#999;font-family:serif;font-size:15px;line-height:12px;position:relative}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{display:block;position:relative}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{content:\" \";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:50%;left:0}.w-widget-twitter-count-shim:not(.w--vertical):before{border-width:4px;border-color:#75869600 #5d6c7b #75869600 #75869600;margin-top:-4px;margin-left:-9px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-top:-5px;margin-left:-10px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-width:4px;border-color:#fff0 #fff #fff0 #fff0;margin-top:-4px;margin-left:-8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-top:-5px;margin-left:-9px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{content:\" \";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%;left:50%}.w-widget-twitter-count-shim.w--vertical:before{border-width:5px;border-color:#5d6c7b #75869600 #75869600;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-width:4px;border-color:#fff #fff0 #fff0;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{color:#fff;height:500px;position:relative;overflow:hidden}.w-background-video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}.w-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.w-background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.w-background-video--control>[hidden]{display:none!important}.w-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;background:#ddd;height:300px;position:relative}.w-slider-mask{z-index:1;white-space:nowrap;height:100%;display:block;position:relative;left:0;right:0;overflow:hidden}.w-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;height:100%;display:inline-block;position:relative}.w-slider-nav{z-index:2;text-align:center;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;height:40px;margin:auto;padding-top:10px;position:absolute;inset:auto 0 0}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;font-size:inherit;line-height:inherit;padding:.2em .5em}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px #3336}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:#2226}.w-slider-nav-invert>div.w-active{background-color:#0f2318}.w-slider-dot{cursor:pointer;background-color:#fff6;width:1em;height:1em;margin:0 3px .5em;transition:background-color .1s,color .1s;display:inline-block;position:relative}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{cursor:pointer;color:#fff;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;width:80px;margin:auto;font-size:40px;position:absolute;inset:0;overflow:hidden}.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\\ w-icon-],.w-slider-arrow-right [class*=\\ w-icon-]{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{width:1em;height:1em;margin:auto;inset:0}.w-slider-aria-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-slider-force-show{display:block!important}.w-dropdown{text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{vertical-align:top;color:#0f2318;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative}.w-dropdown-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0}.w-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}.w-dropdown-list.w--open{display:block}.w-dropdown-link{color:#0f2318;padding:10px 20px;display:block}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}.w-lightbox-backdrop{cursor:auto;letter-spacing:normal;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;color:#fff;text-align:center;z-index:2000;opacity:0;-webkit-user-select:none;-moz-user-select:none;-webkit-tap-highlight-color:transparent;background:#0f2318e6;outline:0;font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;font-size:17px;font-style:normal;font-weight:300;line-height:1.2;list-style:disc;position:fixed;inset:0;-webkit-transform:translate(0)}.w-lightbox-backdrop,.w-lightbox-container{-webkit-overflow-scrolling:touch;height:100%;overflow:auto}.w-lightbox-content{height:100vh;position:relative;overflow:hidden}.w-lightbox-view{opacity:0;width:100vw;height:100vh;position:absolute}.w-lightbox-view:before{content:\"\";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{vertical-align:middle;display:inline-block}.w-lightbox-figure{margin:0;position:relative}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;max-width:none;height:auto}.w-lightbox-image{float:none;max-width:100vw;max-height:100vh;display:block}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0f231866;padding:.5em 1em;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.w-lightbox-embed{width:100%;height:100%;position:absolute;inset:0}.w-lightbox-control{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:24px;width:4em;transition:all .3s;position:absolute;top:0}.w-lightbox-left{background-image:url(data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);display:none;bottom:0;left:0}.w-lightbox-right{background-image:url(data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);display:none;bottom:0;right:0}.w-lightbox-close{background-image:url(data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);background-size:18px;height:2.6em;right:0}.w-lightbox-strip{white-space:nowrap;padding:0 1vh;line-height:0;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden}.w-lightbox-item{box-sizing:content-box;cursor:pointer;width:10vh;padding:2vh 1vh;display:inline-block;-webkit-transform:translate(0,0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{background:#0f2318;height:10vh;position:relative;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{width:100%;top:50%;transform:translateY(-50%)}.w-lightbox-thumbnail .w-lightbox-wide{height:100%;left:50%;transform:translate(-50%)}.w-lightbox-spinner{box-sizing:border-box;border:5px solid #0f231866;border-radius:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.w-lightbox-spinner:after{content:\"\";border:3px solid #0000;border-bottom-color:#fff;border-radius:50%;position:absolute;inset:-4px}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{opacity:.5;display:block}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-richtext:after{clear:both}.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{content:\"\";display:none;position:absolute;inset:0}.w-richtext figure{max-width:60%;position:relative}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{color:#0000;font-size:0}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{caption-side:bottom;display:table-caption}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{width:100%;height:100%;position:absolute;top:0;left:0}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{width:100%}.w-richtext figure.w-richtext-align-center{clear:both;margin-left:auto;margin-right:auto}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{text-align:center;clear:both;width:100%;max-width:100%;margin-left:auto;margin-right:auto;display:block}.w-richtext figure.w-richtext-align-fullwidth>div{padding-bottom:inherit;display:inline-block}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;clear:none;margin-right:15px}.w-richtext figure.w-richtext-align-floatright{float:right;clear:none;margin-left:15px}.w-nav{z-index:1000;background:#ddd;position:relative}.w-nav:before,.w-nav:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-nav:after{clear:both}.w-nav-brand{float:left;color:#1a4731;text-decoration:none;position:relative}.w-nav-link{vertical-align:top;color:#0f2318;text-align:left;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;display:inline-block;position:relative}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{float:right;position:relative}[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{width:100%;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation=over-left] .w-nav-overlay{width:auto}.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{z-index:1;top:0;right:auto}.w-nav[data-animation=over-right] .w-nav-overlay{width:auto}.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{z-index:1;top:0;left:auto}.w-nav-button{float:right;cursor:pointer;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;padding:18px;font-size:24px;display:none;position:relative}.w-nav-button:focus{outline:0}.w-nav-button.w--open{color:#fff;background-color:#c8c8c8}.w-nav[data-collapse=all] .w-nav-menu{display:none}.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}.w-nav[data-collapse=medium] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-nav-menu{display:none}.w-nav[data-collapse=small] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse=tiny] .w-nav-menu{display:none}.w-nav[data-collapse=tiny] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:\" \";grid-area:1\/1\/2\/2;display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{vertical-align:top;text-align:left;cursor:pointer;color:#0f2318;background-color:#ddd;padding:9px 30px;text-decoration:none;display:inline-block;position:relative}.w-tab-link.w--current{background-color:#c8c8c8}.w-tab-link:focus{outline:0}.w-tab-content{display:block;position:relative;overflow:hidden}.w-tab-pane{display:none;position:relative}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:\"\"}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w-dyn-empty{background-color:#ddd;padding:10px}.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible{display:none!important}.wf-layout-layout{display:grid}.w-layout-grid{grid-row-gap:16px;grid-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}:root{--yellow:var(--ro-accent);--black:black;--white:white;--card-hover--card-padding-top-bottom:1;--card-hover--card-padding-left-right:1;--card-hover--card-icon-size:1;--card-hover--card-text:0;--tra:\"DM Serif Display\",Georgia,serif;--card-hover--scale:0px}body{color:#0f2318;background-color:#e8f5ee;font-family:Inter,system-ui,sans-serif;font-size:clamp(.75rem,1.18vw,1.5rem);line-height:1.6;overflow:clip}h1{color:#f8f7f3;margin-top:0;margin-bottom:1.67vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(3rem,5.56vw,5.5rem);font-weight:700;line-height:1.03}h2{margin-top:0;margin-bottom:0;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(2.5rem,4.58vw,5rem);font-weight:500;line-height:1.15}h3{margin-top:0;margin-bottom:0;font-size:24px;font-weight:700;line-height:30px}p{margin-bottom:0}a{color:inherit;text-decoration:none}.page-wrap{z-index:1001;position:relative}.main-wrap{z-index:20;pointer-events:none;position:relative}.hero{z-index:5;pointer-events:none;justify-content:center;align-items:flex-start;width:100%;min-height:300vh;padding-bottom:180vh;display:flex;position:relative;inset:0% 0% auto}.hero-profile-img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;margin-left:-3vw}.profile-img-wrap{z-index:10;pointer-events:none;background-image:none;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;inset:0%}.hero-container{z-index:10;justify-content:space-between;align-items:flex-end;width:93.06vw;margin-left:auto;margin-right:auto;display:flex;position:relative}.hero-content-layout{z-index:10;pointer-events:none;flex-flow:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;inset:auto 0% 0%}.hero-buttons-wrap{grid-column-gap:.83vw;grid-row-gap:.83vw;justify-content:center;align-items:center;display:flex}.hero-button{pointer-events:auto;background-color:var(--ro-accent);border-radius:.83vw;padding:clamp(.5rem,.695vw,1.25rem) 1.39vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,1.18vw,1.5rem);font-weight:500}.hero-right-text{z-index:10;pointer-events:auto;width:clamp(200px,24.64vw,420px);position:relative}.hero-card-1{grid-column-gap:.56vw;grid-row-gap:.56vw;opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;text-align:center;background-color:#1a47314d;border:1px solid #fff3;border-radius:.56vw;flex-flow:column;justify-content:flex-start;align-items:center;padding:1.67vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;line-height:1.1;display:flex;position:relative}.experience-number{aspect-ratio:1.5;color:var(--ro-accent);width:5.5vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(4rem,5.69vw,6.25rem);font-weight:700;line-height:.9}.hero-card-2{grid-column-gap:.56vw;grid-row-gap:.56vw;aspect-ratio:4;opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;text-align:center;background-color:#1a47314d;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:flex-start;align-items:center;padding:1.67vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;line-height:1.1;display:flex;position:relative}.hero-webflow-icon{z-index:2;color:var(--yellow);flex:none;width:100%;margin-left:auto;margin-right:auto;position:relative}.hero-card-3{grid-column-gap:.83vw;grid-row-gap:.83vw;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;color:#fff;text-align:center;background-color:#1a47314d;border:1px #fff3;border-radius:.56vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;padding:1.67vw 2.29vw 1.67vw 1.67vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;line-height:1.1;display:flex;position:absolute;inset:-10% 7% auto auto}.hero-card-3-item{z-index:2;grid-column-gap:.69vw;grid-row-gap:.69vw;justify-content:flex-start;align-items:center;display:flex;position:relative}.hero-card-3-icon{color:var(--yellow);width:clamp(14px,1.25vw,24px)}.hero-cards-wrap{z-index:30;pointer-events:none;width:clamp(500px,64.24vw,1200px);margin-left:auto;margin-right:auto;position:fixed;inset:auto 0% 2.78%}.nesh-logo-preload{z-index:0;flex-flow:column;justify-content:flex-start;align-items:center;height:100%;padding:2.78vw;display:flex;position:absolute;inset:0% 0% auto}.nesh-logo{aspect-ratio:3.5;transform-origin:0 0;width:100%;height:auto;position:relative}.hero-cards-left{grid-column-gap:1.5vw;grid-row-gap:1.5vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;position:relative}.hero-navigation-wrap{z-index:30;justify-content:space-between;align-items:center;width:100%;margin-top:1.67vw;display:flex;position:relative}.hero-links-ghost-wrapper{grid-column-gap:1.11vw;grid-row-gap:1.11vw;justify-content:flex-start;align-items:center;width:auto;font-size:clamp(.75rem,1.18vw,1.5rem);display:flex;position:relative}.hero-links-ghost-wrapper.is-hero-right-nav-item{justify-content:flex-end;align-items:center}.hero-navigation-link{z-index:1;text-transform:uppercase;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;line-height:1;position:relative}.hero-navigation-sep{background-color:#0f2318;width:1px;height:.8vw;display:block}.navigation{z-index:9;flex-flow:column;width:18.54vw;height:100vh;margin-top:auto;margin-bottom:auto;padding-top:1.25vw;display:block;position:fixed;inset:0% auto 0% 1.39vw;overflow:visible}.nav-top-layout{z-index:7;grid-column-gap:clamp(1.25rem,2.78vw,3rem);grid-row-gap:clamp(1.25rem,2.78vw,3rem);flex-flow:column;justify-content:space-between;align-items:flex-start;margin-bottom:1.11vw;padding:1.11vw;font-size:clamp(.75rem,1vw,1.5rem);display:flex;position:relative}.nav-top-item{z-index:1;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.nav-logo{grid-column-gap:.2vw;grid-row-gap:.2vw;color:#0F2318;border-radius:.56vw;justify-content:center;align-items:flex-start;width:6.11vw;height:auto;padding-top:.83vw;padding-bottom:.83vw;padding-right:.5vw;display:flex;position:relative}.social-wrap{grid-column-gap:.25rem;grid-row-gap:.25rem;display:flex}.social-link{perspective-origin:0%;transform-origin:0%;background-color:#d8eae0;border:1px solid #0f23181a;border-radius:.56vw;justify-content:center;align-items:center;width:2.08vw;height:2.08vw;display:flex}.instagram{width:.97vw;height:.97vw}.social-path-white{color:var(--white);transition-property:color;transition-duration:.2s;transition-timing-function:ease}.nav-stats-wrap{z-index:11;grid-column-gap:1.25vw;grid-row-gap:1.25vw;flex-flow:row;justify-content:center;align-items:center;height:8vw;margin-bottom:1.11vw;padding:1vw 1.67vw;font-size:clamp(.75rem,1vw,1.5rem);line-height:1.1;display:flex;position:relative}.nav-menu{z-index:8;grid-column-gap:clamp(.5rem,.69vw,.75rem);grid-row-gap:clamp(.5rem,.69vw,.75rem);flex-flow:column;justify-content:space-between;align-items:flex-start;margin-bottom:1.11vw;padding:1.11vw;font-size:clamp(.75rem,1vw,1.5rem);display:flex;position:relative}.nav-menu-item{z-index:2;grid-column-gap:.69vw;grid-row-gap:.69vw;justify-content:center;align-items:center;height:2.5vw;padding-left:.69vw;padding-right:.69vw;font-family:Inter,system-ui,sans-serif;font-size:clamp(.75rem,1.25vw,1.5rem);font-weight:500;display:flex;position:relative}.nav-stats-card{z-index:1;grid-row-gap:.56vw;text-align:center;flex-flow:column;justify-content:flex-start;align-items:center;width:6.94vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,1.18vw,1.5rem);font-weight:500;display:flex;position:relative}.nav-stats-sep{z-index:10;background-color:#0f23181a;width:1px;height:3.47vw;position:relative}.nav-comapny-wrap{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform-origin:0%;background-color:#c8e0d4cc;border-radius:.56vw;flex:none;justify-content:flex-start;align-items:center;height:3.47vw;margin-bottom:1.11vw;padding-left:1.11vw;display:flex;overflow:hidden}.nav-button{z-index:1;background-color:var(--yellow);transform-origin:0%;text-align:center;height:3.47vw;color:var(--black);border-radius:.83vw;justify-content:center;align-items:center;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,1.18vw,1.5rem);font-weight:500;display:flex;position:relative}.nav-email-wrap{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform-origin:0%;background-color:#c8e0d4cc;border-radius:.56vw;flex:none;height:3.47vw;margin-bottom:1.11vw;padding:.69vw}.nav-container{grid-column-gap:16px;grid-row-gap:16px;opacity:0;grid-template-rows:minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) auto;grid-template-columns:1fr;grid-auto-columns:1fr}.nav-comapny-item{grid-column-gap:1.39vw;grid-row-gap:1.39vw;flex:none;justify-content:flex-start;align-items:center;padding-right:1.39vw;display:flex}._1910{width:3.54vw}.alosant{width:4.93vw}.happy-ring{width:5.21vw}.invert{width:5.69vw}.semiconbio{width:6.94vw}.curri{width:5.14vw}.omicron{width:6.04vw}.puck{width:3.4vw}.nav-email-item{cursor:pointer;background-color:#d8eae0;border:1px solid #0f23180d;border-radius:.42vw;justify-content:center;align-items:center;width:100%;height:100%;padding-left:1.94vw;padding-right:1.94vw;transition:color .3s,background-color .3s;display:flex;position:relative}.nav-email-item:hover{background-color:#c8e0d4}.copy-email-icon{width:.97vw;height:.97vw;display:block;position:relative;top:0%;bottom:0%;left:auto}.hero-sticky{justify-content:center;align-items:flex-end;width:100%;height:100vh;padding-bottom:2.78vw;display:flex;position:sticky;top:0}.about-section{z-index:200;height:auto;margin-top:-130vh;padding-bottom:15vw;padding-left:21vw;padding-right:1.39vw;position:relative}.nav-logo-item{justify-content:center;align-items:center;width:3.68vw;display:flex}.nesh-logo-wrap{aspect-ratio:3.85;width:100%;height:auto;position:relative}.hero-card-2-wrap{font-size:clamp(.75rem,1.18vw,1.5rem);font-weight:400;position:relative}.hero-card-1-wrap{grid-column-gap:.56vw;grid-row-gap:.56vw;flex-flow:column;justify-content:flex-start;align-items:center;display:flex;position:relative;left:3vw}.hero-webflow-icon-wrap{z-index:1;aspect-ratio:2;color:var(--yellow);flex:none;justify-content:flex-start;align-items:center;width:clamp(3.5rem,6.25vw,7rem);display:flex;position:relative}.hero-c-projects-text-wrap{z-index:1;flex-flow:column;display:flex;position:relative}.nav-webflow-icon-wrap{z-index:1;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative}.nav-webflow-text-wrap{z-index:1;flex-flow:column;flex:none;justify-content:flex-start;align-items:center;font-size:clamp(.625rem,1.04vw,1.5rem);font-weight:400;display:flex;position:relative}.hero-webflow-projects-text{z-index:2;flex:none;font-size:clamp(.75rem,1.18vw,1.5rem);position:relative}.hero-card-2-bg{z-index:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a47314d;border:1px solid #fff3;border-radius:.56vw;width:100%;height:100%;display:block;position:absolute;inset:0% 0% -.5vw}.utility-page-wrap{justify-content:center;align-items:center;width:100vw;max-width:100%;height:100vh;max-height:100%;display:flex}.utility-page-content{text-align:center;flex-direction:column;width:260px;display:flex}.hero-card-2-shadow{grid-column-gap:.56vw;grid-row-gap:.56vw;opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;text-align:center;background-color:#fff3;border-radius:.56vw;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:flex-start;align-items:center;padding:1.67vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;line-height:1.1;display:flex;position:relative}.nesh-logo-ghost{aspect-ratio:3.8;opacity:0;transform-origin:0 0;width:94.44vw;height:auto;color:var(--yellow);flex:none;position:relative}.hero-link-ghost{color:#0000;text-transform:uppercase;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;line-height:1}.ghost-link-item{flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.nav-webflow-icon{z-index:2;color:var(--yellow);flex:none;width:3.06vw;margin-left:auto;margin-right:auto;position:relative}.nav-webflow-text{z-index:2;flex:none;font-size:clamp(.625rem,1.04vw,1.5rem);font-weight:500;transition-property:font-variation-settings;transition-duration:.4s;transition-timing-function:ease;position:relative}.nav-webflow-text.is-regular{font-weight:400}.nav-webflow-bg{z-index:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a47314d;border:1px solid #fff3;border-radius:.56vw;width:100%;height:100%;position:absolute;inset:0%}.nav-experience-numb-wrap{z-index:10;justify-content:center;align-items:flex-end;width:auto;height:auto;display:flex;position:relative}.nav-experience-text-wrap{z-index:10;position:relative}.nav-experience-numb{color:var(--ro-accent);width:2.78vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:700;line-height:.9}.nav-experience-text{text-align:center;font-size:clamp(.625rem,1.04vw,1.5rem)}.nav-experience-bg{z-index:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a47314d;border:1px solid #fff3;border-radius:.56vw;width:100%;height:100%;position:absolute;inset:0%}.experience-number-wrap{z-index:1;position:relative}.experience-text-wrap{z-index:10;position:relative}.experience-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0%}.hero-left-text{z-index:11;pointer-events:auto;width:clamp(8rem,11vw,14rem);position:relative}.nav-top-bg{z-index:0;grid-row-gap:clamp(1.25rem,2.78vw,3rem);opacity:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform-origin:0 0;grid-column-gap:clamp(1.25rem,2.78vw,3rem);background-color:#c8e0d4cc;border:1px solid #fff3;border-radius:.56vw;flex-flow:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;position:absolute;inset:0%}.nav-top-text{z-index:1;position:relative}.nesh-copyright-icon{width:.6vw}.nav-item-icon{z-index:1;order:-9999;width:1.11vw;position:relative}.nav-item-icon.services-icon{width:.69vw}.utility-page-form{flex-direction:column;align-items:stretch;display:flex}.nav-stats-bg{z-index:0;grid-column-gap:clamp(1.25rem,2.78vw,3rem);grid-row-gap:clamp(1.25rem,2.78vw,3rem);background-color:#c8e0d4cc;border:1px solid #fff3;border-radius:.56vw;flex-flow:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;position:absolute;inset:0%}.nav-menu-bg{z-index:0;grid-row-gap:clamp(1.25rem,2.78vw,3rem);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;perspective-origin:0 0;transform-origin:0%;grid-column-gap:clamp(1.25rem,2.78vw,3rem);background-color:#c8e0d4cc;border:1px solid #fff3;border-radius:.56vw;flex-flow:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;position:absolute;inset:0%}.nesh-logo-svg{transform-origin:0 0;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:visible}.fixed-size-calc{z-index:9000;width:.166667%;height:20vh;position:fixed;inset:auto 0% 0%}.nav-item-bg{z-index:0;grid-column-gap:.69vw;grid-row-gap:.69vw;perspective-origin:0%;background-color:#d8eae0;border-radius:.56vw;justify-content:center;align-items:center;width:100%;height:100%;padding-left:.69vw;padding-right:.69vw;font-family:Inter,system-ui,sans-serif;font-size:clamp(.75rem,1.25vw,1.5rem);font-weight:500;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;display:flex;position:absolute;inset:0%}.nesh-logo-preload-svg{aspect-ratio:3.8;opacity:1;transform-origin:0 0;width:94.44vw;height:auto;color:var(--yellow);margin-left:auto;margin-right:auto;position:absolute;inset:0% 0% auto;transform:translate(110%)}.hero-heading{pointer-events:auto;font-size:clamp(3rem,5.3vw,5.5rem)}.container{pointer-events:auto;width:100%}.column{flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.column.flex-center{justify-content:flex-start;align-items:center}.column.cta-column{width:100%;max-width:clamp(40rem,57.78vw,65rem);margin-left:auto;margin-right:auto}.column.faq-column-main{padding-top:5vw}.label{text-transform:uppercase;white-space:nowrap;border:.14vw solid #0f23184d;border-radius:4.86vw;margin-bottom:.83vw;padding:.21vw;font-family:Inter,system-ui,sans-serif;font-size:clamp(.625rem,.97vw,1.5rem);font-weight:700;line-height:1;overflow:hidden}.label.is-secondary{border-color:#ffffff4d}.h2-style{line-height:1}.margin-bottom-s{margin-bottom:1.39vw}.max-width-389{max-width:24.3rem}.about-wrap{flex-flow:column;justify-content:flex-start;align-items:flex-end;width:100%;margin-top:2.78vw;display:flex}.about-card-wrap{z-index:5;grid-column-gap:1.39vw;grid-row-gap:1.39vw;flex-flow:row;justify-content:flex-start;align-items:stretch;display:flex;position:absolute;inset:0% auto auto 0%}.about-card-wrap.ac-2{top:0}.about-card-wrap.ac-1{position:relative}.about-card-wrap.ac-3{top:15%}.about-card-wrap.ac-4{justify-content:flex-start;align-items:stretch;top:30%}.about-card-wrap.ac-5{top:45%}.about-card-wrap.ac-6{margin-top:-2.92vw;top:62%}.about-card-wrap.ac-7{padding-bottom:0;top:75%}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);perspective-origin:50% 100%;background-color:#c8e0d4cc;border:1px solid #fff3;border-radius:.83vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:clamp(370px,29.58vw,600px);margin-bottom:.83vw;padding:2.08vw;display:flex;position:relative}.about-card-year{color:var(--yellow);margin-bottom:.42vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(4rem,5.56vw,6.25rem);font-weight:700;line-height:1}.about-card-heading{margin-top:0;margin-bottom:.42vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(1rem,1.67vw,2.25rem);font-weight:500;line-height:1.1}.about-card-bottom-layout{justify-content:space-between;align-items:flex-end;width:100%;margin-top:1.39vw;display:flex;position:static}.about-card-bottom-layout-left{grid-column-gap:.97vw;grid-row-gap:.97vw;flex-flow:row;justify-content:flex-start;align-items:center;display:flex}.about-card-img-wrap{position:relative}.about-card-img{width:clamp(3rem,4.44vw,5rem);max-width:none}.about-card-img.is-riight-side{z-index:1;margin-left:-1.53vw;position:relative}.z-index-s{z-index:3;position:relative}.op80{opacity:.8}.about-card-bottom-text{color:#0f231880;font-family:\"DM Serif Display\",Georgia,serif;line-height:1.3}.about-card-button{background-color:#d8eae0;border:1px solid #36363626;border-radius:.83vw;padding:.69vw 1.39vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.625rem,.97vw,1.5rem);transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.about-card-button:hover{background-color:var(--yellow)}.paragraph{font-size:clamp(.625rem,.97vw,1.5rem)}.about-card-point-wrap{flex-flow:column;justify-content:flex-end;align-items:center;padding-top:.83vw;display:flex}.about-card-point-line{clip-path:inset(100% 0% 0%);background-image:linear-gradient(#2e20067d,#2e200645 44%,#2e200600 95%);width:.14vw;height:100%;margin-left:auto;margin-right:auto;position:absolute;inset:auto 0% 0%}.about-card-point-line-wrap{flex-flow:column;justify-content:flex-end;align-items:center;width:.14vw;height:110%;display:flex;position:relative;overflow:hidden}.about-card-point-circle{background-color:var(--yellow);border:2px solid #0f2318;border-radius:50%;width:.69vw;height:.69vw;display:none}.about-card-container{flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-bottom:5vw;display:flex;position:relative}.about-timeline-wrap{z-index:0;pointer-events:auto;width:100%;height:100%;position:relative;inset:0%;overflow:visible}.about-timeline{opacity:1;flex-flow:column;justify-content:space-between;align-items:flex-end;width:100%;height:auto;display:flex}.path{width:100%;height:100%}.about-timeline-position{z-index:10;opacity:1;pointer-events:none;flex-flow:column;justify-content:space-between;align-items:flex-end;width:100%;height:auto;display:flex;position:relative;inset:0%}.last-year-active-dot{background-color:#60d574;border:.14vw solid #0f2318;border-radius:50%;width:.69vw;height:.69vw;position:absolute;inset:auto 15% 4% auto}.about-timeline-overflow{width:100%;height:100%;position:absolute;inset:0% 0% auto;overflow:hidden}.work_section{pointer-events:auto;min-height:400vh;color:var(--white);position:relative}.circle{transform-origin:50%;transition:opacity .2s;transform:scale(.8)}.about-card-point-mask{flex-flow:column;flex:none;justify-content:flex-end;align-items:center;width:100%;height:10%;display:flex;position:static;overflow:hidden}.work-sticky{background-image:linear-gradient(#0f2318,#0f2318 44%);justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:100vh;padding:3vw 1.39vw 3vw 21vw;display:flex;position:sticky;bottom:0;overflow:hidden}.work-container{pointer-events:auto;width:100%}.work-top-layout{grid-column-gap:1.11vw;grid-row-gap:1.11vw;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;margin-bottom:4.17vw;display:grid}.work-top-text{max-width:clamp(18rem,26.6vw,30rem)}.work-track-wrap{padding-left:55%;display:flex}.work-track{grid-column-gap:2.08vw;grid-row-gap:2.08vw;flex-flow:row;flex:none;display:flex}.work-card{border-radius:.83vw;width:clamp(17rem,27vw,30rem);transition-property:opacity;transition-duration:.4s;transition-timing-function:ease;position:relative;overflow:hidden}.work-image{opacity:0;object-fit:cover;width:100%;height:100%}.work-card-content{z-index:2;background-image:linear-gradient(#0f23184d,#33333308 50%,#0f231866);flex-flow:column;justify-content:space-between;align-items:center;padding:1.25vw 1.25vw 1.81vw;display:flex;position:absolute;inset:0%}.work-card-blur-bg{width:100%;position:absolute;inset:auto 0% 0%}.work-card-content-top-layout{justify-content:space-between;align-items:center;width:100%;display:flex}.work-label{background-color:#0f2318;border:1px solid #ffffff4d;border-radius:5.14vw;padding:.345vw .69vw;font-size:clamp(.625rem,.97vw,1.5rem);line-height:1}.work-label-wrap{grid-column-gap:.28vw;grid-row-gap:.28vw;justify-content:flex-start;align-items:center;display:flex}.work-card-thumb{width:clamp(15rem,22.36vw,24rem);max-width:none}.work-card-thumb.is-phone{width:clamp(5.5rem,8.13vw,9rem)}.work-card-content-bottom-layout{flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-right:clamp(2.5rem,3.47vw,4rem);line-height:1.3;display:flex;position:relative}.work-card-heading{margin-top:0;margin-bottom:.4vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(1.25rem,1.94vw,3rem);font-weight:500;line-height:1}.work-card-arrow-wrap{background-color:var(--yellow);color:var(--black);border-radius:50%;justify-content:center;align-items:center;width:clamp(1.75rem,2.5vw,2.75rem);height:clamp(1.75rem,2.5vw,2.75rem);transition-property:color,background-color;transition-duration:.3s,.3s;transition-timing-function:ease,ease;display:flex;position:absolute;inset:auto 0% 0% auto}.work-card-arrow{flex:none;width:1.25vw;height:1.25vw;transition:margin-left .25s}.what_you_get_section{pointer-events:none;min-height:100vh;padding:15vw 6.39vw 15vw 21vw;overflow:hidden}.text-center{text-align:center}.h2-big{letter-spacing:-.25vw;margin-bottom:2.78vw;font-size:clamp(10rem,12.5vw,200px);font-weight:700;line-height:.9}.what_you_get-text{letter-spacing:-.09vw;width:clamp(760px,62.24vw,1120px);font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(3.5rem,4.72vw,5.5rem);font-weight:700;line-height:1}.capa-cards-wrap{justify-content:flex-start;align-items:flex-start;height:0;display:flex}.capa-card{flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.capa-card-item{width:auto;padding-top:clamp(calc(.7rem*var(--card-hover--card-padding-top-bottom)),calc(.9vw*var(--card-hover--card-padding-top-bottom)),calc(1.1rem*var(--card-hover--card-padding-top-bottom)));padding-bottom:clamp(calc(.7rem*var(--card-hover--card-padding-top-bottom)),calc(.9vw*var(--card-hover--card-padding-top-bottom)),calc(1.1rem*var(--card-hover--card-padding-top-bottom)));padding-left:clamp(calc(1rem*var(--card-hover--card-padding-left-right)),calc(1.25vw*var(--card-hover--card-padding-left-right)),calc(1.5rem*var(--card-hover--card-padding-left-right)));padding-right:clamp(calc(1rem*var(--card-hover--card-padding-left-right)),calc(1.25vw*var(--card-hover--card-padding-left-right)),calc(1.5rem*var(--card-hover--card-padding-left-right)));background-color:#d8eae0;border-radius:.63vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.capa-card-item.capa-card-1{justify-content:flex-start;align-items:center}.capa-card-item.capa-card-3{width:clamp(4.32rem,6.81vw,7.2rem)}.capa-card-item.capa-card-4{justify-content:flex-start;align-items:center;width:auto}.capa-card-item.capa-card-5{width:auto}.capa-card-top-item{width:100%;color:var(--yellow);grid-column-gap:clamp(.75rem,1.39vw,1.75rem);grid-row-gap:clamp(.75rem,1.39vw,1.75rem);justify-content:space-between;align-items:center;display:flex}.capa-webflow-icon{width:3.47vw;color:var(--yellow)}.capa-card-arrow-wrap{justify-content:center;align-items:center;display:flex;position:relative}.capa-card-arrow{color:var(--yellow);justify-content:center;align-items:center;width:clamp(.5rem,.69vw,.875rem);transition-property:all;transition-duration:.4s;transition-timing-function:ease;display:flex}.capa-card-bottom{grid-column-gap:16px;grid-row-gap:16px;width:clamp(calc(10rem*var(--card-hover--card-text)),calc(14.58vw*var(--card-hover--card-text)),calc(17.5rem*var(--card-hover--card-text)));grid-template-rows:0fr;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;overflow:hidden}.capa-card-bottom-layout{text-align:left;width:100%;line-height:1.4;overflow:hidden}.capa-card-heading{width:clamp(10rem,14.58vw,17.5rem);margin-top:0;margin-bottom:.28vw;padding-top:3.47vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:1.39vw;font-weight:500;line-height:1}.capa-settings-icon{width:clamp(calc(1.5rem*var(--card-hover--card-icon-size)),calc(2.15vw*var(--card-hover--card-icon-size)),calc(2.75rem*var(--card-hover--card-icon-size)))}.capa-seo-icon{width:clamp(calc(1.5rem*var(--card-hover--card-icon-size)),calc(2.22vw*var(--card-hover--card-icon-size)),calc(2.5rem*var(--card-hover--card-icon-size)));flex:none}.capa-gsap-icon{width:clamp(calc(1.5rem*var(--card-hover--card-icon-size)),calc(2vw*var(--card-hover--card-icon-size)),calc(2.5rem*var(--card-hover--card-icon-size)));flex-flow:row;justify-content:flex-start;align-items:center;display:flex}.gsap-icon-letter{opacity:0}.gsap-icon-first-letter{width:1.53vw;display:block}.gsap-g{width:2.08vw;display:none}.gsap-s{width:1.88vw;margin-left:-.2vw;display:none}.gsap-a{width:2.01vw;margin-left:-.4vw;display:none}.gsap-p{width:1.94vw;display:none}.capa-performance-icon{width:clamp(calc(1.75rem*var(--card-hover--card-icon-size)),calc(2.43vw*var(--card-hover--card-icon-size)),calc(3.125rem*var(--card-hover--card-icon-size)))}.gsap-icon{flex:none;width:clamp(4rem,5.6vw,7rem)}.webflow-icon{width:clamp(calc(2.6rem*var(--card-hover--card-icon-size)),calc(3.47vw*var(--card-hover--card-icon-size)),calc(4.4rem*var(--card-hover--card-icon-size)))}.sevice_section{pointer-events:auto;padding:2vw 1.39vw 10vw 21vw}.service-wrap{grid-column-gap:2.36vw;grid-row-gap:2.36vw;background-color:#c8e0d4;border-radius:.69vw;margin-top:4.17vw;padding:.9vw 2.36vw .9vw .9vw;display:flex}.service-card{flex-flow:column;width:22.22vw;padding-top:1.39vw;padding-bottom:1.39vw;display:flex}.service-card.is-first{background-color:#d8eae0;border-radius:.56vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:24.86vw;padding:1.39vw 2.22vw;display:flex}.service-top-content{width:100%;margin-bottom:3.47vw}.service-card-top-item{grid-column-gap:.69vw;grid-row-gap:.69vw;justify-content:flex-start;align-items:center;margin-bottom:2.78vw;display:flex}.service-card-icon{width:2.78vw}.service-card-heading{font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(1rem,1.53vw,1.75rem);font-weight:500;line-height:1}.service-price-item{grid-column-gap:.42vw;grid-row-gap:.42vw;justify-content:flex-start;align-items:flex-end;margin-bottom:2.22vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(1.125rem,1.67vw,2rem);font-weight:500;line-height:1;display:flex}.services-hours-text{padding-bottom:1%;font-family:Inter,system-ui,sans-serif;font-size:clamp(.625rem,.97vw,1.5rem)}.service-list{grid-column-gap:.56vw;grid-row-gap:.56vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;margin-top:2.78vw;display:flex}.service-list-item{grid-column-gap:.69vw;grid-row-gap:.69vw;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.service-list-bullet-icon{border:.14vw solid var(--yellow);border-radius:50%;flex:none;width:.83vw;height:.83vw;margin-top:2%}.service-bottom-content{grid-column-gap:.28vw;grid-row-gap:.28vw;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:auto;display:flex}.services-tooltip-icon{flex:none;width:1.53vw;margin-top:.75%}.cta_section{pointer-events:auto;padding:10vw 1.39vw 10vw 21vw}.cta_heading{letter-spacing:-.23vw;margin-bottom:2.22vw;font-size:clamp(5.5rem,7.64vw,8.5rem);line-height:1}.cta-span-heading{color:#ffffffa6;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff9}.max-width-336{width:19.76em}.cta-wrap{grid-column-gap:1.39vw;grid-row-gap:1.39vw;flex-flow:row;justify-content:flex-start;align-items:flex-start;margin-top:3.47vw;display:flex}.cta_img{width:3.06vw;max-width:none}.cta-chat{background-color:#d8eae0;border-radius:.83vw;justify-content:flex-start;align-items:center;margin-bottom:.69vw;padding:.76vw 1.32vw;display:flex}.cta-button{color:var(--black);background-color:var(--ro-accent);border-radius:.83vw;margin-bottom:.69vw;padding:clamp(.5rem,.695vw,1.25rem) 1.39vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500;position:relative}.testimonial_section{pointer-events:auto;padding-top:10vw;padding-left:21vw;padding-right:1.39vw;overflow:hidden}.swiper-main-wrap{flex-flow:column;justify-content:flex-start;align-items:flex-end;width:calc(100% + 1.39vw);margin-top:1.67vw;display:flex}.swiper-pagination{grid-column-gap:.42vw;grid-row-gap:.42vw;background-color:#c8e0d4cc;border:1px solid #fff3;border-radius:.56vw;margin-top:1vw;margin-bottom:1.67vw;margin-right:1.39vw;padding:.69vw;display:flex}.swiper{align-self:flex-start;width:33.13vw}.swiper-wrapper{flex-flow:row;align-items:stretch;width:100%;display:flex}.swiper-slide{flex:none;justify-content:flex-start;align-self:stretch;align-items:flex-start;width:100%;display:flex}.swiper-card{grid-column-gap:3.47vw;grid-row-gap:3.47vw;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#c8e0d4cc;border:1px solid #fff3;border-radius:.83vw;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;padding:1.67vw;display:flex}.swiper-card-top{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:1.67vw;display:flex}.swiper-heading{color:#0f2318b3;max-width:85%;font-family:Inter,system-ui,sans-serif;font-size:2.08vw;line-height:1}.swiper-quote-icon{width:2.08vw}.swiper-card-bottom{grid-column-gap:.97vw;grid-row-gap:.97vw;justify-content:flex-start;align-items:center;width:100%;display:flex}.client-img{border-radius:50%;width:4.44vw;max-width:none}.client-info{grid-column-gap:.28vw;grid-row-gap:.28vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;line-height:1;display:flex}.text-weight-medium{font-family:Inter,system-ui,sans-serif;font-weight:500}.client-text-small{color:#0f2318b3;font-size:clamp(.625rem,.97vw,1.5rem)}.client-text-link{color:#0f2318b3;cursor:none;font-size:clamp(.625rem,.97vw,1.5rem);text-decoration:underline}.footer{padding:15vw 1.39vw 2vw 21vw}.footer-logo{aspect-ratio:3.85;width:100%;height:auto;margin-bottom:5vw;position:relative}.footer-logo-icon{aspect-ratio:3.8;opacity:1;width:100%;height:auto;position:static;inset:0% 0% auto}.footer-menu{grid-column-gap:16.94vw;grid-row-gap:16.94vw;justify-content:center;align-items:flex-start;padding-bottom:15vw;display:flex}.footer-menu-item{grid-column-gap:.83vw;grid-row-gap:.83vw;flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex}.footer-menu-label{text-transform:uppercase;font-family:Inter,system-ui,sans-serif;font-weight:700;line-height:1}.footer-link{grid-column-gap:.83vw;grid-row-gap:.83vw;justify-content:flex-start;align-items:center;line-height:1;display:flex}.footer-link-dot{border:2px solid var(--yellow);border-radius:50%;width:.83vw;height:.83vw}.faq-column{grid-column-gap:.83vw;grid-row-gap:.83vw;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;margin-top:5vw;display:grid}.faq{background-color:#c8e0d4cc;border-radius:.69vw;width:100%}.faq-toggle{letter-spacing:-.01vw;white-space:normal;justify-content:space-between;align-items:center;width:100%;padding:1.25vw 1.67vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,1.32vw,1.75rem);font-weight:500;line-height:1.4;display:flex}.faq-icon{background-color:#edecda00;border-radius:.42vw;justify-content:center;align-items:center;width:2.22vw;height:2.22vw;transition:background-color .3s;display:flex;position:relative}.faq-icon-v-line{transform-origin:50%;transition:transform .4s;display:block}.faq-icon-item{width:1.11vw}.faq-list{background-color:#0000;display:block;position:static;overflow:hidden}.faq-answer{padding:.42vw 1.67vw 1.25vw}.op-0{opacity:0}.numb-wrap{grid-column-gap:3vw;grid-row-gap:3vw;flex-flow:column;padding-top:10vw;padding-bottom:10vw;display:flex}.numb-item{text-align:center;text-transform:uppercase;justify-content:center;align-items:center;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,3.18vw,5rem);font-weight:700;display:flex}.popup-card{z-index:10;grid-column-gap:5.56vw;grid-row-gap:5.56vw;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background-image:linear-gradient(201deg,#3b3d38,#0f2318 48%,#444 98%);border:1px solid #fff6;border-radius:1.53vw;flex-flow:column;width:100%;padding:2.08vw;display:flex;position:relative;inset:0% 0% auto;overflow:hidden}.popup-card-wrap{z-index:10;grid-column-gap:16px;grid-row-gap:16px;opacity:0;pointer-events:none;grid-template-columns:1fr;grid-auto-columns:1fr;width:clamp(370px,29.58vw,600px);margin:auto;transition-property:transform,opacity;transition-duration:.4s,.2s;transition-timing-function:cubic-bezier(.25,.46,.45,.94),cubic-bezier(.25,.46,.45,.94);display:grid;position:absolute;inset:-1vw 0% auto;overflow:hidden;transform:scale(.8)}.popup-card-wrap.is-active-card{opacity:1;pointer-events:auto;clip-path:inset(0%);grid-template-rows:1fr;transform:scale(1.02)}.popup-card-item{overflow:hidden}.popup-card-top-item{color:var(--yellow);-webkit-text-fill-color:transparent;background-image:linear-gradient(#f7cd77,var(--ro-accent));-webkit-background-clip:text;background-clip:text;justify-content:space-between;align-items:flex-start;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(3rem,5.56vw,6.25rem);font-weight:700;line-height:.9;display:flex}.popup-close{color:#a6a6a6;cursor:pointer;background-color:#555652;border-radius:.83vw;justify-content:center;align-items:center;width:3.06vw;height:3.06vw;font-size:5.56vw;transition-property:color;transition-duration:.25s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.popup-close:hover{color:#0f2318}.popup-close-icon{z-index:2;justify-content:center;align-items:center;width:1.5vw;height:1.5vw;display:flex;position:relative}.popup-heading{margin-top:1.53vw;margin-bottom:.83vw;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(2rem,3.19vw,4rem);font-weight:500;line-height:1}.capa-card-text{width:clamp(10rem,14.58vw,17.5rem)}.work_section-bg{z-index:50;pointer-events:auto;width:100vw;height:100vh;color:var(--white);background-image:linear-gradient(#0f2318,#0f2318 44.35%);display:flex;position:absolute}.profile-img-fixed{z-index:-1;pointer-events:none;background-image:none;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;inset:0%}.profile-img-item{z-index:10;pointer-events:none;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:static;inset:0% 0% auto}.happy-ring-wrap{width:5.21vw;position:relative}.happy-ring-white{opacity:0;width:5.21vw;margin:auto;position:absolute;inset:0%}.semiconbio-wrap{width:6.94vw;position:relative}.semiconbio-white{opacity:0;width:6.94vw;margin:auto;position:absolute;inset:0%}.capa-card-arrow-bg{width:clamp(2.25rem,3.06vw,3.5rem);height:clamp(2.25rem,3.06vw,3.5rem);margin:auto;position:absolute;inset:0%}.typing-grid-item{grid-column-gap:.42vw;grid-row-gap:.42vw;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;justify-content:flex-start;align-items:center}.typing-dots{background-color:var(--yellow);border-radius:50%;width:.42vw;height:.42vw}.cta-text{line-height:1;overflow:visible}.cta-text-wrap{grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:1fr;grid-auto-columns:1fr;overflow:visible}.cta-chat-typing-wrap{grid-column-gap:.42vw;grid-row-gap:.42vw;background-color:#d8eae0;border-radius:.83vw;justify-content:flex-start;align-items:center;padding:.76vw 1.32vw;display:flex}.cta-chat-grid{grid-row-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid}.cta-button-grid-item{overflow:visible}.cta-button-grid{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:1fr;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid}.typing-grid{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid}.cta-column-item{flex-flow:column;justify-content:flex-start;align-items:flex-start;padding-top:1.5%;display:flex}.swiper-bullet{background-color:#a8a684;border-radius:2.64vw;width:1.25vw;height:.28vw;transition:background-color .25s,width .25s}.nesh-logo-ghost-wrap{grid-column-gap:1vw;grid-row-gap:1vw;justify-content:flex-start;align-items:flex-start;display:flex}.nesh-copyright-icon-ghost{opacity:0;flex:none;width:5vw;display:block;position:absolute;inset:0% -5.5% auto auto}.nesh-copyright-wrap{z-index:100;justify-content:flex-start;align-items:flex-start;width:.6vw;height:.6vw;display:flex;position:absolute;inset:0% -.8vw auto auto}.code-embed{width:100%}.hero-cta-button{opacity:0;background-color:var(--ro-accent);border-radius:.83vw;padding:clamp(.5rem,.695vw,1.25rem) 1.39vw;font-family:\"DM Serif Display\",Georgia,serif;font-weight:500}.nav-button-wrap{z-index:20;height:3.47vw;position:relative}.nav-button-secondary{z-index:0;background-color:var(--yellow);transform-origin:0%;text-align:center;height:3.47vw;color:var(--black);border-radius:.83vw;justify-content:center;align-items:center;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,1.18vw,1.5rem);font-weight:500;display:flex;position:absolute;inset:0%}.text-color-white{color:#fff}.clipboard-wrap{cursor:pointer;width:.97vw;height:.97vw;margin-top:auto;margin-bottom:auto;transition:opacity .3s;position:absolute;inset:0% .97vw 0% auto}.clipboard-item{z-index:10;grid-column-gap:.56vw;grid-row-gap:.56vw;color:#0f2318;text-transform:uppercase;background-color:#d8eae0;border:1px solid #0f23181a;border-radius:.42vw;justify-content:flex-start;align-items:center;padding:.69vw;font-family:Inter,system-ui,sans-serif;font-size:clamp(.5rem,.9vw,1.175rem);font-weight:700;line-height:1;display:flex;position:absolute;inset:auto -25% 105% auto}.clipboard-icon{width:.97vw;height:.97vw}.email-text{transition:opacity .3s}.mobile-hero-image-wrap,.mobile-timeline-wrap{display:none}.nav-button-mobile{z-index:1;background-color:var(--yellow);transform-origin:0%;height:3.47vw;color:var(--black);border-radius:.83vw;justify-content:center;align-items:center;font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(.75rem,1.18vw,1.5rem);font-weight:500;display:none;position:relative}.mobile-menu-wrap{display:none}.work-image-overlay{z-index:10;opacity:0;pointer-events:none;background-color:#0f231899;width:101%;height:101%;margin-left:auto;margin-right:auto;transition:opacity .4s;position:absolute;inset:0%}.drag-wrap{z-index:100;opacity:0;color:#403f3c;grid-column-gap:clamp(.15rem,.278vw,.333rem);grid-row-gap:clamp(.15rem,.278vw,.333rem);justify-content:center;align-items:center;display:flex;position:fixed;inset:0%}.drag-left-icon{width:clamp(.375rem,.694vw,.83rem);height:clamp(.375rem,.694vw,.83rem)}.drag-circle{background-color:var(--yellow);color:#0f2318b3;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.55rem,4.722vw,5.665rem);height:clamp(2.55rem,4.722vw,5.665rem);font-family:Inter,system-ui,sans-serif;font-size:clamp(.525rem,.972vw,1.166rem);font-weight:700;line-height:1;display:flex}.drag-right-icon{width:clamp(.375rem,.694vw,.83rem);height:clamp(.375rem,.694vw,.83rem)}.faq-answer-wrap{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:0fr;grid-template-columns:1fr;grid-auto-columns:1fr;transition-property:all;transition-duration:.4s;transition-timing-function:ease;display:grid;overflow:hidden}.faq-answer-item{overflow:hidden}.what_you_get-text-mobile{letter-spacing:-.09vw;width:clamp(760px,60.24vw,1080px);font-family:\"DM Serif Display\",Georgia,serif;font-size:clamp(3.5rem,4.72vw,5.5rem);font-weight:700;line-height:1;display:none}.capa-overview-wrap{display:none}.nav-menu-wrap{grid-column-gap:0px;grid-row-gap:0px;flex-flow:column;display:flex}.nav-webflow-text-inital{z-index:2;flex:none;font-size:clamp(.625rem,1.04vw,1.5rem);font-weight:500;transition-property:font-variation-settings;transition-duration:.4s;transition-timing-function:ease;position:relative}.nav-webflow-text-inital.is-regular{font-weight:400}.popup-close-path-1{background-color:#a6a6a6;border-radius:8px;width:4px;height:100%;transition:background-color .2s,transform .3s;transform:rotate(45deg)}.popup-close-path-2{background-color:#a6a6a6;border-radius:8px;width:4px;height:100%;margin:auto;transition:background-color .2s,transform .3s;position:absolute;inset:0%;transform:rotate(-45deg)}.nav-link{z-index:20;position:absolute;inset:0%}.drag-circle-span{height:clamp(.525rem,.972vw,1.166rem);font-size:clamp(.525rem,.972vw,1.166rem);overflow:hidden}.faq-heading{width:89%;font-size:clamp(.75rem,1.32vw,1.75rem);font-weight:500;line-height:1.4}.max-width-700{max-width:clamp(300px,32vw,800px)}.button-text{width:100%;padding-left:.5vw;padding-right:.5vw}.nesh-logo-preload-wrap{aspect-ratio:3.85;justify-content:center;align-items:center;width:100%;height:auto;padding-left:2.78vw;padding-right:2.78vw;display:flex;position:fixed;inset:2.78vw 0% auto}.work-card-arrow-icon{flex-flow:column;justify-content:flex-end;align-items:flex-start;width:1.25vw;height:1.25vw;display:flex;position:relative;overflow:hidden}.work-card-arrow-2{flex:none;width:1.25vw;height:1.25vw;margin-bottom:-100%;margin-left:-100%;transition:margin .25s;position:static;bottom:0%;right:0%}@media screen and (max-width:991px){.about-card-wrap,.about-card{width:100%}}@media screen and (max-width:767px){body{--yellow:var(--ro-accent);--black:black;--white:white;--card-hover--card-padding-top-bottom:1;--card-hover--card-padding-left-right:1;--card-hover--card-icon-size:1;--card-hover--card-text:0;--tra:\"DM Serif Display\",Georgia,serif;--card-hover--scale:calc(100vw\/375);font-size:clamp(.91rem,4.53vw,2.17rem);overflow:visible}h2{font-size:clamp(2.24rem,11.2vw,5.37rem)}.main-wrap{pointer-events:auto}.hero{pointer-events:auto;min-height:clamp(45.5rem,220.7vw + 1.38rem,105.7rem);padding-bottom:clamp(2.67rem,13.33vw,6.39rem);overflow:hidden}.profile-img-wrap{display:none}.hero-container{flex-flow:column;justify-content:flex-end;align-items:flex-start;width:100%;padding-left:clamp(1.07rem,5.33vw,2.56rem);padding-right:clamp(1.07rem,5.33vw,2.56rem)}.hero-content-layout{bottom:clamp(12.27rem,61.33vw,29.43rem)}.hero-buttons-wrap{display:none}.hero-right-text{width:100%;top:clamp(2.67rem,13.33vw,6.39rem)}.hero-card-1{opacity:1;grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem);border-radius:clamp(.43rem,2.13vw,1.02rem);padding:clamp(.86rem,4.16vw + .026rem,1.99rem);overflow:hidden}.experience-number{width:clamp(3.2rem,16vw,7.67rem)}.hero-card-2{aspect-ratio:auto;opacity:1;grid-column-gap:clamp(.43rem,2.13vw,1.02rem);grid-row-gap:clamp(.43rem,2.13vw,1.02rem);border-radius:clamp(.43rem,2.13vw,1.02rem);padding:clamp(.86rem,4.16vw + .026rem,1.99rem);overflow:hidden}.hero-webflow-icon{width:100%}.hero-card-3{grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem);border-radius:clamp(.43rem,2.13vw,1.02rem);padding:clamp(.86rem,4.16vw + .026rem,1.99rem);font-size:clamp(.75rem,3.73vw,1.79rem);inset:0% auto auto clamp(1.17rem,5.87vw,2.81rem)}.hero-card-3-item{grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem)}.hero-card-3-icon{width:clamp(.75rem,3.73vw,1.79rem)}.hero-cards-wrap{opacity:1;pointer-events:auto;width:100%;height:clamp(23.07rem,115.47vw,55.42rem);position:absolute;inset:auto 0% clamp(6.93rem,34.67vw,16.63rem)}.nesh-logo-preload{padding-top:clamp(4.17rem,20.26vw + .126rem,9.71rem);padding-left:clamp(1.07rem,5.33vw,2.56rem);padding-right:clamp(1.07rem,5.33vw,2.56rem)}.hero-cards-left{height:100%;padding-top:clamp(3.2rem,16vw,7.67rem)}.hero-links-ghost-wrapper{display:none}.hero-navigation-link{font-size:clamp(.91rem,4.53vw,2.17rem)}.navigation{z-index:300;width:100%;height:auto;padding-top:0;padding-left:clamp(1.07rem,5.33vw,2.56rem);padding-right:clamp(1.07rem,5.33vw,2.56rem);display:block;inset:0% 0% auto}.nav-top-layout{z-index:300;padding:clamp(1.07rem,5.33vw,2.56rem) 0 0}.nav-top-item{align-items:stretch}.nav-logo{background-color:var(--yellow);color:var(--black);border-radius:clamp(.43rem,2.13vw,1.02rem);justify-content:center;align-items:center;width:clamp(4.69rem,23.47vw,11.27rem);height:clamp(2.08rem,10.4vw,4.99rem);padding-top:0;padding-bottom:0;padding-right:0}.social-wrap,.nav-stats-wrap{display:none}.nav-menu{margin-bottom:clamp(.85rem,4.27vw,2.05rem);padding:clamp(.85rem,4.27vw,2.05rem) 0 clamp(.85rem,4.27vw,2.05rem) clamp(.85rem,4.27vw,2.05rem);display:flex}.nav-menu-item{grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem);height:auto;padding:clamp(.53rem,2.67vw,1.28rem)}.nav-comapny-wrap{border-radius:clamp(.43rem,2.13vw,1.02rem);order:9999;height:clamp(2.67rem,13.33vw,6.39rem);margin-bottom:0;padding-left:clamp(.85rem,4.27vw,2.05rem);display:flex}.nav-email-wrap{z-index:10;border-radius:clamp(.43rem,2.13vw,1.02rem);height:auto;margin-bottom:clamp(.85rem,4.27vw,2.05rem);padding:clamp(.53rem,2.67vw,1.28rem);display:flex;position:relative}.nav-container{opacity:1;flex-flow:column;display:flex}.nav-comapny-item{grid-column-gap:clamp(1.28rem,6.4vw,3.07rem);grid-row-gap:clamp(1.28rem,6.4vw,3.07rem);padding-right:clamp(1.28rem,6.4vw,3.07rem)}._1910{width:clamp(2.72rem,13.6vw,6.52rem)}.alosant{width:clamp(3.79rem,18.93vw,9.08rem)}.happy-ring{width:clamp(4rem,20vw,9.6rem)}.invert{width:clamp(4.37rem,21.87vw,10.5rem)}.semiconbio{width:clamp(5.33rem,26.67vw,12.78rem)}.curri{width:clamp(3.95rem,19.73vw,9.47rem)}.omicron{width:clamp(4.64rem,23.2vw,11.14rem)}.puck{width:clamp(2.61rem,13.07vw,6.27rem)}.nav-email-item{border-radius:clamp(.37rem,1.87vw,.9rem);padding-top:clamp(.37rem,1.87vw,.9rem);padding-bottom:clamp(.37rem,1.87vw,.9rem)}.copy-email-icon{width:clamp(.75rem,3.73vw,1.79rem);height:clamp(.75rem,3.73vw,1.79rem)}.hero-sticky{align-items:stretch;height:auto;min-height:clamp(45.5rem,220.7vw + 1.38rem,105.7rem)}.about-section{margin-top:0;padding:clamp(7.47rem,37.33vw,17.88rem) clamp(1.07rem,5.33vw,2.56rem) clamp(4.27rem,21.33vw,10.23rem)}.nav-logo-item{width:clamp(2.77rem,13.87vw,6.65rem);margin-left:clamp(-.53rem,-2.67vw,-1.28rem)}.hero-card-2-wrap{position:absolute;inset:auto auto 0% clamp(.85rem,4.27vw,2.05rem)}.hero-card-1-wrap{align-self:flex-end;margin-right:clamp(.64rem,3.2vw,1.53rem);left:0}.hero-webflow-icon-wrap{width:clamp(2.99rem,14.93vw,7.16rem)}.hero-webflow-projects-text{font-size:clamp(.75rem,3.73vw,1.79rem)}.hero-card-2-bg{pointer-events:none}.nesh-logo-ghost{opacity:1;width:100%}.experience-text{font-size:clamp(.75rem,3.73vw,1.79rem)}.hero-left-text{width:100%;top:clamp(2.67rem,13.33vw,6.39rem)}.nav-top-text{display:none}.nesh-copyright-icon{width:clamp(.43rem,2.13vw,1.02rem)}.nav-item-icon{width:clamp(.85rem,4.27vw,2.05rem)}.nav-item-icon.services-icon{width:clamp(.53rem,2.67vw,1.28rem);margin-left:clamp(.11rem,.53vw,.26rem);margin-right:clamp(.21rem,1.07vw,.51rem)}.nav-menu-bg{border-radius:clamp(.43rem,2.13vw,1.02rem)}.nav-item-bg{border:1px solid #0f23181a;border-radius:clamp(.43rem,2.13vw,1.02rem)}.hero-heading{font-size:clamp(2.25rem,10.91vw + .068rem,5.23rem)}.column.faq-column-main{padding-top:10vw}.label{border-width:clamp(.11rem,.53vw,.26rem);margin-bottom:clamp(.96rem,4.8vw,2.3rem);padding:clamp(.16rem,.8vw,.38rem) clamp(.27rem,1.33vw,.64rem);font-size:clamp(.75rem,3.73vw,1.79rem)}.h2-style.margin-bottom-s{line-height:1}.margin-bottom-s{margin-bottom:clamp(1.17rem,5.87vw,2.81rem)}.max-width-389{max-width:100%}.about-wrap{justify-content:flex-start;align-items:stretch;margin-top:clamp(3.2rem,16vw,7.67rem);position:relative}.about-card-wrap{grid-column-gap:clamp(1.07rem,5.33vw,2.56rem);grid-row-gap:clamp(1.07rem,5.33vw,2.56rem);position:static}.about-card-wrap.ac-1{width:100%;position:static}.about-card{border-radius:clamp(.64rem,3.2vw,1.53rem);width:100%;margin-bottom:0;padding:clamp(.86rem,4.16vw + .026rem,1.99rem)}.about-card-year{margin-bottom:clamp(.43rem,2.13vw,1.02rem);font-size:clamp(4.27rem,21.33vw,10.23rem)}.about-card-heading{margin-bottom:clamp(.43rem,2.13vw,1.02rem);font-size:clamp(1.28rem,6.4vw,3.07rem)}.about-card-bottom-layout{margin-top:clamp(2.56rem,12.8vw,6.14rem)}.about-card-bottom-layout-left{grid-column-gap:clamp(.43rem,2.13vw,1.02rem);grid-row-gap:clamp(.43rem,2.13vw,1.02rem)}.about-card-img{width:clamp(2.13rem,10.67vw,5.12rem)}.about-card-bottom-text{font-size:clamp(.75rem,3.73vw,1.79rem)}.about-card-button{border-radius:clamp(.43rem,2.13vw,1.02rem);padding:clamp(.32rem,1.6vw,.77rem) clamp(.64rem,3.2vw,1.53rem);font-size:clamp(.75rem,3.73vw,1.79rem)}.paragraph{font-size:clamp(.75rem,3.73vw,1.79rem)}.about-card-point-wrap{order:-9999;padding-top:0;display:block;position:relative}.about-card-point-line{clip-path:inset(0%);background-color:#0f2318;background-image:none;width:clamp(.16rem,.8vw,.38rem)}.about-card-point-line-wrap{width:clamp(.16rem,.8vw,.38rem)}.about-card-point-circle{border-width:clamp(.16rem,.8vw,.38rem);width:clamp(.69rem,3.47vw,1.66rem);height:clamp(.69rem,3.47vw,1.66rem);margin-left:auto;margin-right:auto;display:block;position:absolute;inset:clamp(2.67rem,13.33vw,6.39rem) 0% auto 50%;transform:translate(-50%)}.about-card-container{grid-column-gap:clamp(1.07rem,5.33vw,2.56rem);grid-row-gap:clamp(1.07rem,5.33vw,2.56rem);margin-top:clamp(1.07rem,5.33vw,2.56rem)}.about-timeline-wrap{display:none}.last-year-active-dot{width:clamp(.32rem,1.6vw,.77rem);height:clamp(.32rem,1.6vw,.77rem)}.work_section{min-height:auto}.work-sticky{min-height:auto;padding:clamp(4.27rem,21.33vw,10.23rem) 0;position:static}.work-top-layout{grid-column-gap:clamp(.96rem,4.8vw,2.3rem);grid-row-gap:clamp(.96rem,4.8vw,2.3rem);margin-bottom:clamp(3.73rem,18.67vw,8.96rem);padding-left:clamp(1.07rem,5.33vw,2.56rem);padding-right:clamp(1.07rem,5.33vw,2.56rem)}.h2-style-white.max-width-700,.work-top-text{max-width:100%}.work-track-wrap{width:100%;padding-left:clamp(1.07rem,5.33vw,2.56rem);padding-right:clamp(1.07rem,5.33vw,2.56rem);overflow:scroll}.work-track{grid-column-gap:clamp(1.28rem,6.4vw,3.07rem);grid-row-gap:clamp(1.28rem,6.4vw,3.07rem)}.work-card{border-radius:clamp(.64rem,3.2vw,1.53rem);width:clamp(16.53rem,82.67vw,39.59rem)}.work-card-content{padding:clamp(.86rem,4.16vw + .026rem,1.99rem)}.work-label{padding:clamp(.27rem,1.33vw,.64rem) clamp(.53rem,2.67vw,1.28rem);font-size:clamp(.75rem,3.73vw,1.79rem)}.work-label-wrap{grid-column-gap:clamp(.21rem,1.07vw,.51rem);grid-row-gap:clamp(.21rem,1.07vw,.51rem)}.work-card-thumb{width:clamp(12.8rem,64vw,30.72rem)}.work-card-thumb.is-phone{width:clamp(5.33rem,26.67vw,12.78rem)}.work-card-content-bottom-layout{padding-right:clamp(2.99rem,14.93vw,7.16rem);font-size:clamp(.75rem,3.73vw,1.79rem)}.work-card-heading{margin-bottom:clamp(.32rem,1.6vw,.77rem);font-size:clamp(1.49rem,7.47vw,3.58rem)}.work-card-arrow-wrap{width:clamp(1.92rem,9.6vw,4.61rem);height:clamp(1.92rem,9.6vw,4.61rem)}.work-card-arrow{width:clamp(.85rem,4.27vw,2.05rem);height:clamp(.85rem,4.27vw,2.05rem)}.what_you_get_section{pointer-events:auto;min-height:auto;padding:clamp(4.27rem,21.33vw,10.23rem) clamp(1.07rem,4.27vw,2.56rem)}.h2-big{margin-bottom:clamp(2.03rem,10.13vw,4.86rem);font-size:clamp(3.58rem,17.87vw,8.56rem)}.what_you_get-text{letter-spacing:clamp(-.082rem,-.17vw,-.034rem);width:100%;font-size:clamp(1.65rem,8.27vw,3.96rem);line-height:1.2;display:none}.capa-card-item{padding-left:clamp(calc(.71rem*var(--card-hover--card-padding-left-right)),calc(3.55vw*var(--card-hover--card-padding-left-right)),calc(1.71rem*var(--card-hover--card-padding-left-right)));padding-right:clamp(calc(.71rem*var(--card-hover--card-padding-left-right)),calc(3.55vw*var(--card-hover--card-padding-left-right)),calc(1.71rem*var(--card-hover--card-padding-left-right)));padding-top:clamp(calc(.49rem*var(--card-hover--card-padding-top-bottom)),calc(2.45vw*var(--card-hover--card-padding-top-bottom)),calc(1.18rem*var(--card-hover--card-padding-top-bottom)));padding-bottom:clamp(calc(.49rem*var(--card-hover--card-padding-top-bottom)),calc(2.45vw*var(--card-hover--card-padding-top-bottom)),calc(1.18rem*var(--card-hover--card-padding-top-bottom)));border-radius:clamp(.37rem,1.87vw,.9rem)}.capa-card-top-item{grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem)}.capa-card-arrow-wrap{width:clamp(calc(.43rem*var(--card-hover--card-icon-size)),calc(2.13vw*var(--card-hover--card-icon-size)),calc(1.02rem*var(--card-hover--card-icon-size)));height:clamp(calc(.43rem*var(--card-hover--card-icon-size)),calc(2.13vw*var(--card-hover--card-icon-size)),calc(1.02rem*var(--card-hover--card-icon-size)));border-radius:clamp(.5rem,.7vw,.625rem)}.capa-card-arrow{width:clamp(.43rem,2.13vw,1.02rem);transition-property:none}.capa-card-bottom{width:clamp(calc(10rem*var(--card-hover--card-text)),calc(80vw*var(--card-hover--card-text)),calc(17.5rem*var(--card-hover--card-text)))}.capa-card-heading{width:clamp(10rem,80vw,17.5rem);margin-bottom:clamp(.64rem,3.2vw,1.53rem);padding-top:clamp(2.13rem,10.67vw,5.12rem);font-size:clamp(1.07rem,5.33vw,2.56rem)}.capa-settings-icon{width:clamp(calc(.96rem*var(--card-hover--card-icon-size)),calc(4.8vw*var(--card-hover--card-icon-size)),calc(2.3rem*var(--card-hover--card-icon-size)))}.capa-seo-icon{width:clamp(calc(.91rem*var(--card-hover--card-icon-size)),calc(4.53vw*var(--card-hover--card-icon-size)),calc(2.17rem*var(--card-hover--card-icon-size)))}.capa-gsap-icon{width:clamp(calc(.96rem*var(--card-hover--card-icon-size)),calc(4.8vw*var(--card-hover--card-icon-size)),calc(2.3rem*var(--card-hover--card-icon-size)))}.capa-performance-icon{width:clamp(calc(1.01rem*var(--card-hover--card-icon-size)),calc(5.07vw*var(--card-hover--card-icon-size)),calc(2.43rem*var(--card-hover--card-icon-size)))}.gsap-icon{width:clamp(calc(2.45rem*var(--card-hover--card-icon-size)),calc(12.27vw*var(--card-hover--card-icon-size)),calc(5.88rem*var(--card-hover--card-icon-size)))}.webflow-icon{width:clamp(calc(1.49rem*var(--card-hover--card-icon-size)),calc(7.47vw*var(--card-hover--card-icon-size)),calc(3.58rem*var(--card-hover--card-icon-size)));font-size:clamp(.91rem,4.53vw,2.17rem)}.sevice_section{padding:clamp(4.27rem,21.33vw,10.23rem) clamp(1.07rem,5.33vw,2.56rem)}.service-wrap{background-color:#c8e0d4;border-radius:clamp(.43rem,2.13vw,1.02rem);flex-flow:column;margin-top:clamp(3.73rem,18.67vw,8.96rem);padding:clamp(.64rem,3.2vw,1.53rem)}.service-card{background-color:#e5e4d3;border-radius:clamp(.43rem,2.13vw,1.02rem);width:100%;padding:clamp(1.01rem,5.07vw,2.43rem)}.service-card.is-first{text-overflow:clip;border-radius:clamp(.43rem,2.13vw,1.02rem);width:100%;padding:clamp(1.01rem,5.07vw,2.43rem)}.service-top-content{margin-bottom:clamp(2.13rem,10.67vw,5.12rem)}.service-card-top-item{grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem);margin-bottom:clamp(1.71rem,8.53vw,4.09rem)}.service-card-icon{width:clamp(2.24rem,11.2vw,5.37rem)}.service-card-heading{font-size:clamp(1.17rem,5.87vw,2.81rem)}.service-price-item{grid-column-gap:clamp(.32rem,1.6vw,.77rem);grid-row-gap:clamp(.32rem,1.6vw,.77rem);margin-bottom:clamp(1.28rem,6.4vw,3.07rem);font-size:clamp(1.28rem,6.4vw,3.07rem)}.services-hours-text{font-size:clamp(.75rem,3.73vw,1.79rem)}.service-list{grid-column-gap:clamp(.43rem,2.13vw,1.02rem);grid-row-gap:clamp(.43rem,2.13vw,1.02rem);margin-top:clamp(2.13rem,10.67vw,5.12rem)}.service-list-item{grid-column-gap:clamp(.53rem,2.67vw,1.28rem);grid-row-gap:clamp(.53rem,2.67vw,1.28rem);font-size:clamp(.85rem,4.27vw,2.05rem)}.service-list-bullet-icon{border-width:clamp(.11rem,.53vw,.26rem);width:clamp(.69rem,3.47vw,1.66rem);height:clamp(.69rem,3.47vw,1.66rem)}.service-bottom-content{grid-column-gap:clamp(.21rem,1.07vw,.51rem);grid-row-gap:clamp(.21rem,1.07vw,.51rem);margin-left:-1.5%;font-size:clamp(.85rem,4.27vw,2.05rem)}.services-tooltip-icon{width:clamp(1.17rem,5.87vw,2.81rem);margin-top:.5%}.cta_section{padding:clamp(4.27rem,21.33vw,10.23rem) clamp(1.07rem,5.33vw,2.56rem)}.cta_heading{margin-bottom:clamp(2.13rem,10.67vw,5.12rem);font-size:clamp(2.24rem,11.2vw,5.37rem)}.cta-wrap{grid-column-gap:clamp(.75rem,3.73vw,1.79rem);grid-row-gap:clamp(.75rem,3.73vw,1.79rem);margin-top:clamp(2.13rem,10.67vw,5.12rem)}.cta_img{width:clamp(2.4rem,12vw,5.75rem)}.cta-chat{border-radius:clamp(.64rem,3.2vw,1.53rem);margin-bottom:clamp(.53rem,2.67vw,1.28rem);padding:clamp(.64rem,3.2vw,1.53rem) clamp(1.07rem,5.33vw,2.56rem);line-height:1}.cta-button{border-radius:clamp(.64rem,3.2vw,1.53rem);padding:clamp(.96rem,4vw,2.3rem) clamp(1.07rem,5.33vw,2.56rem);line-height:1}.testimonial_section{padding:clamp(4.27rem,21.33vw,10.23rem) clamp(1.07rem,5.33vw,2.56rem)}.swiper-main-wrap{grid-column-gap:clamp(1.28rem,6.4vw,3.07rem);grid-row-gap:clamp(1.28rem,6.4vw,3.07rem);margin-top:clamp(2.56rem,12.8vw,6.14rem)}.swiper-pagination{grid-column-gap:clamp(.32rem,1.6vw,.77rem);grid-row-gap:clamp(.32rem,1.6vw,.77rem);border-radius:clamp(.43rem,2.13vw,1.02rem);order:9999;margin-bottom:0;margin-left:auto;margin-right:auto;padding:clamp(.53rem,2.67vw,1.28rem)}.swiper{width:clamp(16.64rem,83.2vw,39.92rem)}.swiper-card{grid-column-gap:clamp(2.56rem,12.8vw,6.14rem);grid-row-gap:clamp(2.56rem,12.8vw,6.14rem);border-radius:clamp(.64rem,3.2vw,1.53rem);padding:clamp(1.07rem,5.33vw,2.56rem);font-size:clamp(.75rem,3.73vw,1.79rem)}.swiper-card-top{margin-bottom:clamp(1.28rem,6.4vw,3.07rem)}.swiper-heading{font-size:clamp(1.07rem,5.33vw,2.56rem)}.swiper-quote-icon{width:clamp(1.6rem,8vw,3.84rem)}.swiper-card-bottom{grid-column-gap:clamp(.75rem,3.73vw,1.79rem);grid-row-gap:clamp(.75rem,3.73vw,1.79rem)}.client-img{width:clamp(2.67rem,13.33vw,6.39rem)}.client-info{grid-column-gap:clamp(.16rem,.8vw,.38rem);grid-row-gap:clamp(.16rem,.8vw,.38rem);font-size:clamp(.75rem,3.73vw,1.79rem)}.client-text-small,.client-text-link{font-size:clamp(.75rem,3.73vw,1.79rem)}.footer{z-index:10;padding:0 clamp(1.07rem,5.33vw,2.56rem) 15vw;position:relative}.faq-column{flex-flow:column;display:flex}.faq{border-radius:clamp(.53rem,2.66vw,.75rem)}.faq-toggle{grid-column-gap:5vw;grid-row-gap:5vw;white-space:normal;padding:clamp(.74rem,3.73vw,1.05rem) clamp(1.28rem,6.4vw,1.8rem);font-size:clamp(.91rem,4.53vw,2.17rem)}.faq-icon{flex:none;width:clamp(.74rem,3.73vw,1.05rem);height:clamp(.74rem,3.73vw,1.05rem)}.faq-icon-item{width:clamp(.74rem,3.73vw,1.05rem)}.faq-answer{padding:clamp(.53rem,1.33vw,.625rem) clamp(1.28rem,6.4vw,1.8rem) clamp(.74rem,3.73vw,1.05rem);font-size:clamp(.85rem,4.27vw,1.2rem)}.popup-card{grid-column-gap:clamp(3.2rem,16vw,7.67rem);grid-row-gap:clamp(3.2rem,16vw,7.67rem);border-radius:clamp(1.17rem,5.87vw,2.81rem);padding:clamp(1.6rem,8vw,3.84rem)}.popup-card-wrap{width:100%}.popup-card-top-item{font-size:clamp(2.67rem,13.33vw,6.39rem)}.popup-close{border-radius:clamp(.53rem,2.67vw,1.28rem);width:clamp(2.13rem,10.67vw,5.12rem);height:clamp(2.13rem,10.67vw,5.12rem)}.popup-close-icon{width:clamp(.64rem,5.2vw,2.53rem);height:clamp(.64rem,5.2vw,2.53rem)}.popup-heading{margin-top:clamp(.64rem,3.2vw,1.53rem);margin-bottom:clamp(.64rem,3.2vw,1.53rem);font-size:clamp(1.71rem,8.53vw,4.09rem)}.capa-card-text{width:clamp(10rem,80vw,17.5rem);font-size:clamp(.91rem,4.53vw,2.17rem)}.happy-ring-wrap,.happy-ring-white{width:clamp(4rem,20vw,9.6rem)}.semiconbio-wrap,.semiconbio-white{width:clamp(5.33rem,26.67vw,12.78rem)}.typing-dots{width:clamp(.32rem,1.6vw,.77rem);height:clamp(.32rem,1.6vw,.77rem)}.cta-text,.cta-text-wrap{overflow:visible}.cta-chat-typing-wrap{grid-column-gap:clamp(.32rem,1.6vw,.77rem);grid-row-gap:clamp(.32rem,1.6vw,.77rem);border-radius:clamp(.64rem,3.2vw,1.53rem);padding:clamp(.64rem,3.2vw,1.53rem) clamp(1.07rem,5.33vw,2.56rem)}.swiper-bullet{width:clamp(.96rem,4.8vw,2.3rem);height:clamp(.21rem,1.07vw,.51rem)}.nesh-copyright-wrap{width:clamp(.43rem,2.13vw,1.02rem);height:clamp(.43rem,2.13vw,1.02rem);right:clamp(-.85rem,-4.27vw,-2.05rem)}.nav-button-wrap{display:none}.clipboard-wrap{width:clamp(.75rem,3.73vw,1.79rem);height:clamp(.75rem,3.73vw,1.79rem);right:clamp(.75rem,3.73vw,1.79rem)}.clipboard-item{grid-column-gap:clamp(.43rem,2.13vw,1.02rem);grid-row-gap:clamp(.43rem,2.13vw,1.02rem);border-radius:clamp(.32rem,1.6vw,.77rem);padding:clamp(.53rem,2.67vw,1.28rem);font-size:clamp(.69rem,3.47vw,1.66rem);right:0%}.clipboard-icon{width:clamp(.75rem,3.73vw,1.79rem);height:clamp(.75rem,3.73vw,1.79rem);margin-top:0;margin-bottom:clamp(.11rem,.53vw,.26rem)}.mobile-hero-image-wrap{z-index:1;pointer-events:none;justify-content:center;align-items:flex-end;height:clamp(40.7rem,197.4vw + 1.23rem,94.6rem);display:flex;position:absolute;inset:clamp(4.77rem,23.09vw + .15rem,11.07rem) 0% 0%}.mobile-hero-image{width:100%}.mobile-timeline-wrap{justify-content:flex-start;align-items:flex-start;height:100%;display:none;position:absolute;inset:0% auto 0% 0%}.mobile-timeline-icon{flex-flow:column;width:clamp(.53rem,2.67vw,1.28rem);display:flex;position:absolute;inset:0% auto 0% 0%}.nav-button-mobile{border-radius:clamp(.43rem,2.13vw,1.02rem);height:auto;padding-left:clamp(1.07rem,5.33vw,2.56rem);padding-right:clamp(1.07rem,5.33vw,2.56rem);font-size:clamp(.8rem,4vw,1.92rem);line-height:1;display:flex}.mobile-menu-wrap{grid-column-gap:clamp(.43rem,2.13vw,1.02rem);grid-row-gap:clamp(.43rem,2.13vw,1.02rem);display:flex}.mobile-menu{grid-column-gap:clamp(.11rem,.53vw,.26rem);grid-row-gap:clamp(.11rem,.53vw,.26rem);background-color:#d8eae0;border-radius:clamp(.43rem,2.13vw,1.02rem);flex-flow:column;justify-content:center;align-items:center;width:clamp(2.13rem,10.67vw,5.12rem);display:flex}.mobile-menu-icons{justify-content:flex-start;align-items:center;display:flex}.mobile-menu-icon{width:clamp(.85rem,4.27vw,2.05rem)}.drag-wrap{pointer-events:none}.what_you_get-text-mobile{letter-spacing:clamp(-.082rem,-.17vw,-.034rem);width:100%;font-size:clamp(1.65rem,8.27vw,3.96rem);line-height:1.2;display:block}.capa-overview-wrap{z-index:600;background-color:#0f2318cc;justify-content:center;align-items:center;width:100vw;height:100dvh;display:none;position:fixed;inset:0%}.nav-menu-wrap{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:inset(0% 0% 100%);pointer-events:none;background-color:#d4d3c099;border-radius:0;width:100%;margin-left:auto;margin-right:auto;padding:clamp(7.88rem,21vw,10.83rem) clamp(1.07rem,2.67vw,2.56rem) clamp(1.07rem,5.33vw,2.56rem);position:absolute;inset:0 0% auto}.popup-close-path-1,.popup-close-path-2{border-radius:4px;width:4px}.faq-heading{width:100%;font-size:clamp(.91rem,4.53vw,2.17rem)}.work-card-arrow-2{width:clamp(.85rem,4.27vw,2.05rem);height:clamp(.85rem,4.27vw,2.05rem)}}@media screen and (max-width:479px){body{--yellow:var(--ro-accent);--black:black;--white:white;--card-hover--card-padding-top-bottom:1;--card-hover--card-padding-left-right:1;--card-hover--card-icon-size:1;--card-hover--card-text:0;--tra:\"DM Serif Display\",Georgia,serif;--card-hover--scale:0px;overflow:visible}.hero{overflow:hidden}.experience-number{width:clamp(4.29rem,20.79vw + .13rem,9.96rem)}.navigation{padding-left:1.25rem;padding-right:1.25rem}.nav-top-layout{margin-bottom:0;padding-top:1.25rem}.what_you_get-text{width:91%}.faq-column{flex-flow:column;display:flex}.nesh-copyright-wrap{inset:0% clamp(-.64rem,-3.2vw,-1.53rem) 0% auto}.what_you_get-text-mobile{margin-left:-6%}.nav-menu-wrap{padding:clamp(4.18rem,20vw,5.9rem) .625rem 1.25rem;bottom:auto;left:0%;right:0%}}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe61a2-be2d4114{grid-area:span 1\/span 1\/span 1\/span 1}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64b5-be2d4114{place-self:center end}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6696-be2d4114{justify-self:start}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6759-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe676f-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe677a-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe679b-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6764-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6785-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6790-be2d4114,#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe67a6-be2d4114{align-self:start}@media screen and (max-width:991px){#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64ae-be2d4114{grid-area:span 1\/span 2\/span 1\/span 2}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64b5-be2d4114{grid-area:span 1\/span 2\/span 1\/span 2;place-self:center end}}@media screen and (max-width:767px){#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64ae-be2d4114{grid-area:span 1\/span 2\/span 1\/span 2}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64b5-be2d4114{grid-area:span 1\/span 2\/span 1\/span 2;place-self:center start}#w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6693-be2d4114{grid-area:span 1\/span 1\/span 1\/span 1}}\n:root{--ro-accent:#4CAF7D;--ro-goud:#E2C04A} \/* --ro-accent: bullets, pijlen, quote-iconen, actief menu-item (was goud #F4B942, kort koraal). --ro-goud: alleen de sterren. Inline SVG-fills in index.html en main.js gebruiken de letterlijke hex van --ro-accent. *\/\n\/* ===== Remote Opus aanpassingen (DM Serif Display heeft andere metrics dan TR3A) ===== *\/\n.hero-heading{font-size:clamp(2.4rem,4.15vw,4.3rem)}\n.nav-email-item{padding-left:.9vw;padding-right:.9vw;white-space:nowrap;font-size:clamp(.65rem,.95vw,1.1rem)}\n.nav-email-text,.nav-email-item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.h2-big{letter-spacing:-.12vw}\n.cta_heading{letter-spacing:-.1vw}\n\n\/* logo-marquee: merklogo's volgen de kleur van de sidebar (zwart -> wit in donkere sectie) *\/\n.nav-comapny-item .ro-logo{height:1.45vw;width:auto;flex:none;opacity:.62}\n\n\/* woordmerk overal donkergroen (ghost = zichtbare variant op mobiel, preload = laadscherm) *\/\n.nesh-logo-ghost,.nesh-logo-preload-svg{color:#0F2318}\n\/* mobiel: kop staat naast\/onder de figuur op mint, dus donkergroen i.p.v. wit *\/\n\n\n\/* ============================================================\n   HERO \u2014 samenhangend groen palet\n   Vakken: mintkleur van de achtergrond, iets donkerder + blur,\n   zodat ze er alle drie hetzelfde uitzien ongeacht wat erachter zit.\n   ============================================================ *\/\n.hero-card-1,.hero-card-2,.hero-card-3,.hero-card-2-bg{\n  background-color:rgba(186,212,195,.82);\n  border:1px solid rgba(255,255,255,.45);\n  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);\n}\n.hero-card-1,.hero-card-2,.hero-card-3,\n.hero-card-1 p,.hero-card-2 p,.hero-card-3 p,\n.hero-webflow-projects-text,.experience-text{color:#0F2318}\n\n\/* icoontjes in de eigenschappenlijst: donkergroen *\/\n.hero-card-3-icon{color:#0F2318}\n\n\/* accent blijft amber, zodat het niet \u00e9\u00e9n vlakke kleur wordt *\/\n.hero-webflow-icon-wrap,.hero-webflow-icon,\n\n\n\/* knoppen: twee tinten groen \u2014 samenhangend, niet identiek *\/\n.hero-cta-button{background-color:#25D366}\n.hero-button{background-color:#0F2318}\n.hero-cta-button .button-text,.hero-button .button-text{color:#fff}\n.hero-cta-button,.hero-button{transition:background-color .3s ease}\n.hero-cta-button:hover{background-color:#1DA851}\n.hero-button:hover{background-color:#1A4731}\n\n\/* de zichtbare hero-knoppen zijn de sidebar-knoppen (via Flip opgeschaald) *\/\n.nav-button{background-color:#25D366} \/* WhatsApp-groen (officieel merk) *\/\n.nav-button-secondary{background-color:#0F2318;border-color:transparent} \/* donkergroen themakleur *\/\n.nav-button,.nav-button-secondary,\n.nav-button .button-text,.nav-button-secondary .button-text,\n.nav-button p,.nav-button-secondary p{color:#fff}\n.nav-button:hover{background-color:#1DA851}\n.nav-button-secondary:hover{background-color:#1A4731}\n.nav-button-mobile{background-color:#1A4731;color:#fff}\n\n\/* vakken iets dekkender zodat ze er op elke ondergrond identiek uitzien *\/\n.hero-card-1,.hero-card-2,.hero-card-3,.hero-card-2-bg{background-color:rgba(186,212,195,.9)}\n\n\/* de zichtbare statkaarten in de hero zijn ook sidebar-elementen (Flip) *\/\n.nav-webflow-bg,.nav-experience-bg{\n  background-color:rgba(186,212,195,.9);\n  border:1px solid rgba(255,255,255,.45);\n  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);\n}\n\n\n\/* icoontjes bij uurbedrag en beoordeling: groen i.p.v. amber *\/\n.hero-webflow-icon-wrap,.hero-webflow-icon,\n.nav-webflow-icon-wrap,.nav-webflow-icon{color:#2E7D52!important}\n\n\/* sectie \"zo werkt het\" is weg: werk-sectie omhoog zodat er geen gat valt *\/\n.work_section{margin-top:-130vh}\n\n\n\/* ---- vakjes: doorschijnend glas met echte blur ---- *\/\n.hero-card-1,.hero-card-2,.hero-card-3,.hero-card-2-bg,\n.nav-webflow-bg,.nav-experience-bg{\n  background-color:rgba(186,212,195,.45)!important;\n  border:1px solid rgba(255,255,255,.55)!important;\n  -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;\n          backdrop-filter:blur(22px) saturate(1.15)!important;\n}\n\n\/* ---- icoontje bij het uurbedrag weg: vak wordt smaller ---- *\/\n.hero-webflow-icon-wrap,.nav-webflow-icon-wrap,\n.hero-webflow-icon,.nav-webflow-icon{display:none!important}\n.nav-stats-card,.hero-card-2{gap:0}\n\n\/* ---- beoordeling in goud ---- *\/\n.experience-number-wrap,.experience-number,\n\n\/* het vak krimpt mee nu het icoon weg is (ghost bepaalt de Flip-maat) *\/\n.hero-card-2{aspect-ratio:auto!important;width:auto!important}\n.nav-webflow-text-wrap{width:auto}\n\n\/* ---- vakjes donkerder zodat witte tekst leesbaar is, blur blijft ---- *\/\n.hero-card-1,.hero-card-2,.hero-card-3,.hero-card-2-bg,\n.nav-webflow-bg,.nav-experience-bg{\n  background-color:rgba(20,54,37,.52)!important;\n  border:1px solid rgba(255,255,255,.28)!important;\n}\n\/* alle tekst in de vakjes wit *\/\n.hero-card-1,.hero-card-2,.hero-card-3,\n.hero-card-1 p,.hero-card-2 p,.hero-card-3 p,\n.hero-webflow-projects-text,.experience-text,\n.hero-card-3-item,.hero-card-3-item p{color:#fff!important}\n\/* beoordeling (label + score) volgt het heynesh-mechanisme: data-tl wit\u2192donkergroen op 20\u201322%,\n   op donkere secties zet main.js .text-color-white (9 sept) *\/\n.ro-score{color:inherit}\n.nav-experience-text.text-color-white,.nav-experience-numb.text-color-white,.nav-webflow-text.text-color-white{color:#fff!important}\n.hero-card-3-icon{color:#fff!important}\n\n\/* eigenschappen-vakje iets naar rechts, weg van de kop (alleen desktop) *\/\n@media (min-width:768px){.hero-card-3{right:4.2%!important}}\n\n\/* kop een tikje omlaag zodat hij helemaal vrij staat *\/\n.hero-heading{position:relative;top:14px}\n\n\/* kopje boven de meelopende logo's *\/\n.ro-logos-title{\n  text-transform:uppercase;letter-spacing:.09em;font-weight:700;\n  font-size:clamp(.6rem,.78vw,.9rem);line-height:1;\n  margin:0 0 .6vw;padding-left:.2vw;opacity:.65;color:#0F2318;\n}\n\n\n\/* eigenschappen-vakje verder naar rechts *\/\n@media (min-width:768px){.hero-card-3{right:1.6%!important}}\n\n\/* intro-tekst Taken links uitlijnen in plaats van rechts *\/\n.work-top-text{justify-self:start!important;margin-right:auto!important}\n\n\/* beoordeling: echt tekstelement in goud, met sterrenrij eronder *\/\n.ro-score{\n  display:block;font-family:\"DM Serif Display\",Georgia,serif;font-weight:400;\n  font-size:clamp(1.4rem,2.4vw,3rem);line-height:1;\n}\n.ro-stars{display:flex;gap:.12vw;justify-content:center;margin-top:.28vw}\n.ro-star{width:clamp(7px,.66vw,13px);height:auto;flex:none}\n.ro-logos-title{opacity:0}\n\n\/* cijfer en sterren onder elkaar i.p.v. naast elkaar *\/\n.nav-experience-numb-wrap,.experience-number-wrap{\n  display:flex!important;flex-direction:column!important;align-items:center!important;\n}\n\n\/* sidebar boven de inhoud houden: anders schuift de Taken-sectie eroverheen\n   en wordt de sidebar tijdens de overgang afgekapt *\/\n\n\/* het herstelde Flip-element moet de kolomopmaak doorgeven *\/\n.nav-experience-numb,.experience-number{\n  display:flex;flex-direction:column;align-items:center;width:auto!important;height:auto;\n}\n\n\/* foto tussen woordmerk en inhoud: hij dekte de kop en het eigenschappen-vak af *\/\n\n\n\n\/* ---------- echt Remote Opus logo in de sidebar ---------- *\/\n.nav-logo{background:none!important;padding:0!important;position:relative}\n.ro-merk{width:100%;height:auto;object-fit:contain;transition:opacity .4s ease}\n.ro-merk-wit{position:absolute;inset:0;opacity:0}\nbody.ro-donker .ro-merk-groen{opacity:0}\nbody.ro-donker .ro-merk-wit{opacity:1}\n\n\/* ---------- groot woordmerk achter het hoofd ---------- *\/\n\n\n\n\n\n\/* ---------- FAQ-koppen zelfde lettertype als de rest ---------- *\/\n\/* FAQ (16 sept): vraagtitel in Inter (zelfde font als het antwoord, wens Serdar), antwoord een maat kleiner *\/\n.faq-heading{font-family:Inter,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.01em}\n@media (min-width:768px){\n  .faq-answer{font-size:clamp(.85rem,1.05vw,1.1rem);line-height:1.55}\n}\n\n\/* ---------- sidebar: tarief groter, beoordeling kleiner en wit ---------- *\/\n.hero-webflow-projects-text{font-size:clamp(.95rem,1.45vw,1.9rem)!important;line-height:1.15}\n.ro-score{font-size:clamp(1rem,1.55vw,2rem)!important}\n.ro-stars{margin-top:.2vw}\n.ro-star{width:clamp(6px,.5vw,10px)}\n.experience-text,.nav-experience-text{font-size:clamp(.6rem,.85vw,1.05rem)!important;line-height:1.2}\n\n\/* ---------- initialen als avatar bij reviews zonder foto ---------- *\/\n.ro-initialen{\n  display:flex;align-items:center;justify-content:center;\n  background:#1A4731;color:#fff;font-family:\"DM Serif Display\",Georgia,serif;\n  font-size:clamp(.8rem,1.1vw,1.3rem);letter-spacing:.02em;\n}\n\n\/* ---------- derde tarievenkaart ---------- *\/\n.service-card.is-included .service-price-item{display:none}\n.service-card.is-included{background:rgba(26,71,49,.06);border-radius:var(--radius,12px)}\n\n\/* ---------- woordmerk op home, R.-logo vanaf sectie 2 ---------- *\/\n\/* het R.-logo staat los in de sidebar en doet niet mee met de Flip *\/\n.ro-logo-badge{\n  position:absolute;top:0;left:0;width:3.4vw;aspect-ratio:1\/.96;\n  opacity:0;pointer-events:none;z-index:3;\n}\n.ro-logo-badge .ro-merk{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s ease}\n.ro-logo-badge .ro-merk-wit{opacity:0}\nbody.ro-donker .ro-logo-badge .ro-merk-groen{opacity:0}\nbody.ro-donker .ro-logo-badge .ro-merk-wit{opacity:1}\n.nav-top-item{position:relative}\n\n\n\/* het grote woordmerk komt uit de hero-ghost: die ligt ONDER de foto,\n   dus het hoofd valt over de letters. Het exemplaar in de sidebar\n   (het Flip-element) wordt verborgen. *\/\n\n.nesh-copyright-icon-ghost{color:#0F2318}\n\n\n\/* ---------- beoordeling gelijk aan de rest van de tekst in de hokjes ---------- *\/\n.ro-score{\n  font-family:inherit!important;          \/* zelfde font als \"\u20ac6,33 per uur\" *\/\n  font-weight:inherit!important;\n  \/* kleur komt uit de licht\/donker-wissel in main.js, net als de rest *\/\n  font-size:clamp(.95rem,1.45vw,1.9rem)!important;\n  line-height:1.15;\n}\n.ro-stars{display:none!important}\n\/* beoordelingscijfer erft de kleur van de kaart (was nog het gele van heynesh) *\/\n.nav-experience-numb,.experience-number{color:inherit}\n\/* kop wit op zijn kleding, zoals bij heynesh *\/\n.hero-heading{color:#F8F7F3}\n\n\/* ghost is een meetelement, moet onzichtbaar blijven *\/\n.nesh-logo-ghost{opacity:0}\n\n\/* ---------- mobiel: kop donkergroen op de mintachtergrond ---------- *\/\n\/* de witte desktop-regel hierboven won van de eerdere mobiele regel (zelfde specificiteit, later in het bestand) *\/\n\n\n\/* ---------- beoordeling als \u00e9\u00e9n regel onder het tarief: \u2605\u2605\u2605\u2605\u2605 4.8\/5 gemiddelde beoordeling (9 sept) ----------\n   Zoals op remote-opus.com (.hero-trust): gouden sterren var(--ro-accent) met letter-spacing, daarna de tekst.\n   Alleen de drie meetpunten van de beoordeling (.experience-bg \/ .experience-number \/ .experience-text)\n   worden met transforms verplaatst; de layout-box .hero-card-1 houdt exact zijn oude hoogte, dus\n   tariefkaartje, USP-blok, kop en knoppen staan waar ze stonden. main.js meet de meetpunten en\n   schaalt de echte zijbalk-elementen ernaartoe (zelfde regelstructuur in hero en zijbalk vereist).\n   Naast het tariefkaartje past deze regel niet (zou 60px over de kop lopen), daarom als strook eronder.\n   Alleen desktop. *\/\n.ro-sterren{color:var(--ro-goud);letter-spacing:.14em}\n@media (min-width:768px){\n  .hero-card-1 .experience-bg{inset:auto;left:0;top:0;width:18.65vw;height:2.6vw;transform:translate(-3.03vw,-.59vw)}\n  .hero-card-1 .experience-number{width:auto;aspect-ratio:auto;white-space:nowrap;transform-origin:top left;transform:translate(-3.7vw,-1.5vw) scale(.65)}\n  .hero-card-1 .experience-text-wrap{min-height:calc(2.4 * clamp(.6rem,.85vw,1.05rem));width:4.58vw}\n  .hero-card-1 .experience-text{position:absolute;left:0;top:0;white-space:nowrap;font-size:clamp(.58rem,.78vw,1rem)!important;line-height:1.15;text-align:left;transform:translate(.96vw,-3.64vw)}\n  .hero-card-1 .experience-text br{display:none}\n  .nav-experience-numb .ro-score{font-size:.9vw!important;white-space:nowrap}\n  .nav-experience-text{white-space:nowrap;font-size:clamp(.5rem,.72vw,.9rem)!important}\n  .nav-experience-text br{display:none}\n  \/* kaartje houdt exact zijn originele breedte (6.94vw), anders drukt het het tariefkaartje ernaast samen.\n     De wrappers krijgen breedte 0 zodat de \u00e9\u00e9nregelige inhoud niet meetelt voor de min-breedte; de inhoud\n     steekt gecentreerd uit (flex center = symmetrische overflow), binnen de padding van het paneel. *\/\n  #stats_years{min-width:0}\n  #stats_years .nav-experience-numb-wrap,#stats_years .nav-experience-text-wrap{display:flex;justify-content:center;width:0;margin:0 auto}\n}\n\n\/* ---------- ultrabreed (\u22652200px): vakjes groeien in vw, de kop niet \u2014 begrenzen zodat niets elkaar raakt (12 sept) ---------- *\/\n@media (min-width:2200px){\n  .hero-card-1 .experience-bg{width:min(18.65vw,420px)}\n  .hero-card-3{padding-top:1.1vw;padding-bottom:1.1vw}\n}\n\n\/* ---------- tablet 768\u2013991 (iPad): desktop-opzet zoals heynesh, passend gemaakt (12 sept) ----------\n   De kaartjes-container mag bijna de volle breedte gebruiken, en de beoordelingsstrook krijgt een\n   minimumbreedte omdat de tekst (rem-ondergrens) op deze breedte groter is dan 18.65vw. *\/\n@media (min-width:768px) and (max-width:991px){\n  .hero-cards-wrap{width:92vw}\n  .hero-card-1 .experience-bg{width:max(18.65vw,232px)}\n  .hero-heading{top:6px} \/* op staande tablets raakte de onderkant van de kop de knoppen (1\u20132px) *\/\n}\n\n\/* ---------- Taken: vastgezette inhoud moet altijd in \u00e9\u00e9n schermhoogte passen (12 sept) ----------\n   .work-sticky zet vast aan de onderkant (bottom:0). Op 16:9-schermen was de inhoud 25\u201378px hoger dan het\n   scherm, waardoor het label TAKEN boven uit beeld viel. De kaarten (hoogte = 1,414 \u00d7 breedte) krijgen\n   daarom een breedte-plafond dat van de schermhoogte afhangt: kaarthoogte \u2264 100vh \u2212 rest (\u224824,5vw). *\/\n@media (min-width:768px){\n  .work-card{width:min(clamp(17rem,27vw,30rem), calc(70vh - 17.5vw))}\n}\n\n\/* ---------- Tarieven en Klanten vastgezet zoals Taken (12 sept) ----------\n   Sectie wordt hoger, de inhoud staat sticky bovenaan; de scroll stuurt de beweging:\n   Tarieven: kaarten komen \u00e9\u00e9n voor \u00e9\u00e9n (data-tl scroll op .service-card, 2\u201342% van de sectie).\n   Klanten: reviews schuiven horizontaal met de scroll (TestimonialScroll in main.js), laatste review\n   eindigt gecentreerd; de Swiper (slepen) draait alleen nog op mobiel. Alleen desktop\/tablet. *\/\n@media (min-width:768px){\n  .sevice_section{min-height:200vh;padding:0}\n  .service-sticky{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding:2vw 1.39vw 2vw 21vw;display:flex;flex-direction:column;justify-content:center}\n  .testimonial_section{min-height:400vh;padding:0;overflow:visible} \/* overflow:hidden op de sectie schakelt sticky uit; het sticky-blok clipt zelf *\/\n  .testimonial-sticky{position:sticky;top:0;min-height:100vh;box-sizing:border-box;padding:2vw 1.39vw 3vw 21vw;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden} \/* zelfde bovenpadding als Tarieven (16 sept) *\/\n  .testimonial-sticky .swiper{overflow:visible}\n  .testimonial-sticky .swiper-wrapper{gap:14px;transition:none;align-items:stretch}\n  .testimonial-sticky .swiper-slide{height:auto} \/* Swiper-CSS zet height:100% en blokkeert daarmee stretch \u2192 alle reviewkaarten even hoog (16 sept) *\/\n  .testimonial-sticky .swiper-pagination{display:none}\n}\n\n\/* ---------- USP-vakje iets omlaag en 5% kleiner (13 sept) ----------\n   Op een breed, laag browservenster (bv. 1920\u00d7920) kwam de bovenkant van het vakje op de hoogte van de\n   menuregel TARIEVEN | KLANTEN | FAQ. Het vakje hangt aan de kaartjes-container (top:-10%); 2.6vw lager\n   en zoom .95 (rechter- en bovenkant blijven het ankerpunt). Alleen dit element verandert. *\/\n@media (min-width:768px){\n  .hero-card-3{top:calc(-10% + 2.6vw)!important;zoom:.95}\n}\n\n\/* ---------- Tarieven: twee kaarten zonder bulletlijst, 'Altijd inbegrepen' eronder (13 sept) ----------\n   Engels\/Nederlands delen de rij (flex:1); het inbegrepen-blok staat onder de rij, lijst in drie kolommen. *\/\n.service-wrap > .service-card,.service-wrap > .service-card.is-first{flex:1 1 0;width:auto}\n.service-wrap > .service-card:not(.is-first){padding-left:2.22vw;padding-right:2.22vw}\n.service-included{background-color:#c8e0d4;border-radius:.69vw;margin-top:1.2vw;padding:1.39vw 2.22vw;display:flex;flex-direction:column}\n.service-included .service-top-content{margin-bottom:0}\n.service-included .service-card-top-item{margin-bottom:.8vw}\n\/* icoontegels (16 sept): 14 kolommen, elke tegel 2 \u2192 7 per rij; tegel 8 begint op kolom 2 zodat de tweede rij\n   (6 tegels) gecentreerd staat. Vaste hoogte via grid-auto-rows + label-ruimte van 2 regels \u2192 alle tegels gelijk. *\/\n.service-included .service-list{display:grid;grid-template-columns:repeat(14,1fr);grid-auto-rows:1fr;gap:.6vw;margin-top:1vw}\n.ro-tegel{grid-column:span 2;background:rgba(232,245,238,.8);border:1px solid rgba(15,35,24,.08);border-radius:.7vw;padding:1vw .5vw .9vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.55vw;text-align:center;font-size:clamp(.8rem,1vw,1.15rem);line-height:1.2;color:#0F2318;min-height:100%;box-sizing:border-box}\n.ro-tegel:nth-child(8){grid-column:2\/span 2}\n.ro-tegel span{display:flex;align-items:center;justify-content:center;min-height:2.4em}\n.ro-tegel svg{width:1.9vw;height:1.9vw;stroke:var(--ro-accent);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}\n.ro-tegel.is-nieuw{background:#0F2318;color:#F8F7F3;border-color:#0F2318}\n@media (min-width:768px) and (max-width:1199px){\n  .service-included .service-list{grid-template-columns:repeat(10,1fr)}\n  .ro-tegel:nth-child(8){grid-column:span 2}\n  .ro-tegel:nth-child(11){grid-column:3\/span 2}\n}\n.service-included .service-bottom-content{margin-top:1vw}\n\n\n\/* ---------- Klanten \u2192 FAQ: groot woordmerk uit de footer weg, minder witruimte erboven (16 sept) ---------- *\/\n@media (min-width:768px){\n  .footer{padding-top:2vw;min-height:100vh;box-sizing:border-box}\n  .column.faq-column-main{padding-top:0} \/* label FAQ op dezelfde hoogte als bij Tarieven (16 sept) *\/ \/* min-height: de pagina eindigt met de FAQ bovenaan i.p.v. halverwege (16 sept) *\/\n}\n\n\/* ---------- Kennismaken: afsluitende agenda-widget onder de FAQ (16 sept) ----------\n   Overgenomen van remote-opus.com\/kennismaking: LeadConnector booking-iframe (950px) + laadindicator + form_embed.js. *\/\n.kennismaken-column{margin-top:6vw;padding-bottom:3vw;width:100%}\n.ro-kalender{position:relative;margin:2vw auto 0;width:100%;align-self:center;max-width:none;box-sizing:border-box;background-color:#c8e0d4;border-radius:1vw;padding:1vw} \/* volle kolombreedte: de widget legt kalender en tijden naast elkaar en had te weinig ruimte (19 sept) *\/\n.ro-kalender iframe{position:relative!important;left:auto!important;width:100%!important} \/* volledige hoogte (embed-script), geen interne scroll \u2014 wens Serdar 17 sept *\/\n.ro-kalender-skelet{position:absolute;inset:1vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#0F2318;font-family:Inter,system-ui,sans-serif;font-size:14px;border-radius:16px;background-color:#E8F5EE}\n.ro-kalender-skelet.hidden{display:none}\n.ro-spinner{width:28px;height:28px;border:3px solid rgba(15,35,24,.15);border-top-color:var(--ro-accent);border-radius:50%;animation:ro-spin .9s linear infinite}\n@keyframes ro-spin{to{transform:rotate(360deg)}}\n\n\n\/* ---------- Sectiekoppen: regelhoogte 1.15 zoals bij Taken (16 sept) ----------\n   .h2-style stond op line-height 1; de regelmaskers van de tekst-animatie (overflow:hidden) knipten daardoor de\n   staarten van g en j af, en zonder maskers (FAQ, Kennismaken) raakten de regels elkaar. *\/\n.h2-style,.h2-style.margin-bottom-s{line-height:1.15}\n\n\/* Agenda scroll-schild (17 sept) verwijderd op verzoek: widget volledig zichtbaar, alleen paginascroll. *\/\n\n\n \/* eindstand m\u00e9t de instelbare --ex\/--ey\/--es, anders overschrijft de animatie de verplaatsing (19 sept) *\/\n\n\n\/* ==================== Donkere secties Klanten en Kennismaken (17 sept) ====================\n   Zelfde ritme als Taken: donkergroen blok, witte koppen, data-theme=\"dark\" zodat de zijbalk (ThemeSwitcher) meewisselt. *\/\n.testimonial_section{background-color:#0F2318}\n.testimonial_section .label,#kennismaken .label{color:#F8F7F3;border-color:rgba(255,255,255,.3)}\n.testimonial_section .h2-style,#kennismaken .h2-style{color:#F8F7F3}\n\/* de koppen worden geverfd met een tekstverloop (background-clip:text) op de SplitText-regels, niet met color;\n   hier het witte verloop van de Taken-kop. Kennismaken-kop is niet gesplitst \u2192 op het element zelf. *\/\n.testimonial_section .h2-style .line,#kennismaken .h2-style{background-image:linear-gradient(89deg,#d5d5d5 7.42%,#fff 95.11%)}\n.testimonial_section .swiper-card{background-color:#C8E0D4}\n#kennismaken{background-color:#0F2318;color:#F8F7F3}\n@media (min-width:768px){\n  #kennismaken{margin:6vw -1.39vw 0 -21vw;padding:3vw 1.39vw 7vw 21vw;width:auto;border-radius:0}\n  .footer{padding-bottom:0}\n}\n\n\n@media (prefers-reduced-motion:reduce){\n  .nesh-logo-ghost,.nesh-logo-ghost .nesh-logo-glyph,.mobile-hero-image-wrap{animation:none!important}\n  .nesh-logo-ghost .nesh-logo-glyph{transform:none}\n}\n\n\n\n\n\n\n\/* ==================== MOBIEL (\u2264767px) \u2014 heynesh-opmaak met onze inhoud (19 sept) ====================\n   De hero volgt weer exact de mobiele CSS van heynesh (staat in de basis-stylesheet hierboven): woordmerk boven,\n   foto absoluut over de volle hoogte, kaartjes en kop zwevend over de foto, knoppen verborgen (de bovenbalk heeft\n   \"Stuur een app\"). Enige aanpassing: onze foto is een borstbeeld, geen staande foto; hij wordt breder dan het scherm\n   gezet zodat hij de breedte vult en onderaan door de sectiegrens wordt afgesneden. Eigen mobiele opmaak van\n   hero \u00e9n bewerkmodus is verwijderd. Hieronder alleen wat eerder expliciet is gevraagd voor de andere secties. *\/\n.profile-img-item picture,.mobile-hero-image-wrap picture{display:contents}\n@media (max-width:767px){\n  html{overflow-x:hidden} body{overflow-x:clip}                 \/* pagina kan nooit oprekken (valkuil 32) *\/\n  .nesh-logo-preload-wrap,.nesh-copyright-icon-ghost,.nesh-copyright-wrap{display:none}\n  .nesh-logo-ghost{opacity:1;color:#0F2318}                    \/* heynesh toont het woordmerk op mobiel via de ghost *\/\n  \/* heynesh-compositie met ons borstbeeld: hoofd raakt het woordmerk (zoals bij heynesh), foto 165% breed en door de\n     hero-onderrand afgesneden waar de trui ophoudt; kaartjes op schouderhoogte, kop over de borst, tarief onderin links *\/\n  .hero{min-height:0;height:auto;padding-bottom:0}\n  .hero-sticky{min-height:0;height:152vw}\n  .mobile-hero-image-wrap{inset:33vw 0% auto;height:auto;align-items:flex-start}\n  .mobile-hero-image{width:165vw;max-width:none}\n  .hero-cards-wrap{inset:62vw 0% auto;height:90vw}\n  \/* Serdar 19 sept: hoofd in het midden (gemeten: hoofd zat op 61,4vw \u2192 11,4vw naar links) *\/\n  .mobile-hero-image{transform:translateX(-11.4vw)}\n  \/* kop iets groter en hoger *\/\n  .hero-heading{font-size:12.4vw;line-height:1}\n  .hero-content-layout{bottom:15vw}\n  \/* USP-vakje weg op mobiel (Serdar 19 sept); tarief terug, rechts van de nek zodat het gezicht vrij blijft *\/\n  .hero-card-3{display:none}\n  .hero-card-2-wrap{display:block;position:absolute;inset:18vw 2.6vw auto auto}\n  .hero-card-2{padding:3vw 2.6vw}\n  .hero-webflow-projects-text::before{content:'vanaf '}\n  \/* beoordeling op \u00e9\u00e9n regel, onderin bij de rand met de volgende sectie *\/\n  .hero-cards-left{padding-top:0}\n  .hero-card-1-wrap{align-self:flex-start;margin:auto 0 3vw 4.27vw;left:0}\n  .hero-card-1{flex-flow:row;align-items:center;gap:2vw;padding:2.4vw 3.4vw;border-radius:2.2vw}\n  .hero-card-1 .experience-number,.hero-card-1 .ro-score{width:auto;font-size:3.6vw!important;white-space:nowrap}\n  .hero-card-1 .experience-text{font-size:3.1vw!important;line-height:1;white-space:nowrap}\n  .hero-card-1 .experience-text br{display:none}\n  .hero-heading{color:#F8F7F3}\n  .ro-kalender iframe{min-width:0!important}\n  .work_section{margin-top:0}\n  .nav-button-mobile{background-color:#25D366;color:#fff}\n  \/* Taken: veeghint + snap per kaart *\/\n    .work-track-wrap{scroll-snap-type:x mandatory;scroll-padding-left:clamp(1.07rem,5.33vw,2.56rem);scrollbar-width:none}\n  .work-track-wrap::-webkit-scrollbar{display:none}\n  .work-card{scroll-snap-align:start}\n  \/* sectiekoppen \u00e9\u00e9n maat, Tarieven-kop past op twee regels *\/\n  .h2-style,.h2-style.margin-bottom-s,.h2-style-white,.sevice_section h2{font-size:clamp(1.9rem,9.5vw,3rem)}\n  \/* Tarieven: Engels en Nederlands naast elkaar *\/\n  .service-wrap{flex-flow:row!important;align-items:stretch;gap:2.5vw;padding:2.5vw}\n  .service-wrap > .service-card,.service-wrap > .service-card.is-first{flex:1 1 0;width:auto;min-width:0;padding:4vw 3.5vw;background-color:#d8eae0}\n  .service-wrap .service-card-top-item{flex-direction:column;align-items:flex-start;gap:2.2vw;margin-bottom:3vw}\n  .service-wrap .service-card-icon{width:9vw}\n  .service-wrap .service-card-heading{font-size:clamp(1rem,4.5vw,1.2rem);line-height:1.1}\n  .service-wrap .service-price-item{font-size:clamp(1rem,4.8vw,1.3rem);margin-bottom:2.5vw;flex-wrap:wrap;gap:1vw}\n  .service-wrap .services-hours-text{font-size:clamp(.6rem,2.8vw,.75rem)}\n  .service-wrap .service-card > .service-top-content > p{font-size:clamp(.72rem,3.3vw,.85rem);line-height:1.4}\n  .service-wrap .service-top-content{margin-bottom:0}\n  \/* Altijd inbegrepen: compact, drie kolommen, \u2264 80% schermhoogte *\/\n  .service-included{margin-top:2.5vw;padding:4vw;border-radius:3vw}\n  .service-included .service-card-top-item{flex-direction:row;align-items:center;gap:2.5vw;margin-bottom:2vw}\n  .service-included .service-card-icon{width:8vw}\n  .service-included .service-card-heading{font-size:clamp(1.05rem,5vw,1.3rem)}\n  .service-included .service-top-content p{font-size:clamp(.78rem,3.5vw,.9rem);line-height:1.4}\n  .service-included .service-list{grid-template-columns:repeat(3,1fr);gap:1.8vw;margin-top:3vw}\n  .service-included .ro-tegel{grid-column:auto;padding:2.6vw 1.2vw 2.3vw;gap:1.5vw;font-size:clamp(.62rem,2.85vw,.78rem);line-height:1.15;border-radius:2.5vw}\n  .service-included .ro-tegel svg{width:5vw;height:5vw}\n  .service-included .ro-tegel span{min-height:2.3em}\n  .service-included .ro-tegel:nth-child(8),.service-included .ro-tegel:nth-child(11){grid-column:auto}\n  .service-included .ro-tegel:nth-child(13){grid-column:2}\n  \/* reviews: puntjes in accentkleur *\/\n  .swiper-bullet{background-color:rgba(255,255,255,.3)} .swiper-bullet.is-active{background-color:var(--ro-accent)}\n  \/* ritme FAQ \/ Kennismaken *\/\n  .footer{padding-top:11.4vw;padding-bottom:0}\n  #kennismaken{margin:12vw -5.33vw 0;padding:21.33vw 5.33vw 12vw;width:auto}\n}\n\n\n\/* ==================== MOBIEL \u2014 logo linksboven, hamburger, gelijke tariefkaarten (20 sept) ==================== *\/\n@media (max-width:767px){\n  \/* R.-logo in de balk i.p.v. het kleine woordmerk *\/\n  .nav-logo{display:none}\n  \/* 21 sept: logo linksboven weg op mobiel, op verzoek.\n     De knop en de hamburger blijven rechts staan waar ze stonden. *\/\n  .ro-logo-badge{display:none}\n  .mobile-menu-wrap{margin-left:auto}\n  \/* het logo bepaalde de rijhoogte (10,5vw); die houden we aan zodat de knop\n     en de hamburger even groot blijven als voorheen *\/\n  .nav-top-item{min-height:10.5vw}\n  \/* klassieke hamburger: drie lijnen, bij open een kruis (MobileMenu zet .is-active op .mobile-menu) *\/\n  .mobile-menu{position:relative;background-color:#d8eae0}\n  .mobile-menu .mobile-menu-icons{visibility:hidden}\n  .mobile-menu::before,.mobile-menu::after{content:'';position:absolute;left:50%;top:50%;width:5.4vw;height:2px;border-radius:2px;background:#0F2318;transform:translate(-50%,calc(-50% - 1.6vw));transition:transform .3s ease,opacity .3s ease}\n  .mobile-menu::after{transform:translate(-50%,calc(-50% + 1.6vw))}\n  .mobile-menu{background-image:linear-gradient(#0F2318,#0F2318);background-size:5.4vw 2px;background-position:center;background-repeat:no-repeat;transition:background-size .2s ease}\n  .mobile-menu.is-active{background-size:0 2px}\n  .mobile-menu.is-active::before{transform:translate(-50%,-50%) rotate(45deg)}\n  .mobile-menu.is-active::after{transform:translate(-50%,-50%) rotate(-45deg)}\n  \/* tariefkaarten exact even breed: zelfde binnenruimte (een desktop-regel gaf NL minder padding) en border-box *\/\n  .service-wrap > .service-card,.service-wrap > .service-card.is-first,.service-wrap > .service-card:not(.is-first){flex:1 1 0px;width:0;min-width:0;box-sizing:border-box;padding:4vw 3.5vw}\n}\n\n\/* ==================== DESKTOP \u2014 muiswiel boven de agenda-iframe scrolt de pagina (19 sept) ==================== *\/\n\/* heynesh zet body{overflow:clip}; dat maakt de viewport zelf niet-scrollbaar (alleen Lenis scrolt programmatisch).\n   Een wiel boven een cross-origin iframe bereikt Lenis nooit; de browser wil dan de viewport natief scrollen \u2014 en dat kon niet.\n   Verticaal weer natief scrollbaar; horizontaal blijft geclipt (heynesh' 1475px overflow). Lenis 1.1 synct native scroll. *\/\n@media (min-width:768px){\n  body{overflow-x:clip;overflow-y:visible}\n  html{scrollbar-width:none}\n  html::-webkit-scrollbar{display:none}\n}\n\/* Tariefkoppen: voluit op pc, kort op mobiel (19 sept) *\/\n.ro-kop-kort{display:none}\n@media (max-width:767px){.ro-kop-lang{display:none}.ro-kop-kort{display:inline}}\n\n\/* ==================== MOBIEL \u2014 open menu: logo's 2x zo groot + kopje \"Zij gingen al remote:\" erboven (19 sept) ==================== *\/\n@media (max-width:767px){\n  .nav-comapny-item .ro-logo{height:2.9vw}                 \/* was 1.45vw = 5,6px op 390 \u2192 11,3px *\/\n  .ro-logos-title{opacity:1;order:9998;margin:1vw 0 1.5vw 1vw}   \/* direct boven het logoblok (dat heeft order:9999) *\/\n  .ro-logos-title::after{content:':'}\n}\n\n\/* ==================== TAKEN \u2014 eigen video-in-video op kaart 01 (21 sept) ==================== *\/\n\/* De voorgrondlaag staat als broer van .work-bg en mengt met 'screen', zodat het zwart wegvalt.\n   Binnen .work-card-content zou hij met de gradient mengen in plaats van met de achtergrondvideo. *\/\n.work-card.ro-media{isolation:isolate}\n\n\/* Taakkaarten zijn geen links meer (21 sept): geen handje, geen klikgedrag *\/\n.work-card{cursor:default}\n\n\/* ==================== LIVE OP WORDPRESS \u2014 elementen van het thema en plug-ins wegnemen (21 sept) ====================\n   Deze CSS wordt alleen op onze landingspagina ingesloten, dus hij raakt de rest van remote-opus.com niet.\n   nav.rmn-nav  = vaste menubalk van de Responsive Menu-plug-in (70px hoog, z-index 100001)\n   #ro-cw       = chatwidget; onze pagina heeft een eigen WhatsApp-knop\n   De cookiebalk (#moove_gdpr_cookie_info_bar) laten we staan, die is wettelijk verplicht. *\/\nnav.rmn-nav{display:none!important}\n#ro-cw{display:none!important}\nbody{padding-top:0!important;margin-top:0!important}\n.elementor, .elementor-section, .elementor-container, .elementor-column,\n.elementor-widget-wrap, .elementor-element, .elementor-widget-container{\n  margin:0!important;padding:0!important;max-width:none!important;width:100%!important}\n\n\/* ==================== MOBIEL \u2014 naad tussen hero en Taken dichten (21 sept) ====================\n   De hero is 152vw hoog en komt op sommige breedtes op een halve pixel uit (592,80 bij 390).\n   Op een echte telefoon kan daar een haarlijn van de achtergrond doorschemeren. Deze strip\n   ligt onder de hero in de kleur van de Taken-sectie, dus een eventueel gaatje valt niet op. *\/\n@media (max-width:767px){\n  .hero-sticky{position:relative}\n  .hero-sticky::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:4px;\n    background:#0F2318;pointer-events:none;z-index:0}\n}\n\/* ==================== MOBIEL \u2014 wenk dat de takenrij naar rechts schuift (21 sept) ====================\n   Twee zetjes naar links, zodat het lijkt alsof de rij naar rechts wil. Herhaalt zich\n   elke 5 seconden zolang je op de sectie blijft staan; stopt zodra je zelf veegt. *\/\n@keyframes ro-wenk{\n  0%{transform:translateX(0)}\n  10%{transform:translateX(-26px)}\n  24%{transform:translateX(0)}\n  36%{transform:translateX(-26px)}\n  50%{transform:translateX(0)}\n  100%{transform:translateX(0)}\n}\n@media (max-width:767px){\n  .work-track.is-wenk{animation:ro-wenk 1.8s cubic-bezier(.34,.8,.3,1) 1 both}\n}\n\n\/* ==================== MOBIEL - WhatsApp-knop rechtsonder (21 sept) ====================\n   De knop \"Stuur een app\" uit de bovenbalk wordt op mobiel een ronde zwevende knop\n   rechtsonder in het scherm, in het groen van WhatsApp en met hun beeldmerk.\n   De tekst blijft in de code staan voor schermlezers, alleen onzichtbaar. *\/\n@media (max-width:767px){\n  .nav-button-mobile{\n    position:fixed;right:4.27vw;bottom:4.27vw;z-index:9000;\n    width:14.9vw;height:14.9vw;min-width:54px;min-height:54px;max-width:64px;max-height:64px;\n    padding:0!important;border-radius:50%!important;\n    font-size:0!important;line-height:0;letter-spacing:0;\n    display:flex;align-items:center;justify-content:center;\n    background-color:#25D366;color:#fff;\n    box-shadow:0 .6rem 1.6rem rgba(15,35,24,.32);\n    transition:transform .2s ease, box-shadow .2s ease;\n  }\n  .nav-button-mobile::after{\n    content:'';display:block;width:56%;height:56%;\n    background-image:url(data:image\/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nI2ZmZmZmZic+PHBhdGggZD0nTTEyLjA0IDJDNi41OCAyIDIuMTMgNi40NSAyLjEzIDExLjkxYzAgMS43NS40NiAzLjQ2IDEuMzIgNC45NkwyIDIybDUuMjUtMS4zOGE5LjkgOS45IDAgMCAwIDQuNzkgMS4yMmguMDFjNS40NiAwIDkuOTEtNC40NSA5LjkxLTkuOTEgMC0yLjY1LTEuMDMtNS4xNC0yLjktNy4wMUE5LjgyIDkuODIgMCAwIDAgMTIuMDQgMlptMCAxOC4xNWgtLjAxYTguMiA4LjIgMCAwIDEtNC4xOS0xLjE1bC0uMy0uMTgtMy4xMi44Mi44My0zLjA0LS4yLS4zMWE4LjIyIDguMjIgMCAwIDEtMS4yNi00LjM4YzAtNC41NCAzLjctOC4yMyA4LjI1LTguMjMgMi4yIDAgNC4yNy44NiA1LjgzIDIuNDJhOC4xOSA4LjE5IDAgMCAxIDIuNDEgNS44MmMwIDQuNTQtMy43IDguMjMtOC4yNCA4LjIzWm00LjUyLTYuMTZjLS4yNS0uMTItMS40Ny0uNzItMS42OS0uODEtLjIzLS4wOC0uMzktLjEyLS41Ni4xMy0uMTYuMjUtLjY0LjgtLjc5Ljk3LS4xNC4xNi0uMjkuMTktLjU0LjA2LS4yNS0uMTItMS4wNS0uMzktMS45OS0xLjIzLS43NC0uNjYtMS4yNC0xLjQ3LTEuMzgtMS43Mi0uMTUtLjI1LS4wMi0uMzguMTEtLjUuMTEtLjExLjI1LS4yOS4zNy0uNDMuMTMtLjE1LjE3LS4yNS4yNS0uNDEuMDgtLjE3LjA0LS4zMS0uMDItLjQ0LS4wNi0uMTItLjU2LTEuMzUtLjc3LTEuODUtLjItLjQ4LS40MS0uNDItLjU2LS40M2gtLjQ4Yy0uMTcgMC0uNDQuMDYtLjY3LjMxLS4yMy4yNS0uODcuODUtLjg3IDIuMDhzLjkgMi40MSAxLjAyIDIuNThjLjEyLjE3IDEuNzYgMi42OSA0LjI3IDMuNzcuNi4yNiAxLjA2LjQxIDEuNDIuNTMuNi4xOSAxLjE0LjE2IDEuNTcuMS40OC0uMDcgMS40Ny0uNiAxLjY4LTEuMTguMjEtLjU4LjIxLTEuMDguMTQtMS4xOC0uMDYtLjExLS4yMy0uMTctLjQ4LS4yOVonLz48L3N2Zz4=);background-size:contain;background-position:center;background-repeat:no-repeat;\n  }\n  .nav-button-mobile:active{transform:scale(.94);box-shadow:0 .3rem .9rem rgba(15,35,24,.28)}\n}\n\n\/* ==================== TARIEVEN - tegels als doorlopende band (21 sept) ====================\n   Waren een raster, daarna een scroll-gestuurde rij. Nu loopt de band vanzelf door.\n   De tegels staan twee keer in de rij (de kopie is voor schermlezers verborgen), zodat de\n   band naadloos rond kan lopen. Hij staat stil als je er met de muis op staat of hem aanraakt,\n   en draait niet bij \"verminderde beweging\". *\/\n.ro-tegels-rand{position:relative;overflow:hidden;width:100%}\n.ro-tegels{\n  display:flex!important;flex-flow:row nowrap!important;align-items:stretch;\n  grid-template-columns:none!important;grid-auto-rows:auto!important;\n  gap:.9vw;overflow:visible;width:max-content;\n  animation:ro-band 60s linear infinite;\n  will-change:transform;backface-visibility:hidden;\n}\n.ro-tegels-rand:hover .ro-tegels,\n.ro-tegels.is-pauze{animation-play-state:paused}\n.ro-tegels .ro-tegel{grid-column:auto!important;flex:0 0 auto;width:10.6vw;min-width:104px}\n.ro-tegel:nth-child(8){grid-column:auto!important}\n@keyframes ro-band{ from{transform:translate3d(0,0,0)} to{transform:translate3d(var(--ro-band-eind,-50%),0,0)} }\n\/* zachte randen links en rechts, zodat de band uit het niets lijkt te komen *\/\n.ro-tegels-rand::before,.ro-tegels-rand::after{content:'';position:absolute;top:0;height:100%;width:5%;pointer-events:none;z-index:2}\n.ro-tegels-rand::before{left:0;background:linear-gradient(270deg,rgba(200,224,212,0),rgba(200,224,212,.95))}\n.ro-tegels-rand::after{right:0;background:linear-gradient(90deg,rgba(200,224,212,0),rgba(200,224,212,.95))}\n@media (max-width:767px){\n  .ro-tegels{gap:2.4vw;animation-duration:44s}\n  .ro-tegels .ro-tegel{width:34vw;min-width:0}\n  .ro-tegels-rand::before,.ro-tegels-rand::after{width:9%}\n}\n@media (prefers-reduced-motion: reduce){ .ro-tegels{animation:none} }\n\n\/* ==================== TARIEVEN - tegel met filmische achtergrond (proef 21 sept) ====================\n   Zelfde gedachte als de taakkaarten: een rustige video \u00e1chter de tegel in plaats van een lijnicoontje,\n   met een verloop eroverheen zodat het label leesbaar blijft. De tegel houdt precies zijn eigen doos;\n   alleen het icoontje vervalt en het label zakt naar onderen, als bijschrift van het beeld. *\/\n.ro-tegel.is-film{position:relative;overflow:hidden;justify-content:flex-end;border-color:transparent}\n.ro-tegel.is-film > .ro-tegel-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\n.ro-tegel.is-film::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;\n  background:linear-gradient(180deg,rgba(15,35,24,.05) 0%,rgba(15,35,24,.30) 40%,rgba(15,35,24,.92) 100%)}\n.ro-tegel.is-film > span{position:relative;z-index:2;color:#F8F7F3;min-height:0;align-self:stretch;\n  text-shadow:0 1px 3px rgba(0,0,0,.55)}\n\n\/* ==================== TARIEVEN - tegels groter en recht (21 sept, late correctie) ====================\n   Serdar: groter, rechthoekig en alles moet zichtbaar bewegen. De tegel is nu een liggend 16:9-vlak\n   met rechte hoeken; de hoogte volgt uit de verhouding, dus er is geen min-height meer nodig.\n   align-self:flex-start is nodig omdat de flexrij de tegels anders uitrekt en de verhouding negeert. *\/\n.ro-tegels .ro-tegel.is-film{\n  width:14vw;min-width:150px;\n  align-self:flex-start;min-height:0;aspect-ratio:16\/9;\n  border-radius:0;padding:.8vw .7vw .7vw;\n  contain:paint;\n}\n.ro-tegel.is-film > .ro-tegel-film{border-radius:0}\n@media (max-width:767px){\n  .service-included .ro-tegels .ro-tegel.is-film{width:44vw;min-width:0;border-radius:0;padding:2vw 1.6vw 1.7vw}\n}\n\n\/* ==================== TARIEVEN - tegels stil in \u00e9\u00e9n raster (21 sept, proef) ====================\n   Serdar wil eerst zien hoe het staat als alles stilstaat en alle twaalf tegels tegelijk in beeld staan.\n   De lopende band (TegelsBand) is daarom uitgezet; dit raster overschrijft wat daarvan nog in de CSS staat. *\/\n.ro-tegels{\n  \/* het bandblok hierboven zet grid-template-columns:none!important, dus hier ook !important *\/\n  display:grid!important;grid-template-columns:repeat(6,1fr)!important;grid-auto-rows:auto!important;gap:.55vw;\n  width:100%!important;animation:none!important;transform:none!important;overflow:visible;\n}\n.ro-tegels-rand{overflow:visible}\n.ro-tegels-rand::before,.ro-tegels-rand::after{display:none}\n.ro-tegels .ro-tegel.is-film{\n  width:auto!important;min-width:0!important;align-self:stretch;aspect-ratio:16\/9;grid-column:auto!important;\n}\n@media (max-width:767px){\n  \/* Twee kolommen in plaats van drie: de tegels worden de helft breder en vullen de witruimte\n     die onder de kaart overbleef. Zes rijen, dus de kaart groeit mee \u2014 op mobiel is de sectie\n     niet vastgezet, dus dat kan gewoon. *\/\n  .service-included .ro-tegels{grid-template-columns:repeat(2,1fr)!important;gap:2vw}\n  .service-included .ro-tegels .ro-tegel.is-film{width:auto!important;padding:2vw 1.6vw 1.7vw;\n    font-size:clamp(.62rem,3.1vw,.9rem)}\n}\n\n\/* ==================== TARIEVEN - tegels: 10% groentint, beweging alleen bij aanwijzen ====================\n   De video's staan weer in kleur. Over de tegel ligt een dunne groenlaag: mix-blend-mode:color neemt de\n   kleurtoon van die laag en de helderheid van het beeld eronder, en met opacity regel je de sterkte.\n   0.10 = een tiende groen, negen tiende het oorspronkelijke beeld. Aan die ene waarde draai je.\n   isolation:isolate houdt de menging binnen de tegel, anders kleurt hij de pagina eronder mee.\n   Blenden is duur als het veel tegelijk gebeurt, maar er speelt nu hooguit \u00e9\u00e9n video, dus dat kan. *\/\n.ro-tegel.is-film{background:#0F2318;isolation:isolate}\n.ro-tegel.is-film::before{\n  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;\n  background:#256B47;mix-blend-mode:color;opacity:.10;transition:opacity .45s ease;\n}\n\/* wie erover gaat, ziet het beeld zoals het was *\/\n.ro-tegel.is-film:hover::before{opacity:0}\n\n\/* GEEN schaalanimatie op het beeld. Hij heeft er twee rondes gezeten (eerst als keyframe, daarna als\n   transition van scale(1) naar scale(1.07)) en dat was de trilling waar Serdar over viel: bij een\n   doorlopende schaling herberekent de browser elk beeldje het hele beeld op een iets andere maat, en dat\n   wiebelt. Gemeten op een aangewezen tegel: m\u00e9t schaling verandert het beeld 4,50 per beeldpunt in 0,3s,\n   zonder schaling 0,00. Het beeld staat dus stil; alleen wat er in de video zelf gebeurt beweegt. *\/\n.ro-tegel.is-film > .ro-tegel-film{transform:none}\n.ro-tegel.is-film::after{z-index:2}\n.ro-tegel.is-film > span{z-index:3}\n\n\/* Het USP-blok uit de hero (.hero-card-3) blijft in de opmaakstroom staan en ligt bij de tarieven\n   onzichtbaar over de tegels heen. Onzichtbaar, maar het ving wel de muis af: vier van de twaalf tegels\n   reageerden daardoor niet op aanwijzen. Het blok bevat geen links of knoppen, dus het hoeft de muis\n   nooit te vangen. *\/\n.hero-card-3{pointer-events:none}\n\n\/* ==================== FAQ - open en dicht klappen (21 sept) ====================\n   De opmaak stond er al: .faq-answer-wrap is een raster met grid-template-rows:0fr en een overgang\n   van 0,4s, en .faq-icon-v-line heeft een overgang op transform. Alleen zette niemand de open-stand,\n   want Webflow's dropdown-script zit niet in de bundel. Deze twee regels doen dat, main.js zet de klasse. *\/\n.faq-toggle{cursor:pointer}\n.faq.is-open .faq-answer-wrap{grid-template-rows:1fr}\n.faq.is-open .faq-icon-v-line{transform:rotate(90deg)}\n\n\/* ==================== TARIEVEN - \u00e9\u00e9n kaart in plaats van twee (23 sept) ====================\n   Op de pagina's waar alleen Engelstalig geldt vervalt de Nederlandse kaart. De overgebleven kaart\n   vult dan de hele rij; zonder deze regel blijft hij op zijn vaste 24,86vw staan met groen ernaast.\n   De klasse is-solo zet het script op .service-wrap, alleen bij die varianten. *\/\n.service-wrap.is-solo .service-card.is-first{width:100%}\n\n<\/style>\n<script>\n\/* Remote Opus: haalt de pagina los van het WordPress-thema.\n   Met JavaScript en niet met CSS, omdat LiteSpeed de stijlen samenvoegt en die\n   van het thema daarbij na de onze zet. Inline stijlen via script winnen altijd.\n   Gemeten verschillen die hier worden rechtgezet:\n     - marge van 70px die de menu-plug-in op de body zet\n     - binnenmarge van de Elementor-omhulsels\n     - .container       : thema zet 20px padding, ons ontwerp 0\n     - .hero-container  : thema zet 50px marge, ons ontwerp auto (gecentreerd) *\/\n(function(){\n  var ZET=function(el,p){ if(!el) return; for(var k in p){ try{ el.style.setProperty(k,p[k],'important'); }catch(e){} } };\n  var LOS=function(){\n    var ro=document.querySelector('.ro-landing'); if(!ro) return;\n    ['nav.rmn-nav','#ro-cw','.rmn-nav','#rmn_menu_btn'].forEach(function(s){\n      document.querySelectorAll(s).forEach(function(e){ ZET(e,{display:'none'}); }); });\n    ZET(document.documentElement,{'padding-top':'0','margin-top':'0'});\n    ZET(document.body,{'padding-top':'0','margin-top':'0'});\n    var n=ro.parentElement;\n    while(n && n!==document.body){ ZET(n,{padding:'0',margin:'0','max-width':'none',width:'100%'}); n=n.parentElement; }\n    ZET(ro,{width:'100%','max-width':'none',margin:'0',padding:'0'});\n    ro.querySelectorAll('.container').forEach(function(e){ ZET(e,{padding:'0',margin:'0'}); });\n    ro.querySelectorAll('.hero-container').forEach(function(e){ ZET(e,{'margin-left':'auto','margin-right':'auto'}); });\n    \/* de WhatsApp-knop optillen zolang de cookiebalk onderin staat *\/\n    if(window.innerWidth < 768){\n      var knop = ro.querySelector('.nav-button-mobile');\n      var balk = document.querySelector('#moove_gdpr_cookie_info_bar');\n      if(knop){\n        var zichtbaar = balk && getComputedStyle(balk).display !== 'none' && balk.getBoundingClientRect().height > 4;\n        if(zichtbaar){ ZET(knop, {bottom: Math.round(balk.getBoundingClientRect().height + 14) + 'px'}); }\n        else { try{ knop.style.removeProperty('bottom'); }catch(e){} }\n      }\n    }\n  };\n  LOS();\n  document.addEventListener('DOMContentLoaded',LOS);\n  document.addEventListener('click',function(){ setTimeout(LOS,400); },true);\n  window.addEventListener('load',function(){\n    LOS();\n    [300,900,2000,4000].forEach(function(ms){ setTimeout(function(){\n      LOS(); if(window.ScrollTrigger && ScrollTrigger.refresh) ScrollTrigger.refresh(); },ms); });\n  });\n})();\n<\/script>\n<div class=\"ro-landing\"><div class=\"page-wrap\" data-ro-pagina=\"virtual assistant inhuren\"><div class=\"capa-overview-wrap\"><\/div><div class=\"w-embed\"><style>\n\n\/* ============================================\n   TABLE OF CONTENTS\n   ============================================\n   1. Lenis Smooth Scroll\n   2. Base Resets & Performance\n   3. Logo & SVG Optimization\n   4. Layout & Entrance Animations\n   5. Typography & Text Styles\n   6. Number Counter Components\n   7. Interactive Elements\n   8. Swiper Components\n   9. Safari-Specific Fixes\n   10. Animation Utilities\n   ============================================ *\/\n\n\/* ============================================\n   1. LENIS SMOOTH SCROLL\n   ============================================ *\/\nhtml.lenis,\nhtml.lenis body {\n  height: auto;\n}\n\n.lenis.lenis-smooth {\n  scroll-behavior: auto !important;\n}\n\n.lenis.lenis-smooth [data-lenis-prevent] {\n  overscroll-behavior: contain;\n}\n\n.lenis.lenis-stopped {\n  overflow: hidden;\n}\n\n.lenis.lenis-scrolling iframe {\n  pointer-events: none;\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\n\/* ============================================\n   2. BASE RESETS & PERFORMANCE\n   ============================================ *\/\n.nesh-logo,\n.nesh-logo svg,\n.nav-logo-item,\n.nesh-copyright-icon,\n.nav-button,\n.hero-cta-button,\n.nav-button-secondary,\n.hero-button {\n  shape-rendering: geometricPrecision !important;\n  will-change: width, height, transform !important;\n  transform: translateZ(0);\n  -webkit-font-smoothing: antialiased;\n  backface-visibility: hidden;\n}\n\n.nav-logo-item {\n  position: relative !important;\n}\n\n\/* ============================================\n   3. LOGO & SVG OPTIMIZATION\n   ============================================ *\/\n.nesh-logo-svg {\n  shape-rendering: geometricPrecision;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n}\n\n\/* ============================================\n   4. LAYOUT & ENTRANCE ANIMATIONS\n   ============================================ *\/\n\/* Hide entrance elements initially *\/\n.profile-img-item,\n.hero-navigation-link,\n.hero-navigation-sep,\n.hero-card-3,\n.hero-cards-left,\n.hero-left-text,\n.hero-right-text,\n.hero-buttons-wrap {\n  opacity: 0;\n  visibility: hidden;\n}\n\n.hero-heading {\n visibility: hidden;\n}\n\n  \/* ============================================\n   DESIGN MODE \u2014 reveal hidden entrance elements\n   ============================================ *\/\n.wf-design-mode .profile-img-item,\n.wf-design-mode .hero-navigation-link,\n.wf-design-mode .hero-navigation-sep,\n.wf-design-mode .hero-card-3,\n.wf-design-mode .hero-cards-left,\n.wf-design-mode .hero-left-text,\n.wf-design-mode .hero-right-text,\n.wf-design-mode .hero-buttons-wrap {\n  opacity: 1;\n  visibility: visible;\n}\n\n\/* hero-heading only had visibility:hidden *\/\n.wf-design-mode .hero-heading {\n  visibility: visible;\n}\n\n\/* Line mask for text animations *\/\n.line-mask {\n  overflow: hidden;\n  display: block;\n}\n\n\/* ============================================\n   5. TYPOGRAPHY & TEXT STYLES\n   ============================================ *\/\n.hero-heading,\n.nav-webflow-text {\n  kerning: none;\n}\n\n.hero-webflow-projects-text,\n.nav-webflow-text {\n  line-height: 1.1 !important;\n}\n\n.nav-webflow-text {\n  display: block;\n}\n\n\/* Gradient text styles *\/\n.h2-style {\n  background: linear-gradient(266deg, #1a4731 11.86%, #0f2318 92.59%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.h2-style .line {\n  background: linear-gradient(266deg, #1a4731 11.86%, #0f2318 92.59%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.h2-style-white {\n  background: linear-gradient(89deg, #d5d5d5 7.42%, #fff 95.11%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.h2-style-white .line {\n  background: linear-gradient(89deg, #d5d5d5 7.42%, #fff 95.11%);\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.text-color-white {\n  color: white !important;\n}\n\n\/* ============================================\n   6. NUMBER COUNTER COMPONENTS\n   ============================================ *\/\n[data-number-count] {\n  display: inline-block;\n  font-variant-numeric: tabular-nums;\n}\n\n.number-wrap {\n  display: inline-flex;\n  line-height: 1;\n  overflow: hidden;\n  vertical-align: bottom;\n}\n\n.digit-mask {\n  position: relative;\n  overflow: hidden;\n  height: 1em;\n  width: 0.65em;\n  display: block;\n}\n\n.digit-track {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  line-height: 1;\n  transform: translateZ(0);\n  will-change: transform;\n}\n\n.digit-track span {\n  display: block;\n  height: 1em;\n  line-height: 1em;\n  text-align: center;\n}\n\n\/* ============================================\n   7. INTERACTIVE ELEMENTS\n   ============================================ *\/\n\/* Work card hover effects *\/\n.work-card:hover {\n  opacity: 1;\n}\n\n\n@media (min-width: 992px) {\n  \/* When any card is hovered, show overlay on ALL cards *\/\n  .work-track:hover .work-card .work-image-overlay {\n    opacity: 1 !important;\n  }\n  \/* Undo for the hovered card *\/\n  .work-track:hover .work-card:hover .work-image-overlay {\n    opacity: 0 !important;\n  }\n  \/* When any card is hovered, dim ALL arrow wraps *\/\n  .work-track:hover .work-card .work-card-arrow-wrap {\n    background-color: #1a4731 !important;\n    color: #6b8f7a !important;\n  }\n  \/* Undo for the hovered card *\/\n  .work-track:hover .work-card:hover .work-card-arrow-wrap {\n    background-color: #4CAF7D !important;\n    color: black !important;\n  }\n}\n\/* Navigation marquee animation *\/\n.nav-comapny-item {\n  display: inline-flex;\n  flex-shrink: 0;\n  animation: marquee-move 25s linear infinite;\n}\n\n@keyframes marquee-move {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n  .nav-email-item:hover .email-text,\n  .nav-email-item:hover .clipboard-wrap {\n    opacity: 0.35;\n  }\n\n\/* ============================================\n   8. SWIPER COMPONENTS\n   ============================================ *\/\n.swiper {\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  overflow: visible !important;\n}\n\n.swiper-pagination {\n  width: auto !important;\n  display: flex;\n  margin-bottom: 1.67vw;\n  padding: 0.69vw;\n  border: 1px solid rgba(255, 255, 255, 0.2) !important;\n  border-radius: 0.56vw;\n  position: relative !important;\n}\n\n.swiper-bullet.is-active {\n  width: 2.5vw;\n  background-color: #4CAF7D;\n}\n\n.swiper-wrapper {\n cursor: none !Important;\n}\n\/* ============================================\n   9. SAFARI-SPECIFIC FIXES\n   ============================================ *\/\n\/* Scroll blur fix *\/\n[data-tl-to*=\"blur\"] {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-perspective: 1000px;\n  perspective: 1000px;\n  will-change: filter, transform, opacity;\n}\n\n\/* Image blur fix - prevents white borders\/flashing *\/\n.hero-profile-img {\n  -webkit-transform: translateZ(0) scale(1.001);\n  transform: translateZ(0) scale(1.001);\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  will-change: filter;\n}\n\n\/* ============================================\n   10. ANIMATION UTILITIES\n   ============================================ *\/\n.anim-char {\n  transform: translate3d(0, 0, 0);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.capa-card-item:hover .capa-card-arrow {\n rotate: 180deg;\n}\n\n.hero-navigation-link.w--current {\n color: black !important;\n}\n\n.hero-navigation-link.w--current ~ .nav-item-bg {\n  background-color: #4CAF7D !Important;\n}\n\n.hero-navigation-link.w--current ~ .nav-item-icon {\n  color: black !Important;\n}\n\n.faq-list.w--open .faq-answer-wrap {\n grid-template-rows: 1fr;\n}\n\n.faq-toggle.w--open .faq-icon-v-line {\n transform: rotate(90deg);\n}\n\n.faq-toggle:hover .faq-icon {\n background-color: #d8eae0;\n}\n\n[data-origin] {\n  will-change: transform;\n}\n\n.nav-button-mask {\n  overflow: hidden;\n  position: relative;\n  padding-left: 0.8vw;\n  padding-right: 0.8vw;\n}\n\n.nav-button-mask .clone-p {\n  position: absolute;\n  inset: 0;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 0.8vw;\n  padding-right: 0.8vw;\n  text-align: center;\n}\n\n[data-button-hover].is-text-link {\n  overflow: hidden;\n  position: relative;\n}\n\n[data-button-hover].is-text-link .clone-text {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.nav-link:hover ~ .nav-item-bg {\n background-color: #c8e0d4 !important;\n}\n\n.nav-link.w--current:hover ~ .nav-item-bg {\n background-color: #4CAF7D !important;\n}\n\n\n.nav-link:hover ~ .nav-item-bg.nav-item-dark {\n background: rgba(94, 94, 94, 0.50)!important;\n}\n\n.nav-link.w--current:hover ~ .nav-item-bg.nav-item-dark {\n  background-color: #4CAF7D !important;\n}\n\n.nav-link:hover ~ .nav-item-icon {\n color: #4CAF7D !important;\n}\n\n.nav-link.w--current:hover ~ .nav-item-icon {\n color: black !important;\n}\n\n\t.nav-webflow-bg {\n\tbackdrop-filter: blur(15px) !important;\n}\n\n.social-link:hover {\n background-color: #c8e0d4 !important;\n}\n\n.social-link.social-dark:hover {\n \tbackground-color: #2e7d52 !important;\n}\n\n.social-link:hover .social-bg-path {\n color: #4CAF7D !important;\n}\n\n.social-link:hover .social-path-white {\n fill: #0f2318 !important;\n}\n\n.popup-close:hover .popup-close-path-1{\n  transform: rotate(90deg);\n  background-color: white;\n}\n\n.popup-close:hover .popup-close-path-2{\n  transform: rotate(-90deg);\n  background-color: white;\n} \n\n.work-card:hover .work-card-arrow-2 {\n  margin: 0%;\n}\n\n  .work-card:hover .work-card-arrow {\n  margin-left: 100%;\n}\n\n\/* ============================================\n   MOBILE STYLES\n   ============================================ *\/\n\n@media (width < 767px) {\n  \/* ============================================\n   4. LAYOUT & ENTRANCE ANIMATIONS\n   ============================================ *\/\n      \/* Hide entrance elements initially *\/\n      .profile-img-wrap,\n      .hero-navigation-link,\n      .hero-navigation-sep,\n      .nav-stats-card,\n      .hero-cards-left,\n      .hero-card-3,\n      .hero-cards-wrap,\n      .hero-left-text,\n      .hero-right-text,\n      .hero-buttons-wrap {\n        opacity: 1;\n        visibility: visible;\n      }\n      \n      .hero-heading {\n         visibility: visible;\n        }\n        \n      \n      .swiper-pagination {\n        width: auto !important;\n        display: flex;\n        margin-bottom: 0vw;\n        padding: clamp(0.53rem, 2.67vw, 1.28rem);\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\n        clamp(0.43rem, 2.13vw, 1.02rem);\n        position: relative !important;\n      }\n      \n      .swiper-bullet.is-active {\n          width: clamp(1.92rem, 9.6vw, 4.61rem);\n          background-color: #4CAF7D;\n\t\t\t}\n      \n      .capa-card-item:hover .capa-card-arrow {\n           rotate: 0deg;\n          }\n          \n      .faq-toggle:hover .faq-icon {\n         background-color: transparent;\n        }\n}\n\n\n<\/style><\/div><div data-flip-origin=\"\" class=\"nesh-logo-preload-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 1288 338\" fill=\"none\" class=\"nesh-logo-preload-svg\"><text x=\"0.0\" y=\"272\" textLength=\"125.4\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">R<\/text><text x=\"125.4\" y=\"272\" textLength=\"110.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">E<\/text><text x=\"236.3\" y=\"272\" textLength=\"158.0\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">M<\/text><text x=\"394.2\" y=\"272\" textLength=\"133.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">O<\/text><text x=\"528.1\" y=\"272\" textLength=\"125.2\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">T<\/text><text x=\"653.3\" y=\"272\" textLength=\"110.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">E<\/text><text x=\"807.7\" y=\"272\" textLength=\"133.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">O<\/text><text x=\"941.5\" y=\"272\" textLength=\"112.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">P<\/text><text x=\"1054.3\" y=\"272\" textLength=\"129.6\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">U<\/text><text x=\"1183.9\" y=\"272\" textLength=\"104.1\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-letter\">S<\/text><\/svg><\/div><header data-tl-desktop=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".hero\" data-tl-start=\"22% top\" data-tl-from=\"{&#x27;zIndex&#x27;: 2}\" data-tl-to=\"{&#x27;zIndex&#x27;: 100, &#x27;duration&#x27;: 0.1}\" class=\"navigation\"><div class=\"nav-container\"><div data-tl-desktop=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".hero\" data-tl-start=\"top 70%\" class=\"profile-img-wrap\"><div class=\"profile-img-item\"><picture><source srcset=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-hero-portret-uitsnede.webp\" type=\"image\/webp\"\/><img decoding=\"async\" class=\"hero-profile-img\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-hero-portret-uitsnede.png\" data-tl-trigger=\".hero\" alt=\"Remote Opus assistent\" data-tl-end=\"70% top\" data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-to=\"{&#x27;filter&#x27;: &#x27;blur(90px)&#x27;, &#x27;opacity&#x27;: 0.3}\" data-tl-start=\"top top\" loading=\"lazy\" data-tl-from=\"{&#x27;filter&#x27;: &#x27;blur(0px)&#x27;, &#x27;opacity&#x27;: 1}\" fetchpriority=\"high\"\/><\/picture><\/div><\/div><div id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe61a2-be2d4114\" class=\"nav-top-layout\"><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"35% top\" data-tl-end=\"39% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-top-bg\"><\/div><div class=\"nav-top-item\"><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"32% top\" data-tl-end=\"40% top\" data-tl-from=\"{&#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;opacity&#x27; : 1}\" class=\"ro-logo-badge\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-logo-groen.png\" alt=\"Remote Opus\" class=\"ro-merk ro-merk-groen\"\/><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-logo-wit.png\" alt=\"\" aria-hidden=\"true\" class=\"ro-merk ro-merk-wit\"\/><\/div><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"42% top\" data-tl-end=\"44% top\" data-tl-from=\"{&#x27;color&#x27; : &#x27;#0F2318&#x27;, &#x27;backgroundColor&#x27;: &#x27;transparent&#x27;}\" data-tl-to=\"{&#x27;color&#x27; : &#x27;#0f2318&#x27;, &#x27;backgroundColor&#x27;: &#x27;#4CAF7D&#x27;}\" class=\"nav-logo\"><div class=\"nav-logo-item\"><div class=\"nesh-logo\" data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"32% top\" data-tl-end=\"40% top\" data-tl-from=\"{&#x27;opacity&#x27; : 1}\" data-tl-to=\"{&#x27;opacity&#x27; : 0}\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 1288 338\" fill=\"none\" class=\"nesh-logo-svg\"><text x=\"0.0\" y=\"272\" textLength=\"125.4\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">R<\/text><text x=\"125.4\" y=\"272\" textLength=\"110.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">E<\/text><text x=\"236.3\" y=\"272\" textLength=\"158.0\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">M<\/text><text x=\"394.2\" y=\"272\" textLength=\"133.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">O<\/text><text x=\"528.1\" y=\"272\" textLength=\"125.2\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">T<\/text><text x=\"653.3\" y=\"272\" textLength=\"110.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">E<\/text><text x=\"807.7\" y=\"272\" textLength=\"133.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">O<\/text><text x=\"941.5\" y=\"272\" textLength=\"112.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">P<\/text><text x=\"1054.3\" y=\"272\" textLength=\"129.6\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">U<\/text><text x=\"1183.9\" y=\"272\" textLength=\"104.1\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">S<\/text><\/svg><\/div><\/div><\/div><div class=\"social-wrap\"><a class=\"social-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-end=\"48% top\" href=\"https:\/\/www.linkedin.com\/in\/serdar-necip-246944122\/\" data-tl-type=\"scroll\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" aria-label=\"linkedin\" data-tl-start=\"46% top\" target=\"_blank\" data-tl-from=\"{&#x27;scale&#x27; : 0.3, &#x27;opacity&#x27; : 0}\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"instagram\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0521 0C13.3833 0 14.463 1.07909 14.4632 2.41026V12.0521C14.4632 13.3834 13.3834 14.4632 12.0521 14.4632H2.41026C1.07909 14.463 0 13.3833 0 12.0521V2.41026C0.000124725 1.07916 1.07916 0.000124725 2.41026 0H12.0521Z\" fill=\"currentColor\" class=\"social-bg-path\"><\/path><path d=\"M7.39823 6.15968C7.62386 5.81218 8.02679 5.31565 8.92879 5.31561C10.0467 5.31571 10.8846 6.04581 10.8846 7.61502V10.5447H9.18613V7.81139C9.18613 7.12494 8.94063 6.65624 8.32622 6.65614C7.85676 6.65614 7.57742 6.97159 7.45444 7.27692C7.40968 7.38619 7.39823 7.53811 7.39823 7.69104V10.5439H5.6998C5.70002 10.4993 5.72239 5.91233 5.6998 5.43518H7.39823V6.15968Z\" fill=\"currentColor\" class=\"social-path-white\"><\/path><path d=\"M4.75992 10.5439H3.0615V5.43518H4.75992V10.5439Z\" fill=\"currentColor\" class=\"social-path-white\"><\/path><path d=\"M2.96094 3.85473C2.96113 3.35378 3.34138 2.97267 3.92219 2.97266C4.5033 2.97266 4.86099 3.35373 4.87236 3.85473C4.87236 4.34528 4.50332 4.73839 3.91111 4.73839H3.90002C3.33027 4.73839 2.96094 4.34528 2.96094 3.85473Z\" fill=\"currentColor\" class=\"social-path-white\"><\/path><\/svg><\/a><\/div><div class=\"mobile-menu-wrap\"><a href=\"https:\/\/wa.me\/31655856049\" target=\"_blank\" class=\"nav-button-mobile w-button\" rel=\"noopener\">Stuur een app<\/a><div class=\"mobile-menu\"><div class=\"mobile-menu-icons\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 7\" fill=\"none\" class=\"mobile-menu-icon\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.6 0H11.2C9.8744 0 8.8 1.00725 8.8 2.25V4.5C8.8 5.74275 9.8744 6.75 11.2 6.75H13.6C14.9256 6.75 16 5.74275 16 4.5V2.25C16 1.00725 14.9256 0 13.6 0ZM7.2 2.25V4.5C7.2 5.74275 6.1256 6.75 4.8 6.75H2.4C1.0744 6.75 0 5.74275 0 4.5V2.25C0 1.00725 1.0744 0 2.4 0H4.8C6.1256 0 7.2 1.00725 7.2 2.25Z\" fill=\"currentColor\"><\/path><\/svg><\/div><div class=\"mobile-menu-icons\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 7\" fill=\"none\" class=\"mobile-menu-icon\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.6 0H11.2C9.8744 0 8.8 1.00725 8.8 2.25V4.5C8.8 5.74275 9.8744 6.75 11.2 6.75H13.6C14.9256 6.75 16 5.74275 16 4.5V2.25C16 1.00725 14.9256 0 13.6 0ZM7.2 2.25V4.5C7.2 5.74275 6.1256 6.75 4.8 6.75H2.4C1.0744 6.75 0 5.74275 0 4.5V2.25C0 1.00725 1.0744 0 2.4 0H4.8C6.1256 0 7.2 1.00725 7.2 2.25Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><\/div><\/div><p data-tl-to=\"{ &#x27;y&#x27;: &#x27;0%&#x27;}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"38% top\" data-tl-end=\"42% top\" data-tl-split=\"lines\" data-tl-from=\"{ &#x27;y&#x27;: &#x27;100%&#x27;}\" class=\"nav-top-text\">Wij regelen werving, screening, contracten, payrolling en floormanagement. Jij krijgt een toegewijde assistent die in jouw tijdzone werkt.<\/p><\/div><div class=\"nav-stats-wrap\"><div id=\"stats_projects\" class=\"nav-stats-card\"><div data-flip-end=\"40% top\" data-flip-trigger=\".hero\" data-flip-start=\"top top\" class=\"nav-webflow-bg\"><\/div><div class=\"nav-webflow-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 91 57\" fill=\"none\" data-flip-id=\"icon\" data-flip-trigger=\".hero\" data-flip-start=\"top top\" data-flip-end=\"40% top\" class=\"nav-webflow-icon\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M90.0571 0L61.3209 56.1824H34.3296L46.3557 32.898H45.8162C35.8948 45.7787 21.0919 54.2582 0 56.1824V33.2204C0 33.2204 13.493 32.4233 21.4251 24.0827H0V0.00044379H24.0795V19.8078L24.62 19.8056L34.4597 0.00044379H52.6705V19.6822L53.2109 19.6813L63.4197 0H90.0571Z\" fill=\"currentColor\"><\/path><\/svg><\/div><div class=\"nav-webflow-text-wrap\"><p class=\"nav-webflow-text\" data-flip-start=\"top top\" data-tl-trigger=\".hero\" data-tl-end=\"22% top\" data-tl-type=\"scroll\" data-tl-to=\"{&#x27;color&#x27;: &#x27;#0F2318&#x27;}\" data-tl-start=\"20% top\" id=\"projects_start_text\" data-flip-trigger=\".hero\" data-tl-from=\"{&#x27;color&#x27;: &#x27;#fff&#x27;}\" data-flip-end=\"40% top\">\u20ac6,33<br\/>per uur<\/p><\/div><\/div><div data-tl-to=\"{&#x27;opacity&#x27; : 1}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"39% top\" data-tl-end=\"41% top\" data-tl-from=\"{&#x27;opacity&#x27; : 0}\" class=\"nav-stats-sep\"><\/div><div id=\"stats_years\" class=\"nav-stats-card\"><div data-flip-end=\"40% top\" data-flip-trigger=\".hero\" data-flip-start=\"top top\" class=\"nav-experience-bg\"><\/div><div id=\"yrs_big_text\" class=\"nav-experience-numb-wrap\"><span class=\"nav-experience-numb\" data-flip-trigger=\".hero\" data-flip-start=\"top top\" data-flip-end=\"40% top\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"20% top\" data-tl-end=\"22% top\" data-tl-from=\"{&#x27;color&#x27;: &#x27;#fff&#x27;}\" data-tl-to=\"{&#x27;color&#x27;: &#x27;#0F2318&#x27;}\"><span class=\"ro-score\"><span class=\"ro-sterren\">\u2605\u2605\u2605\u2605\u2605<\/span> 4.8\/5<\/span><\/span><\/div><div id=\"yrs_small_text_end\" class=\"nav-experience-text-wrap\"><p class=\"nav-experience-text\" data-flip-start=\"top top\" data-tl-trigger=\".hero\" data-tl-end=\"22% top\" data-tl-type=\"scroll\" data-tl-to=\"{&#x27;color&#x27;: &#x27;#0F2318&#x27;}\" data-tl-start=\"20% top\" data-flip-trigger=\".hero\" data-tl-from=\"{&#x27;color&#x27;: &#x27;#fff&#x27;}\" data-flip-end=\"40% top\">gemiddelde <br\/>beoordeling<\/p><\/div><\/div><div data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"34% top\" data-tl-end=\"38% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" class=\"nav-top-bg\"><\/div><\/div><div class=\"nav-menu-wrap\"><nav class=\"nav-menu\"><div data-flip-end=\"30% top\" data-flip-trigger=\".hero\" data-flip-start=\"7% top\" class=\"nav-menu-item\"><a class=\"nav-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-desktop=\"\" href=\"#hero\" data-tl-type=\"trigger\" data-tl-to=\"{&#x27;scale&#x27;: 1}\" aria-label=\"hero\" data-tl-start=\"50% top\" data-tl-from=\"{&#x27;scale&#x27;: 0}\"><\/a><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"28% top\" data-tl-end=\"30% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-item-bg\"><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"29% top\" data-tl-end=\"31% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.2, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-desktop=\"\" class=\"nav-item-icon\"><path d=\"M7.99108 15.9986C6.2723 15.9986 4.55352 16.0026 2.83474 15.9971C1.39106 15.9925 0.265085 15.0252 0.0285645 13.5918C0.00300833 13.438 0.00150497 13.2786 0.00150497 13.1218C1.66682e-06 10.9077 0.00150503 8.69304 1.72796e-06 6.47893C-0.00100048 5.42887 0.433956 4.61586 1.29335 4.02526C2.96953 2.87282 4.64422 1.71785 6.3189 0.563387C7.39978 -0.182045 8.58689 -0.189106 9.66225 0.550274C11.349 1.70978 13.0342 2.8708 14.7189 4.03333C15.5637 4.61636 15.9977 5.42232 15.9982 6.45725C15.9992 8.68396 16.0022 10.9112 15.9972 13.1379C15.9937 14.598 15.0406 15.7262 13.6154 15.9678C13.4441 15.9971 13.2667 15.9976 13.0923 15.9981C11.3921 16.0001 9.69232 15.9991 7.99208 15.9991L7.99108 15.9986ZM8.0021 13.1858C8.62648 13.1858 9.25035 13.1868 9.87472 13.1843C9.96091 13.1843 10.0521 13.1803 10.1328 13.153C10.3042 13.095 10.3954 12.9619 10.3964 12.7813C10.3974 12.6003 10.3062 12.4676 10.1363 12.4071C10.0621 12.3804 9.97695 12.3758 9.89677 12.3758C8.62948 12.3738 7.3622 12.3743 6.09541 12.3758C6.02726 12.3758 5.9571 12.3809 5.89196 12.399C5.60533 12.4787 5.49208 12.8358 5.70705 13.039C5.79976 13.1263 5.96061 13.1772 6.0924 13.1803C6.7288 13.1944 7.3657 13.1868 8.0026 13.1868L8.0021 13.1858Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><\/svg><a data-link-id=\"home\" href=\"#hero\" class=\"hero-navigation-link\">Home<\/a><\/div><div data-flip-end=\"32% top\" data-flip-trigger=\".hero\" data-flip-start=\"4% top\" class=\"nav-menu-item\"><a class=\"nav-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-desktop=\"\" href=\"#projects\" data-tl-type=\"trigger\" data-tl-to=\"{&#x27;scale&#x27;: 1}\" aria-label=\"projects\" data-tl-start=\"50% top\" data-tl-from=\"{&#x27;scale&#x27;: 0}\"><\/a><a data-button-hover=\"\" data-link-id=\"projects\" href=\"#projects\" class=\"hero-navigation-link\">Taken<\/a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"31% top\" data-tl-end=\"33% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.2, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-desktop=\"\" class=\"nav-item-icon\"><path d=\"M1.33594 8C1.33594 6.8954 2.23137 6 3.33594 6H12.6693C13.7739 6 14.6693 6.8954 14.6693 8V13.3333C14.6693 14.4379 13.7739 15.3333 12.6693 15.3333H3.33594C2.23137 15.3333 1.33594 14.4379 1.33594 13.3333V8Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><path d=\"M2.66406 4.0026C2.66406 3.63442 2.96254 3.33594 3.33073 3.33594H12.6641C13.0323 3.33594 13.3307 3.63442 13.3307 4.0026C13.3307 4.37079 13.0323 4.66927 12.6641 4.66927H3.33073C2.96254 4.66927 2.66406 4.37079 2.66406 4.0026Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><path d=\"M4 1.33073C4 0.962542 4.29848 0.664062 4.66667 0.664062H11.3333C11.7015 0.664062 12 0.962542 12 1.33073C12 1.69892 11.7015 1.9974 11.3333 1.9974H4.66667C4.29848 1.9974 4 1.69892 4 1.33073Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><\/svg><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"30% top\" data-tl-end=\"32% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-item-bg\"><\/div><\/div><div data-flip-end=\"34% top\" data-flip-trigger=\".hero\" data-flip-start=\"3% top\" class=\"nav-menu-item\"><a class=\"nav-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-desktop=\"\" href=\"#services\" data-tl-type=\"trigger\" data-tl-to=\"{&#x27;scale&#x27;: 1}\" aria-label=\"services\" data-tl-start=\"50% top\" data-tl-from=\"{&#x27;scale&#x27;: 0}\"><\/a><a data-button-hover=\"\" data-link-id=\"services\" href=\"#services\" class=\"hero-navigation-link\">Tarieven<\/a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 10 16\" fill=\"none\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"33% top\" data-tl-end=\"35% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.2, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-desktop=\"\" class=\"nav-item-icon services-icon\"><path d=\"M3.4666 9.36814C2.71166 9.36814 2.0262 9.35713 1.34073 9.37035C0.342642 9.39018 -0.111245 8.89651 0.0230685 7.99513C0.368116 5.67444 0.773373 3.36037 1.13926 1.04189C1.25042 0.338853 1.65336 0.0104747 2.38282 0.0104747C3.57775 0.0104747 4.775 -0.0181757 5.96761 0.0192902C7.0097 0.0523484 7.38948 0.596706 7.06296 1.56641C6.62992 2.85348 6.15519 4.12732 5.63183 5.5929C6.66234 5.5929 7.56548 5.57527 8.46631 5.59731C9.95302 5.63477 10.3884 6.37748 9.64271 7.61165C8.13979 10.091 6.61371 12.555 5.10846 15.0321C4.74026 15.6382 4.33269 16.1958 3.48512 15.9335C2.6885 15.6867 2.68155 15.0365 2.77187 14.3842C2.9965 12.7533 3.22344 11.1246 3.46891 9.36814H3.4666Z\" fill=\"currentColor\"><\/path><\/svg><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"32% top\" data-tl-end=\"34% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-item-bg\"><\/div><\/div><div data-flip-end=\"35% top\" data-flip-trigger=\".hero\" data-flip-start=\"2% top\" class=\"nav-menu-item\"><a class=\"nav-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-desktop=\"\" href=\"#testimonial\" data-tl-type=\"trigger\" data-tl-to=\"{&#x27;scale&#x27;: 1}\" aria-label=\"clients\" data-tl-start=\"50% top\" data-tl-from=\"{&#x27;scale&#x27;: 0}\"><\/a><a data-button-hover=\"\" data-link-id=\"clients\" href=\"#testimonial\" class=\"hero-navigation-link\">Klanten<\/a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 17\" fill=\"none\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"34% top\" data-tl-end=\"36% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.2, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-desktop=\"\" class=\"nav-item-icon\"><g clip-path=\"url(#clip0_3853_7530)\"><mask id=\"mask0_3853_7530\" STYLE=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"16\" height=\"17\"><path d=\"M16 0.765625H0V16.4579H16V0.765625Z\" fill=\"white\"><\/path><\/mask><g mask=\"url(#mask0_3853_7530)\"><path d=\"M8 8.61178C10.2091 8.61178 12 6.85535 12 4.6887C12 2.52204 10.2091 0.765625 8 0.765625C5.79087 0.765625 4 2.52204 4 4.6887C4 6.85535 5.79087 8.61178 8 8.61178Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><path d=\"M8.0026 9.92188C3.5026 9.92188 1.33594 12.6759 1.33594 14.2804V15.1527C1.33594 15.4995 1.47642 15.832 1.72646 16.0773C1.97651 16.3225 2.31564 16.4604 2.66927 16.4604H13.3359C13.6895 16.4604 14.0287 16.3225 14.2787 16.0773C14.5287 15.832 14.6693 15.4995 14.6693 15.1527V14.2804C14.6693 12.6759 12.5026 9.92188 8.0026 9.92188Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><\/g><\/g><defs><clippath id=\"clip0_3853_7530\"><rect width=\"16\" height=\"17\" fill=\"currentColor\"><\/rect><\/clippath><\/defs><\/svg><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"33% top\" data-tl-end=\"35% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-item-bg\"><\/div><\/div><div data-flip-end=\"36% top\" data-flip-trigger=\".hero\" data-flip-start=\"1% top\" class=\"nav-menu-item\"><a class=\"nav-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-desktop=\"\" href=\"#faq\" data-tl-type=\"trigger\" data-tl-to=\"{&#x27;scale&#x27;: 1}\" aria-label=\"faq\" data-tl-start=\"50% top\" data-tl-from=\"{&#x27;scale&#x27;: 0}\"><\/a><a data-button-hover=\"\" data-link-id=\"faq\" href=\"#faq\" class=\"hero-navigation-link\">FAQ<\/a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"35% top\" data-tl-end=\"37% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.2, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-desktop=\"\" class=\"nav-item-icon\"><path d=\"M16 7.49851V8.46742C15.9912 8.51752 15.9804 8.56761 15.9733 8.61771C15.9299 8.93163 15.9024 9.2489 15.8423 9.55991C15.2206 12.7806 12.6152 15.3266 9.38017 15.8773C9.08934 15.9269 8.79559 15.9595 8.50309 16H7.50333C7.46912 15.9912 7.4349 15.9766 7.40027 15.9745C6.60581 15.9186 5.84139 15.7353 5.09783 15.4519C1.69424 14.154 -0.441297 10.5372 0.0773575 6.9316C0.351915 5.02299 1.17725 3.38907 2.61263 2.09829C4.51909 0.382968 6.76478 -0.278283 9.29797 0.105777C10.8214 0.33663 12.162 0.992454 13.3099 2.0219C14.6894 3.25882 15.5514 4.79214 15.8769 6.6206C15.9286 6.91156 15.9595 7.20587 16 7.49851ZM7.34227 9.09402C7.34227 9.18795 7.3381 9.28188 7.34311 9.37497C7.36063 9.69934 7.61558 9.964 7.9377 9.99615C8.26275 10.0287 8.57945 9.80829 8.64871 9.48977C8.67041 9.38958 8.67166 9.28188 8.6654 9.17877C8.64245 8.7993 8.80852 8.56511 9.15443 8.39687C10.0353 7.96898 10.5477 7.24762 10.6503 6.2762C10.8577 4.31457 8.96458 2.83886 7.10235 3.4926C6.0471 3.8633 5.31564 4.90861 5.34151 6.00986C5.34985 6.36595 5.62107 6.64648 5.9699 6.65984C6.33375 6.67361 6.63251 6.41646 6.66381 6.06204C6.67132 5.97897 6.67591 5.89589 6.68676 5.81324C6.7869 5.02717 7.57427 4.4995 8.33618 4.70656C8.89698 4.85893 9.27711 5.31939 9.33135 5.91301C9.38017 6.4486 9.06597 6.97293 8.54148 7.21672C7.74159 7.58826 7.34853 8.21695 7.34227 9.09402ZM8.66582 11.9966C8.66332 11.6238 8.3729 11.3358 8.00071 11.3366C7.62976 11.3374 7.34019 11.6297 7.34144 12.002C7.34311 12.374 7.6331 12.662 8.00655 12.662C8.37666 12.662 8.66832 12.3673 8.66582 11.9966Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><\/svg><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"34% top\" data-tl-end=\"36% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-item-bg\"><\/div><\/div><div data-flip-end=\"36% top\" data-flip-trigger=\".hero\" data-flip-start=\"1% top\" class=\"nav-menu-item\"><a class=\"nav-link w-inline-block\" data-tl-trigger=\".hero\" data-tl-desktop=\"\" href=\"#kennismaken\" data-tl-type=\"trigger\" data-tl-to=\"{&#x27;scale&#x27;: 1}\" aria-label=\"kennismaken\" data-tl-start=\"50% top\" data-tl-from=\"{&#x27;scale&#x27;: 0}\"><\/a><a data-button-hover=\"\" data-link-id=\"kennismaken\" href=\"#kennismaken\" class=\"hero-navigation-link\">KENNISMAKEN<\/a><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"35% top\" data-tl-end=\"37% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.2, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" data-tl-desktop=\"\" class=\"nav-item-icon\"><rect x=\"1.5\" y=\"2.5\" width=\"13\" height=\"12\" rx=\"2.5\" fill=\"currentColor\"\/><rect x=\"1.5\" y=\"6\" width=\"13\" height=\"1.2\" fill=\"#fff\" opacity=\".9\"\/><rect x=\"4.2\" y=\"1\" width=\"1.6\" height=\"3\" rx=\".8\" fill=\"currentColor\"\/><rect x=\"10.2\" y=\"1\" width=\"1.6\" height=\"3\" rx=\".8\" fill=\"currentColor\"\/><rect x=\"4\" y=\"8.6\" width=\"2.2\" height=\"2.2\" rx=\".5\" fill=\"#fff\" opacity=\".9\"\/><rect x=\"6.9\" y=\"8.6\" width=\"2.2\" height=\"2.2\" rx=\".5\" fill=\"#fff\" opacity=\".9\"\/><rect x=\"9.8\" y=\"8.6\" width=\"2.2\" height=\"2.2\" rx=\".5\" fill=\"#fff\" opacity=\".9\"\/><\/svg><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"34% top\" data-tl-end=\"36% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-item-bg\"><\/div><\/div><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"31% top\" data-tl-end=\"35% top\" data-tl-from=\"{&#x27;scale&#x27; : 0.5, &#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;scale&#x27; : 1, &#x27;opacity&#x27; : 1}\" class=\"nav-menu-bg\"><\/div><\/nav><p data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"30% top\" data-tl-end=\"35% top\" data-tl-from=\"{&#x27;opacity&#x27; : 0}\" data-tl-to=\"{ &#x27;opacity&#x27; : 1}\" class=\"ro-logos-title\">Zij gingen al remote<\/p><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"30% top\" data-tl-end=\"35% top\" data-tl-from=\"{&#x27;opacity&#x27; : 0}\" data-tl-to=\"{ &#x27;opacity&#x27; : 1}\" class=\"nav-comapny-wrap\"><div class=\"nav-comapny-item\"><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Google\"><path d=\"M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Meta\"><path d=\"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Shopify\"><path d=\"M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Stripe\"><path d=\"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Spotify\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Netflix\"><path d=\"m5.398 0 8.348 23.602c2.346.059 4.856.398 4.856.398L10.113 0H5.398zm8.489 0v9.172l4.715 13.33V0h-4.715zM5.398 1.5V24c1.873-.225 2.81-.312 4.715-.398V14.83L5.398 1.5z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Airbnb\"><path d=\"M12.001 18.275c-1.353-1.697-2.148-3.184-2.413-4.457-.263-1.027-.16-1.848.291-2.465.477-.71 1.188-1.056 2.121-1.056s1.643.345 2.12 1.063c.446.61.558 1.432.286 2.465-.291 1.298-1.085 2.785-2.412 4.458zm9.601 1.14c-.185 1.246-1.034 2.28-2.2 2.783-2.253.98-4.483-.583-6.392-2.704 3.157-3.951 3.74-7.028 2.385-9.018-.795-1.14-1.933-1.695-3.394-1.695-2.944 0-4.563 2.49-3.927 5.382.37 1.565 1.352 3.343 2.917 5.332-.98 1.085-1.91 1.856-2.732 2.333-.636.344-1.245.558-1.828.609-2.679.399-4.778-2.2-3.825-4.88.132-.345.395-.98.845-1.961l.025-.053c1.464-3.178 3.242-6.79 5.285-10.795l.053-.132.58-1.116c.45-.822.635-1.19 1.351-1.643.346-.21.77-.315 1.246-.315.954 0 1.698.558 2.016 1.007.158.239.345.557.582.953l.558 1.089.08.159c2.041 4.004 3.821 7.608 5.279 10.794l.026.025.533 1.22.318.764c.243.613.294 1.222.213 1.858zm1.22-2.39c-.186-.583-.505-1.271-.9-2.094v-.03c-1.889-4.006-3.642-7.608-5.307-10.844l-.111-.163C15.317 1.461 14.468 0 12.001 0c-2.44 0-3.476 1.695-4.535 3.898l-.081.16c-1.669 3.236-3.421 6.843-5.303 10.847v.053l-.559 1.22c-.21.504-.317.768-.345.847C-.172 20.74 2.611 24 5.98 24c.027 0 .132 0 .265-.027h.372c1.75-.213 3.554-1.325 5.384-3.317 1.829 1.989 3.635 3.104 5.382 3.317h.372c.133.027.239.027.265.027 3.37.003 6.152-3.261 4.802-6.975z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Uber\"><path d=\"M0 7.97v4.958c0 1.867 1.302 3.101 3 3.101.826 0 1.562-.316 2.094-.87v.736H6.27V7.97H5.082v4.888c0 1.257-.85 2.106-1.947 2.106-1.11 0-1.946-.827-1.946-2.106V7.971H0zm7.44 0v7.925h1.13v-.725c.521.532 1.257.86 2.06.86a3.006 3.006 0 0 0 3.034-3.01 3.01 3.01 0 0 0-3.033-3.024 2.86 2.86 0 0 0-2.049.861V7.971H7.439zm9.869 2.038c-1.687 0-2.965 1.37-2.965 3 0 1.72 1.334 3.01 3.066 3.01 1.053 0 1.913-.463 2.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847-.973 0-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3zm6.295.068c-.634 0-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47 1.291-1.47H24v-1.065h-.396zm-6.319.928c.85 0 1.564.588 1.756 1.47H15.52c.203-.882.916-1.47 1.765-1.47zm-6.732.012c1.086 0 1.98.883 1.98 2.004a1.993 1.993 0 0 1-1.98 2.001A1.989 1.989 0 0 1 8.56 13.02a1.99 1.99 0 0 1 1.992-2.004z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"WhatsApp\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Notion\"><path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Figma\"><path d=\"M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Dropbox\"><path d=\"M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Zoom\"><path d=\"M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"HubSpot\"><path d=\"M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Klarna\"><path d=\"M4.592 2v20H0V2h4.592zm11.46 0c0 4.194-1.583 8.105-4.415 11.068l-.278.283L17.702 22h-5.668l-6.893-9.4 1.779-1.332c2.858-2.14 4.535-5.378 4.637-8.924L11.562 2h4.49zM21.5 17a2.5 2.5 0 110 5 2.5 2.5 0 010-5z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Wise\"><path d=\"M6.488 7.469 0 15.05h11.585l1.301-3.576H7.922l3.033-3.507.01-.092L8.993 4.48h8.873l-6.878 18.925h4.706L24 .595H2.543l3.945 6.874Z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Revolut\"><path d=\"M20.9133 6.9566C20.9133 3.1208 17.7898 0 13.9503 0H2.424v3.8605h10.9782c1.7376 0 3.177 1.3651 3.2087 3.043.016.84-.2994 1.633-.8878 2.2324-.5886.5998-1.375.9303-2.2144.9303H9.2322a.2756.2756 0 0 0-.2755.2752v3.431c0 .0585.018.1142.052.1612L16.2646 24h5.3114l-7.2727-10.094c3.6625-.1838 6.61-3.2612 6.61-6.9494zM6.8943 5.9229H2.424V24h4.4704z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"HelloFresh\"><path d=\"M9.7894 22.2329c-.9661-.0974-2.0001-.326-3.042-.7589-.5912-.2456-1.1673-.5843-1.2123-.6109-.362-.2057-.6568-.457-1.2135-.7269-.7048-.3416-1.3836-.5276-2.1106-.611-.9842-.0661-1.038.0124-1.319-.0745-.1676-.0545-.3188-.1205-.495-.2848-.0526-.049-.125-.1304-.1607-.1808-.125-.1763-.1744-.3314-.194-.3997-.0284-.0981-.0424-.1563-.0423-.3324 0-.1565.0152-.2397.035-.3116.0763-.2788.173-.3408.4299-.8472.3285-.6476.5238-1.285.6176-1.9564a5.7292 5.7292 0 0 0 .0554-1.017c-.015-.5062-.0383-.6133-.0392-1.0444-.0026-1.2549.2374-2.3546.5533-3.2859.2061-.6079.3889-1.007.6046-1.4333.5845-1.1551 1.5013-2.4784 2.9354-3.6924.7732-.6545 1.9737-1.5002 3.5538-2.1176 1.3446-.5253 2.5225-.7015 3.064-.7614.664-.087 1.8067-.1234 2.975.0535.9966.151 2.2445.4867 3.5131 1.2.4312.2424.6815.4377 1.014.6296.814.4697 1.6498.7054 2.4477.8015.424.051 1.0618.0047 1.302.0666.1477.0381.2551.0862.3896.1755.1135.0755.3629.2761.4912.6485.061.1772.1243.6076-.0987.9911-.0365.063-.1066.183-.1557.2669-.0491.0838-.1423.2622-.2072.3964-.6611 1.3677-.6465 2.5461-.6009 3.263.0534.84.05 2.2341-.5417 3.9644-.1037.3032-.3364.9313-.7023 1.6143-.8281 1.5455-1.876 2.6331-2.5374 3.2256-1.474 1.3204-2.9634 2.038-3.9265 2.4021-.8975.3393-1.5834.5095-2.3024.6327-.6934.1188-1.8193.2425-3.0802.1154z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"WooCommerce\"><path d=\"M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Deliveroo\"><path d=\"M16.861 0l-1.127 10.584L13.81 1.66 7.777 2.926l1.924 8.922-8.695 1.822 1.535 7.127L17.832 24l3.498-7.744L22.994.636 16.861 0zM11.39 13.61a.755.755 0 01.322.066c.208.093.56.29.63.592.103.434.004.799-.312 1.084v.002c-.315.284-.732.258-1.174.113-.441-.145-.637-.672-.47-1.309.124-.473.71-.544 1.004-.549zm4.142.548c.447-.012.832.186 1.05.543.217.357.107.75-.122 1.143h-.002c-.229.392-.83.445-1.422.16-.399-.193-.397-.684-.353-.983a.922.922 0 01.193-.447c.142-.177.381-.408.656-.416Z\" fill=\"currentColor\"><\/path><\/svg><\/div><div class=\"nav-comapny-item\"><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Google\"><path d=\"M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Meta\"><path d=\"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Shopify\"><path d=\"M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Stripe\"><path d=\"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Spotify\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Netflix\"><path d=\"m5.398 0 8.348 23.602c2.346.059 4.856.398 4.856.398L10.113 0H5.398zm8.489 0v9.172l4.715 13.33V0h-4.715zM5.398 1.5V24c1.873-.225 2.81-.312 4.715-.398V14.83L5.398 1.5z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Airbnb\"><path d=\"M12.001 18.275c-1.353-1.697-2.148-3.184-2.413-4.457-.263-1.027-.16-1.848.291-2.465.477-.71 1.188-1.056 2.121-1.056s1.643.345 2.12 1.063c.446.61.558 1.432.286 2.465-.291 1.298-1.085 2.785-2.412 4.458zm9.601 1.14c-.185 1.246-1.034 2.28-2.2 2.783-2.253.98-4.483-.583-6.392-2.704 3.157-3.951 3.74-7.028 2.385-9.018-.795-1.14-1.933-1.695-3.394-1.695-2.944 0-4.563 2.49-3.927 5.382.37 1.565 1.352 3.343 2.917 5.332-.98 1.085-1.91 1.856-2.732 2.333-.636.344-1.245.558-1.828.609-2.679.399-4.778-2.2-3.825-4.88.132-.345.395-.98.845-1.961l.025-.053c1.464-3.178 3.242-6.79 5.285-10.795l.053-.132.58-1.116c.45-.822.635-1.19 1.351-1.643.346-.21.77-.315 1.246-.315.954 0 1.698.558 2.016 1.007.158.239.345.557.582.953l.558 1.089.08.159c2.041 4.004 3.821 7.608 5.279 10.794l.026.025.533 1.22.318.764c.243.613.294 1.222.213 1.858zm1.22-2.39c-.186-.583-.505-1.271-.9-2.094v-.03c-1.889-4.006-3.642-7.608-5.307-10.844l-.111-.163C15.317 1.461 14.468 0 12.001 0c-2.44 0-3.476 1.695-4.535 3.898l-.081.16c-1.669 3.236-3.421 6.843-5.303 10.847v.053l-.559 1.22c-.21.504-.317.768-.345.847C-.172 20.74 2.611 24 5.98 24c.027 0 .132 0 .265-.027h.372c1.75-.213 3.554-1.325 5.384-3.317 1.829 1.989 3.635 3.104 5.382 3.317h.372c.133.027.239.027.265.027 3.37.003 6.152-3.261 4.802-6.975z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Uber\"><path d=\"M0 7.97v4.958c0 1.867 1.302 3.101 3 3.101.826 0 1.562-.316 2.094-.87v.736H6.27V7.97H5.082v4.888c0 1.257-.85 2.106-1.947 2.106-1.11 0-1.946-.827-1.946-2.106V7.971H0zm7.44 0v7.925h1.13v-.725c.521.532 1.257.86 2.06.86a3.006 3.006 0 0 0 3.034-3.01 3.01 3.01 0 0 0-3.033-3.024 2.86 2.86 0 0 0-2.049.861V7.971H7.439zm9.869 2.038c-1.687 0-2.965 1.37-2.965 3 0 1.72 1.334 3.01 3.066 3.01 1.053 0 1.913-.463 2.49-1.233l-.826-.611c-.43.577-.996.847-1.664.847-.973 0-1.753-.7-1.912-1.64h4.697v-.373c0-1.72-1.222-3-2.886-3zm6.295.068c-.634 0-1.098.294-1.381.758v-.713h-1.131v5.774h1.142V12.61c0-.894.544-1.47 1.291-1.47H24v-1.065h-.396zm-6.319.928c.85 0 1.564.588 1.756 1.47H15.52c.203-.882.916-1.47 1.765-1.47zm-6.732.012c1.086 0 1.98.883 1.98 2.004a1.993 1.993 0 0 1-1.98 2.001A1.989 1.989 0 0 1 8.56 13.02a1.99 1.99 0 0 1 1.992-2.004z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"WhatsApp\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Notion\"><path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Figma\"><path d=\"M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Dropbox\"><path d=\"M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Zoom\"><path d=\"M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"HubSpot\"><path d=\"M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Klarna\"><path d=\"M4.592 2v20H0V2h4.592zm11.46 0c0 4.194-1.583 8.105-4.415 11.068l-.278.283L17.702 22h-5.668l-6.893-9.4 1.779-1.332c2.858-2.14 4.535-5.378 4.637-8.924L11.562 2h4.49zM21.5 17a2.5 2.5 0 110 5 2.5 2.5 0 010-5z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Wise\"><path d=\"M6.488 7.469 0 15.05h11.585l1.301-3.576H7.922l3.033-3.507.01-.092L8.993 4.48h8.873l-6.878 18.925h4.706L24 .595H2.543l3.945 6.874Z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Revolut\"><path d=\"M20.9133 6.9566C20.9133 3.1208 17.7898 0 13.9503 0H2.424v3.8605h10.9782c1.7376 0 3.177 1.3651 3.2087 3.043.016.84-.2994 1.633-.8878 2.2324-.5886.5998-1.375.9303-2.2144.9303H9.2322a.2756.2756 0 0 0-.2755.2752v3.431c0 .0585.018.1142.052.1612L16.2646 24h5.3114l-7.2727-10.094c3.6625-.1838 6.61-3.2612 6.61-6.9494zM6.8943 5.9229H2.424V24h4.4704z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"HelloFresh\"><path d=\"M9.7894 22.2329c-.9661-.0974-2.0001-.326-3.042-.7589-.5912-.2456-1.1673-.5843-1.2123-.6109-.362-.2057-.6568-.457-1.2135-.7269-.7048-.3416-1.3836-.5276-2.1106-.611-.9842-.0661-1.038.0124-1.319-.0745-.1676-.0545-.3188-.1205-.495-.2848-.0526-.049-.125-.1304-.1607-.1808-.125-.1763-.1744-.3314-.194-.3997-.0284-.0981-.0424-.1563-.0423-.3324 0-.1565.0152-.2397.035-.3116.0763-.2788.173-.3408.4299-.8472.3285-.6476.5238-1.285.6176-1.9564a5.7292 5.7292 0 0 0 .0554-1.017c-.015-.5062-.0383-.6133-.0392-1.0444-.0026-1.2549.2374-2.3546.5533-3.2859.2061-.6079.3889-1.007.6046-1.4333.5845-1.1551 1.5013-2.4784 2.9354-3.6924.7732-.6545 1.9737-1.5002 3.5538-2.1176 1.3446-.5253 2.5225-.7015 3.064-.7614.664-.087 1.8067-.1234 2.975.0535.9966.151 2.2445.4867 3.5131 1.2.4312.2424.6815.4377 1.014.6296.814.4697 1.6498.7054 2.4477.8015.424.051 1.0618.0047 1.302.0666.1477.0381.2551.0862.3896.1755.1135.0755.3629.2761.4912.6485.061.1772.1243.6076-.0987.9911-.0365.063-.1066.183-.1557.2669-.0491.0838-.1423.2622-.2072.3964-.6611 1.3677-.6465 2.5461-.6009 3.263.0534.84.05 2.2341-.5417 3.9644-.1037.3032-.3364.9313-.7023 1.6143-.8281 1.5455-1.876 2.6331-2.5374 3.2256-1.474 1.3204-2.9634 2.038-3.9265 2.4021-.8975.3393-1.5834.5095-2.3024.6327-.6934.1188-1.8193.2425-3.0802.1154z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"WooCommerce\"><path d=\"M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z\" fill=\"currentColor\"><\/path><\/svg><svg class=\"ro-logo\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Deliveroo\"><path d=\"M16.861 0l-1.127 10.584L13.81 1.66 7.777 2.926l1.924 8.922-8.695 1.822 1.535 7.127L17.832 24l3.498-7.744L22.994.636 16.861 0zM11.39 13.61a.755.755 0 01.322.066c.208.093.56.29.63.592.103.434.004.799-.312 1.084v.002c-.315.284-.732.258-1.174.113-.441-.145-.637-.672-.47-1.309.124-.473.71-.544 1.004-.549zm4.142.548c.447-.012.832.186 1.05.543.217.357.107.75-.122 1.143h-.002c-.229.392-.83.445-1.422.16-.399-.193-.397-.684-.353-.983a.922.922 0 01.193-.447c.142-.177.381-.408.656-.416Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"33% top\" data-tl-end=\"38% top\" data-tl-from=\"{&#x27;opacity&#x27; : 0}\" data-tl-to=\"{&#x27;opacity&#x27; : 1}\" class=\"nav-email-wrap\"><div class=\"nav-email-item\"><p class=\"email-text\">serdar@remote-opus.com<\/p><div class=\"clipboard-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 14 14\" fill=\"none\" class=\"clipboard-icon\"><rect width=\"14\" height=\"14\" rx=\"7\" fill=\"currentColor\"><\/rect><path d=\"M6.94231 9.43099L10.2791 6.23416C10.5736 5.95167 10.5736 5.49388 10.2793 5.21194C10.1378 5.07602 9.94541 5 9.74562 5C9.54555 4.99973 9.35347 5.07602 9.21162 5.21166L6.54359 7.76803C6.50763 7.80249 6.45911 7.82163 6.4083 7.82163C6.35807 7.82163 6.30955 7.80222 6.27359 7.76803L5.28806 6.82375C5.14678 6.68811 4.95499 6.61182 4.75491 6.61182C4.55455 6.61182 4.36276 6.68811 4.22119 6.82375C4.07934 6.95939 4 7.14316 4 7.33514C4 7.52684 4.07934 7.71088 4.22119 7.84652L5.87487 9.43099C6.16941 9.71348 6.64748 9.71348 6.94231 9.43099Z\" fill=\"currentColor\" class=\"text-color-white\"><\/path><\/svg><p>Copy to clipboard<\/p><\/div><div class=\"clipboard-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 13 13\" fill=\"none\" class=\"copy-email-icon\"><path d=\"M0.000482947 8.26401C0.000482947 7.10632 -0.000996063 5.94864 0.00122242 4.79096C0.00233167 4.18199 0.358029 3.71278 0.917458 3.58299C1.02875 3.55711 1.14596 3.54861 1.26058 3.54861C3.57188 3.54676 5.88317 3.54639 8.19447 3.5475C8.95208 3.5475 9.45494 4.04777 9.45531 4.80316C9.45679 7.11853 9.45679 9.43426 9.45531 11.7496C9.45494 12.4973 8.95134 12.9994 8.20297 12.9997C5.88724 13.0012 3.57114 13.0012 1.25541 12.9997C0.501861 12.9994 0.00233168 12.4947 0.00159218 11.737C0.000482937 10.5794 0.00159218 9.42169 0.00159218 8.26401H0.000482947Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><path d=\"M8.27693 0.000639714C9.43942 0.000639714 10.6019 -0.00120904 11.7644 0.00137919C12.366 0.00248844 12.8307 0.355228 12.9627 0.911329C12.9901 1.02669 12.9994 1.14871 12.9994 1.26777C13.0016 3.57388 13.0016 5.88037 13.0005 8.18649C13.0005 8.95261 12.5013 9.4514 11.7367 9.45399C11.5843 9.45436 11.4324 9.4551 11.28 9.45399C10.8777 9.45029 10.6344 9.2081 10.6341 8.80434C10.633 7.36047 10.6359 5.91698 10.6326 4.47311C10.6307 3.62713 10.2495 3.00041 9.51004 2.59405C9.20056 2.42397 8.86261 2.36592 8.51024 2.36666C7.09411 2.36962 5.6776 2.36777 4.26147 2.36777C3.76674 2.36777 3.54305 2.14592 3.54711 1.64861C3.54896 1.40938 3.53676 1.16461 3.58076 0.932035C3.68762 0.369278 4.17754 0.00248844 4.7891 0.00174895C5.95159 -9.97919e-05 7.11407 0.00100944 8.27656 0.00137919L8.27693 0.000639714Z\" fill=\"currentColor\" fill-opacity=\"0.9\"><\/path><\/svg><\/div><\/div><\/div><div data-flip-end=\"35% top\" data-flip-target=\".hero\" data-flip-start=\"5% top\" class=\"nav-button-wrap\"><a data-button-hover=\"\" href=\"https:\/\/wa.me\/31655856049\" target=\"_blank\" class=\"nav-button w-inline-block\" rel=\"noopener\"><p class=\"button-text\">Stuur een app<\/p><\/a><a data-button-hover=\"\" href=\"#services\" class=\"nav-button-secondary w-inline-block\"><p class=\"button-text\">Bekijk tarieven<\/p><\/a><\/div><\/div><\/div><\/header><main data-tl-desktop=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".hero\" data-tl-start=\"22% top\" data-tl-from=\"{&#x27;zIndex&#x27;: 20}\" data-tl-to=\"{&#x27;zIndex&#x27;: 99, &#x27;duration&#x27;: 0.1}\" class=\"main-wrap\"><section id=\"hero\" data-flip-start-trigger=\"\" data-flip-start=\"top top\" class=\"hero\"><div class=\"hero-sticky\"><div class=\"nesh-logo-preload\"><div data-flip-origin=\"\" class=\"nesh-logo-wrap\"><div class=\"nesh-logo-ghost-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 1288 338\" fill=\"none\" data-flip-target=\"\" class=\"nesh-logo-ghost\"><text x=\"0.0\" y=\"272\" textLength=\"125.4\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">R<\/text><text x=\"125.4\" y=\"272\" textLength=\"110.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">E<\/text><text x=\"236.3\" y=\"272\" textLength=\"158.0\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">M<\/text><text x=\"394.2\" y=\"272\" textLength=\"133.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">O<\/text><text x=\"528.1\" y=\"272\" textLength=\"125.2\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">T<\/text><text x=\"653.3\" y=\"272\" textLength=\"110.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">E<\/text><text x=\"807.7\" y=\"272\" textLength=\"133.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">O<\/text><text x=\"941.5\" y=\"272\" textLength=\"112.8\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">P<\/text><text x=\"1054.3\" y=\"272\" textLength=\"129.6\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">U<\/text><text x=\"1183.9\" y=\"272\" textLength=\"104.1\" lengthAdjust=\"spacingAndGlyphs\" font-family=\"DM Serif Display, Georgia, serif\" font-size=\"300\" fill=\"currentColor\" class=\"nesh-logo-glyph\">S<\/text><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 9 9\" fill=\"none\" class=\"nesh-copyright-icon-ghost\"><path d=\"M0.343933 5.97697C0.114645 5.44236 0 4.8828 0 4.29829C0 3.71378 0.114645 3.156 0.343933 2.62495C0.573221 2.0939 0.883118 1.6377 1.27362 1.25634C1.66413 0.871419 2.12808 0.56669 2.66547 0.342152C3.20645 0.114051 3.7743 0 4.36901 0C4.96373 0 5.52978 0.114051 6.06718 0.342152C6.60815 0.56669 7.0739 0.871419 7.4644 1.25634C7.85491 1.6377 8.1648 2.0939 8.39409 2.62495C8.62338 3.156 8.73802 3.71378 8.73802 4.29829C8.73802 5.07526 8.54277 5.7952 8.15226 6.45812C7.76176 7.11748 7.23153 7.63962 6.56158 8.02454C5.89163 8.40946 5.16077 8.60192 4.36901 8.60192C3.7743 8.60192 3.20645 8.48787 2.66547 8.25977C2.12808 8.03523 1.66413 7.73228 1.27362 7.35093C0.883118 6.96601 0.573221 6.50802 0.343933 5.97697ZM1.08017 4.29829C1.08017 4.7438 1.16615 5.16971 1.33811 5.57601C1.51008 5.97875 1.74295 6.32625 2.03672 6.61851C2.3305 6.91076 2.6798 7.14421 3.08464 7.31885C3.49306 7.48993 3.92118 7.57546 4.36901 7.57546C4.81684 7.57546 5.24317 7.48993 5.64801 7.31885C6.05643 7.14421 6.40752 6.91076 6.7013 6.61851C6.99507 6.32625 7.22794 5.97875 7.39991 5.57601C7.57546 5.16971 7.66324 4.7438 7.66324 4.29829C7.66324 3.85278 7.57546 3.42865 7.39991 3.02591C7.22794 2.6196 6.99507 2.27032 6.7013 1.97807C6.40752 1.68581 6.05643 1.45415 5.64801 1.28307C5.24317 1.11199 4.81684 1.02646 4.36901 1.02646C3.77071 1.02646 3.21899 1.17258 2.71384 1.46484C2.20869 1.75353 1.80922 2.14914 1.51545 2.65168C1.22526 3.15422 1.08017 3.70309 1.08017 4.29829ZM2.64398 6.58643V1.99945H4.91178C5.33811 1.99945 5.691 2.12954 5.97045 2.38972C6.25347 2.64633 6.39499 2.97958 6.39499 3.38945C6.39499 3.71378 6.29109 3.98821 6.0833 4.21275C5.87909 4.43729 5.62651 4.56916 5.32557 4.60836L5.26109 4.61905L6.34125 6.56505H5.0515L4.11644 4.75805H3.84237V6.58643H2.64398ZM3.84237 3.82783H4.74519C4.88491 3.82783 4.99597 3.79219 5.07837 3.72091C5.16436 3.64962 5.20735 3.55161 5.20735 3.42687C5.20735 3.29143 5.16615 3.18629 5.08375 3.11145C5.00135 3.0366 4.88849 2.99918 4.74519 2.99918H3.84237V3.82783Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><div class=\"hero-navigation-wrap\"><div class=\"hero-links-ghost-wrapper\"><div class=\"ghost-link-item\"><div data-link-id=\"home\" class=\"hero-link-ghost\">home<\/div><\/div><div data-tl-to=\"{&#x27;opacity&#x27;: 0, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;1vw&#x27;}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"top top\" data-tl-end=\"5% top\" data-tl-from=\"{&#x27;opacity&#x27;: 1, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;0vw&#x27;}\" class=\"hero-navigation-sep\"><\/div><div class=\"ghost-link-item\"><div data-link-id=\"projects\" class=\"hero-link-ghost\">taken<\/div><\/div><div data-tl-to=\"{&#x27;opacity&#x27;: 0, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;1vw&#x27;}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"top top\" data-tl-end=\"5% top\" data-tl-from=\"{&#x27;opacity&#x27;: 1, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;0vw&#x27;}\" class=\"hero-navigation-sep\"><\/div><div class=\"ghost-link-item\"><div data-link-id=\"services\" class=\"hero-link-ghost\">tarieven<\/div><\/div><\/div><div class=\"hero-links-ghost-wrapper is-hero-right-nav-item\"><div class=\"ghost-link-item\"><div data-link-id=\"clients\" class=\"hero-link-ghost\">klanten<\/div><\/div><div data-tl-to=\"{&#x27;opacity&#x27;: 0, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;1vw&#x27;}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"top top\" data-tl-end=\"3% top\" data-tl-from=\"{&#x27;opacity&#x27;: 1, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;0vw&#x27;}\" class=\"hero-navigation-sep\"><\/div><div class=\"ghost-link-item\"><div data-link-id=\"faq\" class=\"hero-link-ghost\">faq<\/div><\/div><div data-tl-to=\"{&#x27;opacity&#x27;: 0, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;1vw&#x27;}\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"top top\" data-tl-end=\"3% top\" data-tl-from=\"{&#x27;opacity&#x27;: 1, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;0vw&#x27;}\" class=\"hero-navigation-sep\"><\/div><div class=\"ghost-link-item\"><div data-link-id=\"kennismaken\" class=\"hero-link-ghost\">kennismaken<\/div><\/div><\/div><\/div><\/div><div class=\"hero-container\"><div class=\"hero-content-layout\"><h1 class=\"hero-heading\" data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"16% top\" data-tl-end=\"21% top\" data-tl-from=\"{&#x27;opacity&#x27;: 1}\" data-tl-to=\"{&#x27;opacity&#x27;: 0}\">Virtual <br\/>Assistant <br\/>Inhuren<\/h1><div class=\"hero-buttons-wrap\"><a href=\"https:\/\/wa.me\/31655856049\" target=\"_blank\" class=\"hero-cta-button\" rel=\"noopener\"><p class=\"button-text\">Stuur een app<\/p><\/a><a href=\"#services\" class=\"hero-button\"><p class=\"button-text\">Bekijk tarieven<\/p><\/a><\/div><\/div><div class=\"hero-cards-wrap\"><div class=\"hero-cards-left\"><div class=\"hero-card-2-wrap\"><div data-flip-id=\"hero-card-2\" class=\"hero-card-2\"><div class=\"hero-card-2-bg\"><\/div><div class=\"hero-webflow-icon-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 91 57\" fill=\"none\" data-flip-id=\"icon\" class=\"hero-webflow-icon\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M90.0571 0L61.3209 56.1824H34.3296L46.3557 32.898H45.8162C35.8948 45.7787 21.0919 54.2582 0 56.1824V33.2204C0 33.2204 13.493 32.4233 21.4251 24.0827H0V0.00044379H24.0795V19.8078L24.62 19.8056L34.4597 0.00044379H52.6705V19.6822L53.2109 19.6813L63.4197 0H90.0571Z\" fill=\"currentColor\"><\/path><\/svg><\/div><div class=\"hero-c-projects-text-wrap\"><p id=\"projects_start_text-2\" data-flip-id=\"hero-card-2-text\" class=\"hero-webflow-projects-text\">\u20ac6,33<br\/>per uur<\/p><\/div><\/div><\/div><div class=\"hero-card-1-wrap\"><div class=\"hero-card-1\"><div class=\"experience-bg\"><\/div><div class=\"experience-number-wrap\"><span class=\"experience-number\"><span class=\"ro-score\"><span class=\"ro-sterren\">\u2605\u2605\u2605\u2605\u2605<\/span> 4.8\/5<\/span><\/span><\/div><div class=\"experience-text-wrap\"><p id=\"yrs_small_text_start\" class=\"experience-text\">gemiddelde <br\/>beoordeling<\/p><\/div><\/div><\/div><\/div><div data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".hero\" data-tl-start=\"4% top\" data-tl-end=\"13% top\" data-tl-from=\"{&#x27;scale&#x27;: 1, &#x27;opacity&#x27;: 1, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;0vw&#x27;}\" data-tl-to=\"{&#x27;scale&#x27;: 0.96, &#x27;opacity&#x27;: 0, &#x27;x&#x27;: &#x27;0vw&#x27;, &#x27;y&#x27;: &#x27;-1.5vw&#x27;}\" class=\"hero-card-3\"><div class=\"hero-card-3-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 19 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"hero-card-3-icon\" aria-hidden=\"true\"><g transform=\"scale(0.7917)\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/g><\/svg><p>Jouw tijdzone<\/p><\/div><div class=\"hero-card-3-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 19 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"hero-card-3-icon\" aria-hidden=\"true\"><g transform=\"scale(0.7917)\"><path d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/g><\/svg><p>Geen DBA-risico<\/p><\/div><div class=\"hero-card-3-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 19 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"hero-card-3-icon\" aria-hidden=\"true\"><g transform=\"scale(0.7917)\"><rect x=\"4\" y=\"11\" width=\"16\" height=\"10\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 0 1 7.5-2\"\/><\/g><\/svg><p>Direct opzegbaar<\/p><\/div><div class=\"hero-card-3-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"hero-card-3-icon\" aria-hidden=\"true\"><g transform=\"scale(0.7500)\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"1.5\"\/><path d=\"M9 7h.01M12 7h.01M15 7h.01M9 11h.01M12 11h.01M15 11h.01M9 15h.01M12 15h.01M15 15h.01\"\/><path d=\"M10 21v-3h4v3\"\/><\/g><\/svg><p>Kantoorplek<\/p><\/div><div class=\"hero-card-3-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 19 22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"hero-card-3-icon\" aria-hidden=\"true\"><g transform=\"translate(0,1.500) scale(0.7917)\"><circle cx=\"10\" cy=\"8\" r=\"3.5\"\/><path d=\"M3 20a7 7 0 0 1 14 0\"\/><path d=\"M16 12l2 2 4-4\"\/><\/g><\/svg><p>Vaste floormanager<\/p><\/div><\/div><\/div><\/div><div class=\"mobile-hero-image-wrap\"><picture><source srcset=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-hero-portret-mobiel.webp\" type=\"image\/webp\"\/><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-hero-portret-mobiel.png\" loading=\"eager\" fetchpriority=\"high\" alt=\"Remote Opus assistent\" class=\"mobile-hero-image\"\/><\/picture><\/div><\/div><\/section><section id=\"work\" data-theme=\"dark\" class=\"work_section\"><div class=\"work-sticky-support\"><\/div><div id=\"projects\" class=\"work-sticky\"><div class=\"work-container\"><div class=\"work-top-layout\"><div id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64ae-be2d4114\" class=\"column\"><div data-tl-once=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".work-sticky\" data-tl-start=\"top 80%\" data-tl-from=\"{&#x27;width&#x27;:&#x27;0vw&#x27;,&#x27;opacity&#x27;:0}\" data-tl-to=\"{   &#x27;width&#x27;:&#x27;auto&#x27;,   &#x27;opacity&#x27;:1,   &#x27;duration&#x27;:0.7,   &#x27;ease&#x27;:&#x27;expo.inOut&#x27; }\" class=\"label is-secondary\">TAKEN<\/div><h2 data-tl-once=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".work-sticky\" data-tl-start=\"top 80%\" data-tl-split=\"lines\" data-tl-from=\"{&#x27;yPercent&#x27;: 100}\" data-tl-to=\"{&#x27;yPercent&#x27;: 0,  &#x27;duration&#x27;: 0.6, &#x27;stagger&#x27;: 0.1, &#x27;delay&#x27;: 0.3, &#x27;ease&#x27;: &#x27;power2.out&#x27;}\" class=\"h2-style-white\">Wat je VA kan<br\/>overnemen<\/h2><\/div><div id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe64b5-be2d4114\" class=\"work-top-text\"><p data-tl-once=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".work-sticky\" data-tl-start=\"top 80%\" data-tl-split=\"lines\" data-tl-from=\"{&#x27;yPercent&#x27;: 100}\" data-tl-to=\"{&#x27;yPercent&#x27;: 0,  &#x27;duration&#x27;: 0.6, &#x27;stagger&#x27;: 0.1, &#x27;delay&#x27;: 0.3, &#x27;ease&#x27;: &#x27;power2.out&#x27;}\">Stel je een week voor waarin je agenda alleen nog de taken bevat die er echt toe doen. Alles daaromheen pakt je virtual assistant op.<\/p><\/div><\/div><div class=\"work-track-wrap\"><div class=\"work-track\" data-tl-mobile=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".work-track-wrap\" data-tl-start=\"top 85%\" data-tl-once=\"\" data-tl-target=\".work-card\" data-tl-from=\"{'opacity': 0, 'y': 24}\" data-tl-to=\"{'opacity': 1, 'y': 0, 'duration': 0.5, 'ease': 'power2.out', 'stagger': 0.06}\"><a aria-label=\"Inbox en communicatie\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-01-poster.webp\" loading=\"lazy\" alt=\"Black and purple molecular structure model with a complex, spherical purple cluster on a black background.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-01-poster.webp?v=1789986825\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-01-achtergrond.mp4?v=1789986825\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">01<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Dagelijks<\/div><div class=\"work-label\">Support<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Inbox en communicatie<\/h3><p class=\"op80\">Mail filteren, beantwoorden en opvolgen, zodat er niets blijft liggen.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a id=\"test-1\" aria-label=\"Agenda en planning\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-02-poster.webp\" loading=\"lazy\" alt=\"\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-02-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-02-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">02<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Planning<\/div><div class=\"work-label\">Dagelijks<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Agenda en planning<\/h3><p class=\"op80\">Afspraken inplannen, herinneren en je week strak organiseren.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"Administratie\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-03-poster.webp\" loading=\"lazy\" alt=\"Close-up of a smiling woman touching her cheek with her hand wearing a gray ring.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-03-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-03-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">03<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Administratie<\/div><div class=\"work-label\">Finance<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Administratie<\/h3><p class=\"op80\">Facturen, documenten en gegevens netjes bijgehouden.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"Vergaderingen\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-04-poster.webp\" loading=\"lazy\" alt=\"Close-up of a smiling woman touching her cheek with her hand wearing a gray ring.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-04-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-04-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">04<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Planning<\/div><div class=\"work-label\">Support<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Vergaderingen<\/h3><p class=\"op80\">Agenda, stukken en dossier klaar, en achteraf de actiepunten uitgezet.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"Research\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-05-poster.webp\" loading=\"lazy\" alt=\"Close-up of a smiling woman touching her cheek with her hand wearing a gray ring.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-05-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-05-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">05<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Research<\/div><div class=\"work-label\">Content<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Research<\/h3><p class=\"op80\">Achtergrondinfo, leveranciers en presentaties voorbereid.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"Reizen en events\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-06-poster.webp\" loading=\"lazy\" alt=\"Close-up of a purple circular gem or token mounted on a black square pedestal with silver metallic rings on a dark grid surface.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-06-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-06-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">06<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Planning<\/div><div class=\"work-label\">Dagelijks<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Reizen en events<\/h3><p class=\"op80\">Reizen, tickets en afspraken van begin tot eind geregeld.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"Leads opvolgen\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-07-poster.webp\" loading=\"lazy\" alt=\"Abstract illustration of two stylized figures giving a high-five against a gradient blue background.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-07-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-07-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">07<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Sales<\/div><div class=\"work-label\">Data<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Leads opvolgen<\/h3><p class=\"op80\">Leads kwalificeren, opvolgen en je pijplijn actueel houden.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"Campagnes en content\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-08-poster.webp\" loading=\"lazy\" alt=\"Smiling woman sitting on wooden chair and looking at her smartphone in dimly lit outdoor setting with lantern in background.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-08-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-08-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">08<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">Marketing<\/div><div class=\"work-label\">Content<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">Campagnes en content<\/h3><p class=\"op80\">Posts, advertenties en kanalen bijgehouden en bijgestuurd.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><a aria-label=\"AI automations\" class=\"work-card w-inline-block ro-media\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-09-poster.webp\" loading=\"lazy\" alt=\"Close-up of a smiling woman touching her cheek with her hand wearing a gray ring.\" class=\"work-image\"\/><div class=\"w-embed\">\n\n<video class=\"work-bg\" muted loop playsinline preload=\"none\"\n       poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-09-poster.webp\"\n       data-src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-taken-taak-09-achtergrond.mp4\"\n       style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;\">\n<\/video><\/div><div class=\"work-card-content\"><div class=\"work-card-content-top-layout\"><div class=\"work-label\">09<\/div><div class=\"work-label-wrap\"><div class=\"work-label\">AI<\/div><div class=\"work-label\">Rapportage<\/div><\/div><\/div><div class=\"work-card-content-bottom-layout\"><h3 class=\"work-card-heading\">AI automations<\/h3><p class=\"op80\">Terugkerende klussen omgezet in workflows die je assistent bewaakt.<\/p><\/div><\/div><div class=\"work-image-overlay\"><\/div><\/a><\/div><\/div><\/div><\/div><\/section><section id=\"services\" class=\"sevice_section\"><div class=\"service-sticky\"><div class=\"container\"><div id=\"services_column\" class=\"column\"><div data-tl-to=\"{   &#x27;width&#x27;:&#x27;auto&#x27;,   &#x27;opacity&#x27;:1,   &#x27;duration&#x27;:0.7,   &#x27;ease&#x27;:&#x27;expo.inOut&#x27; }\" data-tl-type=\"trigger\" data-tl-trigger=\"#services_column\" data-tl-start=\"top 90%\" data-tl-from=\"{&#x27;width&#x27;:&#x27;0vw&#x27;,&#x27;opacity&#x27;:0}\" class=\"label\">TARIEVEN<\/div><h2 data-tl-to=\"{&#x27;yPercent&#x27;: 0,  &#x27;duration&#x27;: 0.6, &#x27;stagger&#x27;: 0.1, &#x27;delay&#x27;: 0.3, &#x27;ease&#x27;: &#x27;power2.out&#x27;}\" data-tl-type=\"trigger\" data-tl-trigger=\"#services_column\" data-tl-start=\"top 90%\" data-tl-split=\"lines\" data-tl-from=\"{&#x27;yPercent&#x27;: 100}\" class=\"h2-style margin-bottom-s\">\u00c9\u00e9n vast bedrag met<br\/>alles inbegrepen<\/h2><\/div><div class=\"service-wrap\" data-tl-mobile=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".service-wrap\" data-tl-start=\"top 85%\" data-tl-once=\"\" data-tl-target=\".service-card\" data-tl-from=\"{'opacity': 0, 'y': 24}\" data-tl-to=\"{'opacity': 1, 'y': 0, 'duration': 0.5, 'ease': 'power2.out', 'stagger': 0.1}\"><div class=\"service-card is-first\" data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".sevice_section\" data-tl-start=\"2% top\" data-tl-end=\"14% top\" data-tl-from=\"{&#x27;opacity&#x27;: 0, &#x27;y&#x27;: &#x27;5vw&#x27;}\" data-tl-to=\"{&#x27;opacity&#x27;: 1, &#x27;y&#x27;: &#x27;0vw&#x27;}\"><div class=\"service-top-content\"><div class=\"service-card-top-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 42 42\" class=\"service-card-icon\" aria-label=\"Engels\"><defs><clipPath id=\"ro-vlag-uk\"><rect width=\"41.53\" height=\"41.53\" rx=\"9.97\"\/><\/clipPath><\/defs><g clip-path=\"url(#ro-vlag-uk)\"><rect width=\"41.53\" height=\"41.53\" fill=\"#012169\"\/><path d=\"M0 0L41.53 41.53M41.53 0L0 41.53\" stroke=\"#fff\" stroke-width=\"8\"\/><path d=\"M0 0L41.53 41.53M41.53 0L0 41.53\" stroke=\"#C8102E\" stroke-width=\"2.6\"\/><path d=\"M20.77 0V41.53M0 20.77H41.53\" stroke=\"#fff\" stroke-width=\"12\"\/><path d=\"M20.77 0V41.53M0 20.77H41.53\" stroke=\"#C8102E\" stroke-width=\"7\"\/><\/g><\/svg><h3 class=\"service-card-heading\"><span class=\"ro-kop-lang\">Engelstalig<\/span><span class=\"ro-kop-kort\">ENG-talig<\/span><\/h3><\/div><div class=\"service-price-item\"><p>vanaf \u20ac6,33<\/p><div class=\"services-hours-text\"><p>\/ per uur<\/p><\/div><\/div><p>Een toegewijde fulltime assistent die vlot Engels spreekt en schrijft. Werkt in jouw tijdzone vanaf ons kantoor.<\/p><\/div><\/div><div class=\"service-card\" data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".sevice_section\" data-tl-start=\"16% top\" data-tl-end=\"28% top\" data-tl-from=\"{&#x27;opacity&#x27;: 0, &#x27;y&#x27;: &#x27;5vw&#x27;}\" data-tl-to=\"{&#x27;opacity&#x27;: 1, &#x27;y&#x27;: &#x27;0vw&#x27;}\"><div class=\"service-top-content\"><div class=\"service-card-top-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 42 42\" class=\"service-card-icon\" aria-label=\"Nederlands\"><defs><clipPath id=\"ro-vlag-nl\"><rect width=\"41.53\" height=\"41.53\" rx=\"9.97\"\/><\/clipPath><\/defs><g clip-path=\"url(#ro-vlag-nl)\"><rect width=\"41.53\" height=\"13.85\" fill=\"#AE1C28\"\/><rect y=\"13.85\" width=\"41.53\" height=\"13.85\" fill=\"#FFFFFF\"\/><rect y=\"27.69\" width=\"41.53\" height=\"13.85\" fill=\"#21468B\"\/><\/g><\/svg><h3 class=\"service-card-heading\"><span class=\"ro-kop-lang\">Nederlandstalig<\/span><span class=\"ro-kop-kort\">NL-talig<\/span><\/h3><\/div><div class=\"service-price-item\"><p>vanaf \u20ac11,87<\/p><div class=\"services-hours-text\"><p>\/ per uur<\/p><\/div><\/div><p>Een toegewijde fulltime assistent die native Nederlands spreekt en schrijft. Werkt in jouw tijdzone, op afstand.<\/p><\/div><\/div><\/div><div class=\"service-included\" data-tl-desktop=\"\" data-tl-type=\"scroll\" data-tl-trigger=\".sevice_section\" data-tl-start=\"30% top\" data-tl-end=\"42% top\" data-tl-from=\"{&#x27;opacity&#x27;: 0, &#x27;y&#x27;: &#x27;5vw&#x27;}\" data-tl-to=\"{&#x27;opacity&#x27;: 1, &#x27;y&#x27;: &#x27;0vw&#x27;}\"><div class=\"service-top-content\"><div class=\"service-card-top-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 42 42\" fill=\"none\" class=\"service-card-icon\" aria-label=\"Altijd inbegrepen\"><rect width=\"41.53\" height=\"41.53\" rx=\"9.97\" fill=\"#0F2318\"><\/rect><circle cx=\"20.77\" cy=\"20.77\" r=\"9.2\" stroke=\"#C8E0D4\" stroke-width=\"1.7\"><\/circle><path d=\"M15.8 21l3.3 3.3 7.1-7.4\" stroke=\"#C8E0D4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><h3 class=\"service-card-heading\">Altijd inbegrepen<\/h3><\/div><p>Ons uurtarief is altijd all-inclusief. Geen verborgen kosten, je weet waar je aan toe bent.<\/p><div class=\"service-list ro-tegels\" data-tl-mobile=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".ro-tegels\" data-tl-start=\"top 85%\" data-tl-once=\"\" data-tl-target=\".ro-tegel\" data-tl-from=\"{'opacity': 0, 'y': 16}\" data-tl-to=\"{'opacity': 1, 'y': 0, 'duration': 0.45, 'ease': 'power2.out', 'stagger': 0.045}\"><div class=\"ro-tegel is-nieuw is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-ai-training-code-10.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-ai-training-code-10-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>AI-training<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-loonbelasting-11.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-loonbelasting-11-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>(Loon)belasting<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-kantoorplek-10.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-kantoorplek-10-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Kantoorplek<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-floormanager-11.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-floormanager-11-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Vaste floormanager<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-salarisadministratie-10.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-salarisadministratie-10-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Salarisadministratie<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-juridische-afhandeling-11.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-juridische-afhandeling-11-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Juridische afhandeling<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-werving-en-screening-10.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-werving-en-screening-10-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Werving en screening<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-contracten-en-payrolling-12.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-contracten-en-payrolling-12-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Contracten en payrolling<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-hr-ondersteuning-10.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-hr-ondersteuning-10-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>HR-ondersteuning<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-apparatuur-en-internet-13.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-apparatuur-en-internet-13-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Apparatuur en internet<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-onboarding-en-begeleiding-10.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-onboarding-en-begeleiding-10-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Onboarding en begeleiding<\/span><\/div><div class=\"ro-tegel is-film\"><video class=\"ro-tegel-film\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-kosteloze-vervanging-11.mp4\" poster=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-tegels-kosteloze-vervanging-11-poster.webp\" muted playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"><\/video><span>Kosteloze vervanging<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section id=\"testimonial\" data-theme=\"dark\" class=\"testimonial_section\"><div class=\"testimonial-sticky\"><div class=\"container\"><div id=\"client_column\" class=\"column\"><div data-tl-once=\"\" data-tl-type=\"trigger\" data-tl-trigger=\"#client_column\" data-tl-start=\"top 90%\" data-tl-from=\"{&#x27;width&#x27;:&#x27;0vw&#x27;,&#x27;opacity&#x27;:0}\" data-tl-to=\"{   &#x27;width&#x27;:&#x27;auto&#x27;,   &#x27;opacity&#x27;:1,   &#x27;duration&#x27;:0.7,   &#x27;ease&#x27;:&#x27;expo.inOut&#x27; }\" class=\"label\">KLANTREVIEWS<\/div><h2 data-tl-once=\"\" data-tl-type=\"trigger\" data-tl-trigger=\"#client_column\" data-tl-start=\"top 90%\" data-tl-split=\"lines\" data-tl-from=\"{&#x27;yPercent&#x27;: 100}\" data-tl-to=\"{&#x27;yPercent&#x27;: 0,  &#x27;duration&#x27;: 0.6, &#x27;stagger&#x27;: 0.1, &#x27;delay&#x27;: 0.3, &#x27;ease&#x27;: &#x27;power2.out&#x27;}\" class=\"h2-style margin-bottom-s\">Wat onze <br\/>klanten zeggen<\/h2><\/div><div class=\"swiper-main-wrap\"><div class=\"swiper-pagination\"><div class=\"swiper-bullet\"><\/div><\/div><div class=\"swiper\"><div class=\"swiper-wrapper\" data-tl-mobile=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".swiper\" data-tl-start=\"top 85%\" data-tl-once=\"\" data-tl-target=\".swiper-card\" data-tl-from=\"{'opacity': 0, 'y': 24}\" data-tl-to=\"{'opacity': 1, 'y': 0, 'duration': 0.5, 'ease': 'power2.out', 'stagger': 0.08}\"><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">Vier medewerkers voor<br\/>de prijs van \u00e9\u00e9n.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Ik kan vier remote medewerkers inzetten voor de prijs van \u00e9\u00e9n lokale kracht. Een fulltimer zit op sociale media waardoor onze online zichtbaarheid enorm is gegroeid.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-Untitled-design-8.jpg\" loading=\"lazy\" alt=\"Stefan Klammer\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Stefan Klammer<\/div><div class=\"client-text-small\">CEO \u00b7 Climate King<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">Overtrof alle<br\/>verwachtingen.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Eerlijk gezegd had ik het niet verwacht, maar Remote Opus overtrof alle verwachtingen. Ze vonden een echte specialist en dankzij hem heb ik een mooie groei in klanten weten te realiseren.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-Untitled-design-6.jpg\" loading=\"lazy\" alt=\"Kamil Kilic\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Kamil Kilic<\/div><div class=\"client-text-small\">CEO \u00b7 MeerSucces.online<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">40% meer tijd,<br\/>en groei in omzet.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>We hebben 40% meer tijd beschikbaar, wat resulteerde in een sterke groei in omzet en klanttevredenheid dankzij Remote Opus.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-Untitled-design-4.jpg\" loading=\"lazy\" alt=\"A. Tahiri\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">A. Tahiri<\/div><div class=\"client-text-small\">CEO \u00b7 Car Multimedia<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">Boordevol idee\u00ebn<br\/>en oplossingen.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Serdar en zijn team zijn ontzettend behulpzaam, praktisch ingesteld en zitten boordevol idee\u00ebn, suggesties en oplossingen om je bedrijf te helpen. Absoluut een aanrader voor iedereen die zijn bedrijf naar een hoger niveau wil tillen.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-mohamed-bouhassoun.jpg\" loading=\"lazy\" alt=\"Mohamed Bouhassoun\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Mohamed Bouhassoun<\/div><div class=\"client-text-small\">Islamic Clothing Wholesale<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">Binnen twee dagen<br\/>een kandidaat.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Super professioneel en snel. Binnen twee dagen had ik een passende kandidaat gevonden en een sollicitatie gepland.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-waleed-waraich.jpg\" loading=\"lazy\" alt=\"Waleed Waraich\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Waleed Waraich<\/div><div class=\"client-text-small\">Warehouse Manager \u00b7 Sync Fulfilment<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">De selectie ging<br\/>soepel.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Een geweldige ervaring. De selectie ging soepel en we hebben snel een beslissing genomen, ze hebben hele goede kandidaten.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-kevin-boelhouwer.jpg\" loading=\"lazy\" alt=\"Kevin Boelhouwer\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Kevin Boelhouwer<\/div><div class=\"client-text-small\">CEO \u00b7 Webartsy<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">Behulpzaam en<br\/>pragmatisch.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Behulpzaam en pragmatisch. Bekwame VA. Ik beveel een VA aan voor iedereen die zijn eigen tijd wil maximaliseren.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-gary-chow.jpg\" loading=\"lazy\" alt=\"Gary Chow\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Gary Chow<\/div><div class=\"client-text-small\">CEO \u00b7 Marktspan<\/div><\/div><\/div><\/div><\/div><div class=\"swiper-slide\"><div class=\"swiper-card\"><div class=\"column\"><div class=\"swiper-card-top\"><h3 class=\"swiper-heading\">Twee kanjers<br\/>aangenomen.<\/h3><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 30 30\" fill=\"none\" class=\"swiper-quote-icon\"><rect width=\"30\" height=\"30\" rx=\"4.5\" fill=\"#4CAF7D\"><\/rect><path d=\"M9.75 20.07V17.97C11.01 17.76 11.91 16.98 11.91 15.06H9.75V10.5H14.31V15.06C14.31 17.76 12.69 19.65 9.75 20.07ZM15.75 20.07V17.97C17.01 17.76 17.91 16.98 17.91 15.06H15.75V10.5H20.31V15.06C20.31 17.76 18.69 19.65 15.75 20.07Z\" fill=\"black\" fill-opacity=\"0.7\"><\/path><\/svg><\/div><p>Onlangs 2 kanjers aangenomen. Vooraf duidelijke sollicitatiegesprekken. De begeleiding was uitstekend.<\/p><\/div><div class=\"swiper-card-bottom\"><img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/ro-img-reviews-fatih-tekmen.jpg\" loading=\"lazy\" alt=\"Fatih Tekmen\" class=\"client-img\"\/><div class=\"client-info\"><div class=\"client-name\">Fatih Tekmen<\/div><div class=\"client-text-small\">Eigenaar \u00b7 2dehandsfietsenwinkel.nl<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><div class=\"drag-wrap\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" class=\"drag-left-icon\"><path d=\"M1.5 4.13397C0.833334 4.51887 0.833333 5.48113 1.5 5.86603L6 8.4641C6.66667 8.849 7.5 8.36788 7.5 7.59808L7.5 2.40192C7.5 1.63212 6.66667 1.151 6 1.5359L1.5 4.13397Z\" fill=\"currentColor\"><\/path><\/svg><div class=\"drag-circle\"><div class=\"drag-circle-span\"><p>drag<\/p><p>click<\/p><\/div><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" class=\"drag-right-icon\"><path d=\"M8.5 5.86603C9.16667 5.48113 9.16667 4.51887 8.5 4.13397L4 1.5359C3.33333 1.151 2.5 1.63212 2.5 2.40192L2.5 7.59808C2.5 8.36788 3.33333 8.849 4 8.4641L8.5 5.86603Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/main><footer class=\"footer\"><div class=\"container\"><div id=\"faq\" class=\"column faq-column-main\"><div class=\"label\">FAQ<\/div><h2 class=\"h2-style\">Veelgestelde <br\/>vragen<\/h2><div class=\"faq-column\" data-tl-mobile=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".faq-column\" data-tl-start=\"top 85%\" data-tl-once=\"\" data-tl-target=\".faq\" data-tl-from=\"{'opacity': 0, 'y': 16}\" data-tl-to=\"{'opacity': 1, 'y': 0, 'duration': 0.45, 'ease': 'power2.out', 'stagger': 0.05}\"><div class=\"faq-colum-item\"><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6759-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Wat kost een virtual assistant per maand?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Een fulltime virtual assistant kost vanaf \u20ac6,33 per uur. Daarin zit alles: loon, belastingen, payrolling, contracten, HR-ondersteuning, een vaste floormanager en een werkplek op ons kantoor.<\/p><\/div><\/div><\/nav><\/div><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe676f-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Zijn er opstartkosten?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Ja, de opstartkosten bedragen eenmalig \u00e9\u00e9n maand fulltime loon. Dit wordt verrekend op het moment dat de medewerker daadwerkelijk in dienst treedt.<\/p><\/div><\/div><\/nav><\/div><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe677a-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Kan ik maandelijks opzeggen?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Ja. Wij werken zonder langdurige contractverplichtingen, zodat jij de flexibiliteit houdt die past bij jouw bedrijf. De opzegtermijn is \u00e9\u00e9n kalendermaand.<\/p><\/div><\/div><\/nav><\/div><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe679b-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Wat als de medewerker niet bevalt?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Wij bieden een kosteloze vervanging aan. Voldoet iemand niet aan jouw verwachtingen, dan zorgen wij snel voor een passende vervanger.<\/p><\/div><\/div><\/nav><\/div><\/div><div class=\"faq-colum-item\"><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6764-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">In welke tijdzone werkt mijn assistent?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Je assistent werkt in jouw tijdzone, vanaf een van onze kantoren in Paramaribo, Islamabad, Windhoek of Utrecht, onder begeleiding van een vaste floormanager.<\/p><\/div><\/div><\/nav><\/div><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6785-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Loop ik risico met de Wet DBA?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Nee. Wij werken met een juridisch waterdichte EOR-structuur. Je huurt niet in als zzp&#x27;er, dus er is geen sprake van schijnzelfstandigheid.<\/p><\/div><\/div><\/nav><\/div><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe6790-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Hoe snel kan iemand starten?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Meestal binnen \u00e9\u00e9n tot twee weken. Wij starten direct met matchen zodra we weten wat je zoekt, en jij spreekt alleen de kandidaten die echt passen.<\/p><\/div><\/div><\/nav><\/div><div data-hover=\"false\" data-delay=\"0\" id=\"w-node-_5e7c5502-ddba-215f-98c3-2549ffbe67a6-be2d4114\" class=\"faq w-dropdown\"><div class=\"faq-toggle w-dropdown-toggle\"><h3 class=\"faq-heading\">Welke taken kan ik uitbesteden?<\/h3><div class=\"faq-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewBox=\"0 0 15 15\" fill=\"none\" class=\"faq-icon-item\"><path d=\"M6.5625 0.9375C6.5625 0.419733 6.98223 0 7.5 0C8.01777 0 8.4375 0.419733 8.4375 0.9375V14.0625C8.4375 14.5803 8.01777 15 7.5 15C6.98223 15 6.5625 14.5803 6.5625 14.0625V0.9375Z\" fill=\"currentColor\" class=\"faq-icon-v-line\"><\/path><path d=\"M0.9375 8.4375C0.419733 8.4375 2.26323e-08 8.01777 0 7.5C-2.26323e-08 6.98223 0.419733 6.5625 0.9375 6.5625L14.0625 6.5625C14.5803 6.5625 15 6.98223 15 7.5C15 8.01777 14.5803 8.4375 14.0625 8.4375L0.9375 8.4375Z\" fill=\"currentColor\"><\/path><\/svg><\/div><\/div><nav class=\"faq-list w-dropdown-list\"><div class=\"faq-answer-wrap\"><div class=\"faq-answer-item\"><p class=\"faq-answer\">Van inbox en agenda tot klantenservice, orderverwerking, administratie, social media, leadgeneratie en rapportages. Kost het structureel tijd en kan het remote, dan kan een assistent het overnemen.<\/p><\/div><\/div><\/nav><\/div><\/div><\/div><\/div><div id=\"kennismaken\" data-theme=\"dark\" class=\"column kennismaken-column\"><div class=\"label\">KENNISMAKEN<\/div><h2 class=\"h2-style\">Plan een <br\/>kennismaking<\/h2><div class=\"ro-kalender\" data-tl-mobile=\"\" data-tl-type=\"trigger\" data-tl-trigger=\".ro-kalender\" data-tl-start=\"top 85%\" data-tl-once=\"\" data-tl-from=\"{'opacity': 0, 'y': 24}\" data-tl-to=\"{'opacity': 1, 'y': 0, 'duration': 0.5, 'ease': 'power2.out'}\"><div class=\"ro-kalender-skelet\" id=\"cal-skeleton\"><div class=\"ro-spinner\"><\/div><div>Agenda wordt geladen...<\/div><\/div><iframe data-agenda-src=\"https:\/\/api.leadconnectorhq.com\/widget\/booking\/R9n4tkuY7Hid3NyuvZ1p\" style=\"width:100%;min-width:320px;min-height:950px;height:950px;border:none;overflow:hidden;border-radius:16px;display:block;\" scrolling=\"no\" loading=\"eager\" id=\"R9n4tkuY7Hid3NyuvZ1p_widget\" title=\"Plan een kennismaking\" onload=\"document.getElementById('cal-skeleton').classList.add('hidden')\"><\/iframe><\/div><\/div><\/div><\/footer><\/div>\n  \n  \n\n  \n\n\n\t\n  \n\n\n<\/div>\n<script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\" type=\"text\/javascript\" defer><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.5.1\/dist\/jquery.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/gsap.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/ScrollTrigger.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/Flip.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/SplitText.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/ScrollToPlugin.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/ScrollSmoother.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/MotionPathPlugin.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.15.0\/dist\/DrawSVGPlugin.min.js\" type=\"text\/javascript\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lenis@1.1.18\/dist\/lenis.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n \tdocument.querySelectorAll('a[href^=\"#\"]').forEach(link => {\n  link.addEventListener('click', (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = document.querySelector(link.getAttribute('href'));\n    if (target) {\n      target.scrollIntoView({ behavior: 'smooth' });\n      history.replaceState(null, null, ' ');\n    }\n  });\n});\n<\/script>\n<script>\n(function () {\n  \/\/ Folder where the transparent foreground videos live:\n  var FG_BASE = '';  \/\/ Remote Opus: geen externe voorgrondlagen meer\n\n  var ua = navigator.userAgent;\n  var isSafari = \/^((?!chrome|chromium|crios|fxios|edg|opr|android).)*safari\/i.test(ua)\n                 || \/iP(ad|hone|od)\/.test(ua);\n  var canHover = window.matchMedia('(hover: hover)').matches;\n\n  \/\/ Background MP4: full URL already in data-src\n  function loadBg(v) {\n    if (v.src || !v.dataset.src) return;\n    v.src = v.dataset.src;\n    v.load();\n  }\n\n  \/\/ Foreground transparent video: filename + FG_BASE. Safari \u2192 .mov, others \u2192 .webm\n  function loadFg(v) {\n    if (v.src) return;\n    var file = (isSafari && v.dataset.mov) ? v.dataset.mov : v.dataset.webm;\n    if (!file) return;\n    \/\/ Remote Opus: eigen bestanden staan lokaal, die hebben geen FG_BASE nodig\n    v.src = (file.indexOf('\/') !== -1) ? file : FG_BASE + encodeURIComponent(file);\n    v.load();\n  }\n\n  var cards = document.querySelectorAll('.work-card');\n\n  \/\/ Desktop: foreground plays on hover, resets on leave.\n  if (canHover) {\n    cards.forEach(function (card) {\n      var fg = card.querySelector('.work-video');\n      if (!fg) return;\n      card.addEventListener('mouseenter', function () {\n        loadFg(fg);\n        fg.play().catch(function () {});\n      });\n      card.addEventListener('mouseleave', function () {\n        fg.pause();\n        fg.currentTime = 0;\n      });\n    });\n  }\n\n  \/\/ Load + play only when a card is on screen.\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        var card = entry.target;\n        var bg = card.querySelector('.work-bg');\n        var fg = card.querySelector('.work-video');\n\n        if (entry.isIntersecting) {\n          if (bg) {\n            loadBg(bg);\n            bg.play().catch(function () {});           \/\/ background autoplays\n          }\n          if (fg) {\n            loadFg(fg);                                \/\/ warm up so hover is instant\n            if (!canHover) fg.play().catch(function () {}); \/\/ mobile: also autoplay\n          }\n        } else {\n          if (bg) bg.pause();\n          if (fg) fg.pause();\n        }\n      });\n    }, { rootMargin: '300px' });\n\n    cards.forEach(function (card) {\n      io.observe(card);\n    });\n  }\n})();\n<\/script>\n<script>\n\/**\n* OPTIMIZED ANIMATION ENGINE v2.5\n* \n* NEW in v2.5:\n* - Custom drag indicator for Swiper\n* - Enhanced drag UX with visual feedback\n* - Automatic show\/hide based on swiper interaction\n* \n* Previous improvements (v2.4):\n* - Fixed MagneticPositions drift (absolute transforms)\n* - Fixed MagneticPositions timing (runs after TextReveal)\n* - Fixed MagneticPositions to handle dynamically created elements\n* - Reduced ScrollTrigger count for ThemeSwitcher\n* - GhostEngine resize\/rebuild support\n* - SplitText cleanup and double-wrap prevention\n* - Proper Lenis + ScrollTrigger sync\n* - SPA-ready destroy\/init pattern\n* - Fixed backdrop-filter to use CSS (not GSAP controlled)\n* - TextReveal now preserves data-connect elements\n* - Added data-tl-once attribute for one-time trigger animations\n* - FIXED: HorizontalScroll sticky top calculation on hard refresh\n* \n* Dependencies: GSAP, ScrollTrigger, SplitText (GSAP Plugin), Swiper, Lenis\n*\/\n\n(function() {\n  'use strict';\n\n  \/\/ Prevent Safari from restoring scroll position on reload\/navigation\n  if ('scrollRestoration' in history) {\n    history.scrollRestoration = 'manual';\n  }\n  window.scrollTo(0, 0);\n\n  \/\/ ==========================================================================\n  \/\/ CONFIGURATION & STATE\n  \/\/ ==========================================================================\n  const CONFIG = {\n    sidebarPadding: 40,\n    preloaderDelay: 0.2,\n    ctaSpeed: 0.728,\n    resizeDebounce: 150,\n    magneticInitDelay: 300,\n    horizontalScrollDelay: 100,\n    lenis: {\n      duration: 0.4,  \/\/ Lower = less smooth, more snappy (0.1 = almost native, 1.2 = very smooth)\n      easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n      smoothWheel: true\n    }\n  };\n  \n  const STATE = {\n    sidebarScale: 1,\n    workTween: null,\n    lenis: null,\n    magneticPairs: [],\n    splitInstances: [],\n    eventListeners: [],\n    initialized: false\n  };\n  \n  \/\/ ==========================================================================\n  \/\/ UTILITY FUNCTIONS\n  \/\/ ==========================================================================\n  const Utils = {\n    $(selector) {\n      return document.querySelector(selector);\n    },\n  \n    $$(selector) {\n      return document.querySelectorAll(selector);\n    },\n  \n    parseUnit(str) {\n      const val = parseFloat(str) || 0;\n      let unit = 'px';\n      if (str.includes('vw')) unit = 'vw';\n      else if (str.includes('vh')) unit = 'vh';\n      else if (str.includes('%')) unit = '%';\n      return { val, unit };\n    },\n  \n    toPx(obj, sizeRef = 0) {\n      const { val, unit } = obj;\n      if (unit === 'vw') return val * (window.innerWidth \/ 100);\n      if (unit === 'vh') return val * (window.innerHeight \/ 100);\n      if (unit === '%') return val * (sizeRef \/ 100);\n      return val;\n    },\n  \n    parseJSON(str, fallback = {}) {\n      try {\n        return JSON.parse(str.replace(\/'\/g, '\"'));\n      } catch {\n        return fallback;\n      }\n    },\n  \n    debounce(fn, delay = 100) {\n      let timeout;\n      return (...args) => {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => fn.apply(this, args), delay);\n      };\n    },\n  \n    addEvent(target, event, handler, options) {\n      target.addEventListener(event, handler, options);\n      STATE.eventListeners.push({ target, event, handler, options });\n    },\n  \n    isSplit(el) {\n      return el.hasAttribute('data-split-initialized');\n    },\n  \n    markSplit(el) {\n      el.setAttribute('data-split-initialized', 'true');\n    },\n  \n    unmarkSplit(el) {\n      el.removeAttribute('data-split-initialized');\n    }\n  };\n  \n  \/\/ ==========================================================================\n  \/\/ SIDEBAR AUTO-SCALE\n  \/\/ ==========================================================================\n  const Sidebar = {\n    init() {\n      this.scale();\n    },\n\n    scale() {\n      \/\/ Disable auto-scale on mobile devices (screen width < 768px)\n      if (window.innerWidth < 768) return;\n      \n      const sidebar = Utils.$('.nav-container');\n      if (!sidebar) return;\n  \n      const availableHeight = window.innerHeight - CONFIG.sidebarPadding;\n      STATE.sidebarScale = Math.min(1, availableHeight \/ sidebar.scrollHeight);\n  \n      gsap.set(sidebar, { scale: STATE.sidebarScale, transformOrigin: 'top left', force3D: false });\n  \n      const inverse = 1 \/ STATE.sidebarScale;\n  \n      const profileImg = Utils.$('.profile-img-wrap');\n      if (profileImg && profileImg.closest('.nav-container')) {\n        gsap.set(profileImg, { scale: inverse, transformOrigin: 'top left', force3D: false });\n      }\n  \n      const navBtnText = Utils.$('.nav-button p');\n      const navBtnSecText = Utils.$('.nav-button-secondary p');\n      if (navBtnText) gsap.set(navBtnText, { scale: inverse, transformOrigin: 'center center', force3D: false });\n      if (navBtnSecText) gsap.set(navBtnSecText, { scale: inverse, transformOrigin: 'center center', force3D: false });\n    }\n  };\n\n\/\/ ==========================================================================\n\/\/ MOBILE MENU TOGGLE\n\/\/ ==========================================================================\nconst MobileMenu = {\n  isOpen: false,\n  menuTrigger: null,\n  menuWrap: null,\n  menuIcons: null,\n  gapOffset: 0,\n\n  init() {\n    \/\/ Only initialize on mobile\n    if (window.innerWidth >= 768) return;\n\n    this.menuTrigger = Utils.$('.mobile-menu');\n    this.menuWrap = Utils.$('.nav-menu-wrap');\n    this.menuIcons = Utils.$$('.mobile-menu-icons');\n\n    if (!this.menuTrigger || !this.menuWrap) return;\n\n    \/\/ Calculate gap offset based on icon height\n    if (this.menuIcons.length > 0) {\n      const iconHeight = this.menuIcons[0].offsetHeight;\n      const computedStyle = window.getComputedStyle(this.menuTrigger);\n      const gap = parseFloat(computedStyle.gap) || 0;\n      \/\/ Convert gap to percentage of icon height\n      this.gapOffset = (gap \/ 2 \/ iconHeight) * 100;\n    }\n\n    \/\/ Set initial states\n    gsap.set(this.menuWrap, {\n      clipPath: 'inset(0% 0% 100% 0%)',\n      pointerEvents: 'none'\n    });\n\n    \/\/ Add click handler\n    Utils.addEvent(this.menuTrigger, 'click', () => this.toggle());\n\n    console.log('\u2713 Mobile Menu initialized');\n  },\n\n  toggle() {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  },\n\n  open() {\n    this.isOpen = true;\n\n    \/\/ Reveal menu from top to bottom\n    gsap.to(this.menuWrap, {\n      clipPath: 'inset(0% 0% 0% 0%)',\n      pointerEvents: 'auto',\n      duration: 0.8,\n      ease: 'power2.out'\n    });\n\n    \/\/ Move icons apart - first goes down, second goes up\n    \/\/ Add gapOffset to compensate for flexbox gap\n    this.menuIcons.forEach((icon, index) => {\n      const direction = index === 0 ? (50 + this.gapOffset) : (-50 - this.gapOffset);\n      gsap.to(icon, {\n        yPercent: direction,\n        duration: 0.4,\n        ease: 'power2.out'\n      });\n    });\n\n    \/\/ Add active class for styling\n    this.menuTrigger.classList.add('is-active');\n  },\n\n  close() {\n    this.isOpen = false;\n\n    \/\/ Hide menu from bottom to top\n    gsap.to(this.menuWrap, {\n      clipPath: 'inset(0% 0% 100% 0%)',\n      pointerEvents: 'none',\n      duration: 0.8,\n      ease: 'power2.out'\n    });\n\n    \/\/ Move icons back to center\n    gsap.to(this.menuIcons, {\n      yPercent: 0,\n      duration: 0.4,\n      ease: 'power2.out'\n    });\n\n    \/\/ Remove active class\n    this.menuTrigger.classList.remove('is-active');\n  },\n\n  destroy() {\n    if (this.menuWrap) {\n      gsap.set(this.menuWrap, { clearProps: 'clipPath,pointerEvents' });\n    }\n    if (this.menuIcons && this.menuIcons.length) {\n      this.menuIcons.forEach(icon => {\n        gsap.set(icon, { clearProps: 'yPercent' });\n      });\n    }\n    this.isOpen = false;\n    this.gapOffset = 0;\n  }\n};\n\n  \/\/ ==========================================================================\n  \/\/ GHOST ANIMATION ENGINE\n  \/\/ ==========================================================================\n  const GhostEngine = {\n    initialized: false,\n  \n    init() {\n      \/\/ Disable GhostEngine on mobile devices (screen width < 768px)\n      if (window.innerWidth < 768) return;\n      \n      if (this.initialized) return;\n      this.createAll();\n      this.initialized = true;\n    },\n  \n    destroy() {\n      ScrollTrigger.getAll().forEach(st => {\n        const trigger = st.vars.trigger;\n        if (trigger === '.hero' || (typeof trigger === 'string' && trigger.includes('hero'))) {\n          st.kill();\n        }\n      });\n  \n      const ghostElements = [\n        '.nav-logo-item .nesh-logo',\n        '.nesh-copyright-icon',\n        '.nav-button',\n        '.nav-button-secondary',\n        '.nav-webflow-bg',\n        '.nav-webflow-icon',\n        '.nav-webflow-text',\n        '.nav-experience-bg',\n        '.nav-experience-numb',\n        '.nav-experience-text'\n      ];\n  \n      ghostElements.forEach(sel => {\n        const el = Utils.$(sel);\n        if (el) gsap.set(el, { clearProps: 'all' });\n      });\n  \n      Utils.$$('.hero-navigation-link').forEach(el => {\n        gsap.set(el, { clearProps: 'all' });\n      });\n  \n      this.initialized = false;\n    },\n  \n    rebuild() {\n      this.destroy();\n      requestAnimationFrame(() => {\n        Sidebar.scale();\n        this.createAll();\n        this.initialized = true;\n        ScrollTrigger.refresh();\n      });\n    },\n  \n    getSettings(el) {\n      const configEl = el.closest('[data-flip-start]') || Utils.$('.hero');\n      let trigger = '.hero', start = 'top top', end = '900px top';\n      if (configEl) {\n        if (configEl.getAttribute('data-flip-trigger')) trigger = configEl.getAttribute('data-flip-trigger');\n        if (configEl.getAttribute('data-flip-start')) start = configEl.getAttribute('data-flip-start');\n        if (configEl.getAttribute('data-flip-end')) end = configEl.getAttribute('data-flip-end');\n      }\n      return { trigger, start, end };\n    },\n  \n    \/\/ Phase 1: Read all measurements from clean DOM (no mutations yet)\n    measurePair(real, ghost, type) {\n      if (!real || !ghost) return null;\n\n      const settings = this.getSettings(real);\n      const rRect = real.getBoundingClientRect();\n      const gRect = ghost.getBoundingClientRect();\n      const measurement = { real, ghost, type, settings, rRect, gRect };\n\n      if (type === 'logo') {\n        const parent = real.closest('.nesh-copyright-wrap') || real.closest('.nav-button-wrap') || real.closest('.nav-logo-item') || real.parentElement;\n        measurement.parent = parent;\n        measurement.parentRect = parent.getBoundingClientRect();\n        measurement.computedStyle = {\n          width: window.getComputedStyle(real).width,\n          height: window.getComputedStyle(real).height\n        };\n        measurement.offsetHeight = real.offsetHeight;\n      }\n\n      if (type === 'text_font') {\n        measurement.ghostFontSize = parseFloat(window.getComputedStyle(ghost).fontSize);\n      }\n\n      if (type === 'background') {\n        const realStyle = window.getComputedStyle(real);\n        const ghostStyle = window.getComputedStyle(ghost);\n        measurement.realBorderRadius = parseFloat(realStyle.borderRadius) || 0;\n        measurement.realBorderWidth = parseFloat(realStyle.borderWidth) || 0;\n        measurement.ghostBorderRadius = parseFloat(ghostStyle.borderRadius) || 0;\n      }\n\n      measurement.realFontSize = window.getComputedStyle(real).fontSize;\n\n      return measurement;\n    },\n\n    \/\/ Phase 2: Apply animations using pre-measured data (no more rect reads)\n    applyAnimation(m) {\n      if (!m) return;\n\n      const { real, type, settings, rRect, gRect } = m;\n\n      let xDiff = Math.round((gRect.left - rRect.left) \/ STATE.sidebarScale);\n      let yDiff = Math.round((gRect.top - rRect.top) \/ STATE.sidebarScale);\n\n      let vars = { ease: 'power1.inOut' };\n      let toVarsOverrides = {};\n\n      if (type === 'logo') {\n        const { parent, parentRect, computedStyle, offsetHeight } = m;\n\n        if (!parent.classList.contains('nesh-copyright-wrap') && !parent.classList.contains('nav-button-wrap')) {\n          parent.style.position = 'relative';\n          parent.style.minHeight = offsetHeight + 'px';\n          parent.style.display = 'block';\n        }\n\n        xDiff = Math.round((gRect.left - parentRect.left) \/ STATE.sidebarScale);\n        yDiff = Math.round((gRect.top - parentRect.top) \/ STATE.sidebarScale);\n\n        vars.width = (gRect.width \/ STATE.sidebarScale) + 'px';\n        vars.height = (gRect.height \/ STATE.sidebarScale) + 'px';\n        vars.position = 'absolute';\n        vars.top = '0px';\n        vars.left = '0px';\n\n        toVarsOverrides.width = computedStyle.width;\n        toVarsOverrides.height = computedStyle.height;\n        toVarsOverrides.position = 'absolute';\n        toVarsOverrides.top = '0px';\n        toVarsOverrides.left = '0px';\n\n        vars.x = xDiff;\n        vars.y = yDiff;\n        vars.transformOrigin = 'top left';\n        vars.force3D = false;\n        delete vars.scale;\n      }\n      else if (type === 'link') {\n        vars.x = xDiff;\n        vars.y = yDiff;\n        vars.scaleX = gRect.width \/ rRect.width;\n        vars.scaleY = gRect.height \/ rRect.height;\n        vars.transformOrigin = 'top left';\n      }\n      else if (type === 'background') {\n        const sX = gRect.width \/ rRect.width;\n        const sY = gRect.height \/ rRect.height;\n        const avgScale = (sX + sY) \/ 2;\n        vars.x = xDiff;\n        vars.y = yDiff;\n        vars.scaleX = sX;\n        vars.scaleY = sY;\n        vars.transformOrigin = 'top left';\n        vars.backgroundColor = 'rgba(186, 212, 195, 0.45)';\n        \/\/ Use ghost's border-radius with elliptical compensation per corner.\n        \/\/ Each corner gets `Xpx Ypx` (horizontal vertical) so after scaling by\n        \/\/ sX\/sY the visible radius becomes a uniform circle of ghost's radius.\n        const ghostR = m.ghostBorderRadius || m.realBorderRadius;\n        const fromCorner = (ghostR \/ sX) + 'px ' + (ghostR \/ sY) + 'px';\n        vars.borderTopLeftRadius = fromCorner;\n        vars.borderTopRightRadius = fromCorner;\n        vars.borderBottomLeftRadius = fromCorner;\n        vars.borderBottomRightRadius = fromCorner;\n        vars.borderWidth = (m.realBorderWidth \/ avgScale) + 'px';\n        vars.boxSizing = 'border-box';\n        vars.opacity = 1;\n      }\n      else if (type === 'icon_center') {\n        vars.x = xDiff;\n        vars.y = yDiff;\n        vars.scaleX = gRect.width \/ rRect.width;\n        vars.scaleY = gRect.height \/ rRect.height;\n        vars.transformOrigin = 'top left';\n      }\n      else if (type === 'text_font') {\n        vars.x = xDiff;\n        vars.y = yDiff;\n        vars.scaleX = gRect.width \/ rRect.width;\n        vars.scaleY = gRect.height \/ rRect.height;\n        vars.transformOrigin = 'top left';\n      }\n\n      let fromVars = { ...vars };\n      let toVars = {\n        x: 0, y: 0, scale: 1, scaleX: 1, scaleY: 1, rotation: 0,\n        width: '100%', height: '100%',\n        backgroundColor: 'rgba(255, 255, 255, 0)',\n        opacity: 0,\n        fontSize: m.realFontSize,\n        ease: 'power1.inOut', force3D: false,\n        scrollTrigger: { trigger: settings.trigger, start: settings.start, end: settings.end, scrub: 1 },\n        ...toVarsOverrides\n      };\n\n      \/\/ Only logo type uses explicit width\/height\n      if (type !== 'logo') {\n        delete fromVars.width; delete toVars.width;\n        delete fromVars.height; delete toVars.height;\n      }\n      \/\/ Only background type uses visual properties\n      if (type !== 'background') {\n        delete fromVars.backgroundColor; delete toVars.backgroundColor;\n        delete fromVars.borderRadius; delete toVars.borderRadius;\n        delete fromVars.borderTopLeftRadius; delete toVars.borderTopLeftRadius;\n        delete fromVars.borderTopRightRadius; delete toVars.borderTopRightRadius;\n        delete fromVars.borderBottomLeftRadius; delete toVars.borderBottomLeftRadius;\n        delete fromVars.borderBottomRightRadius; delete toVars.borderBottomRightRadius;\n        delete fromVars.opacity; delete toVars.opacity;\n      } else {\n        \/\/ Mirror the per-corner elliptical format on toVars so GSAP can interpolate\n        \/\/ each token cleanly from the elliptical from-state (Xpx Ypx) to the\n        \/\/ uniform end-state (Rpx Rpx) where real's CSS radius applies.\n        const toCorner = m.realBorderRadius + 'px ' + m.realBorderRadius + 'px';\n        toVars.borderTopLeftRadius = toCorner;\n        toVars.borderTopRightRadius = toCorner;\n        toVars.borderBottomLeftRadius = toCorner;\n        toVars.borderBottomRightRadius = toCorner;\n        delete fromVars.borderRadius; delete toVars.borderRadius;\n      }\n      \/\/ No types use fontSize anymore\n      delete fromVars.fontSize; delete toVars.fontSize;\n      delete fromVars.color; delete toVars.color;\n      \/\/ Only logo type uses absolute positioning\n      if (type !== 'logo') {\n        delete fromVars.position; delete toVars.position;\n        delete fromVars.top; delete toVars.top;\n        delete fromVars.left; delete toVars.left;\n      }\n\n      delete fromVars.backdropFilter; delete toVars.backdropFilter;\n      delete fromVars.webkitBackdropFilter; delete toVars.webkitBackdropFilter;\n\n      gsap.fromTo(real, fromVars, toVars);\n    },\n\n    createAll() {\n      \/\/ ---- Phase 1: Measure everything on a clean DOM (copyright icon handled separately) ----\n      const measurements = [];\n\n      measurements.push(this.measurePair(Utils.$('.nav-logo-item .nesh-logo'), Utils.$('.nesh-logo-ghost'), 'logo'));\n      measurements.push(this.measurePair(Utils.$('.nav-button'), Utils.$('.hero-cta-button'), 'logo'));\n      measurements.push(this.measurePair(Utils.$('.nav-button-secondary'), Utils.$('.hero-button'), 'logo'));\n\n      Utils.$$('.hero-navigation-link').forEach(link => {\n        const id = link.getAttribute('data-link-id');\n        measurements.push(this.measurePair(link, Utils.$(`.hero-link-ghost[data-link-id=\"${id}\"]`), 'link'));\n      });\n\n      measurements.push(this.measurePair(Utils.$('.nav-webflow-bg'), Utils.$('.hero-card-2-bg'), 'background'));\n      measurements.push(this.measurePair(Utils.$('.nav-webflow-icon'), Utils.$('.hero-webflow-icon'), 'icon_center'));\n      measurements.push(this.measurePair(Utils.$('.nav-webflow-text'), Utils.$('.hero-webflow-projects-text'), 'text_font'));\n      measurements.push(this.measurePair(Utils.$('.nav-experience-bg'), Utils.$('.experience-bg'), 'background'));\n      measurements.push(this.measurePair(Utils.$('.nav-experience-numb'), Utils.$('.experience-number'), 'icon_center'));\n      measurements.push(this.measurePair(Utils.$('.nav-experience-text'), Utils.$('.experience-text'), 'text_font'));\n\n      \/\/ ---- Phase 2: Apply all animations ----\n      gsap.set('.hero-cta-button', { opacity: 0 });\n      gsap.set('.hero-button', { opacity: 0 });\n\n      measurements.forEach(m => this.applyAnimation(m));\n\n      \/\/ ---- Phase 3: Copyright icon (explicit handler) ----\n      \/\/ Must happen AFTER Phase 2 because the main logo animation sets\n      \/\/ .nav-logo-item to position:relative, which shifts .nesh-copyright-wrap\n      \/\/ (position:absolute inside .nav-logo-item). Measuring before that\n      \/\/ gives wrong rRect. Also uses same scroll range as main logo (end: 50% top).\n      const crReal = Utils.$('.nesh-copyright-icon');\n      const crGhost = Utils.$('.nesh-copyright-icon-ghost');\n      if (crReal && crGhost) {\n        const parent = crReal.closest('.nesh-copyright-wrap');\n        const gRect = crGhost.getBoundingClientRect();\n        const pRect = parent.getBoundingClientRect();\n        const computedWidth = window.getComputedStyle(crReal).width;\n        const computedHeight = window.getComputedStyle(crReal).height;\n\n        gsap.fromTo(crReal, {\n          x: Math.round((gRect.left - pRect.left) \/ STATE.sidebarScale),\n          y: Math.round((gRect.top - pRect.top) \/ STATE.sidebarScale),\n          width: (gRect.width \/ STATE.sidebarScale) + 'px',\n          height: (gRect.height \/ STATE.sidebarScale) + 'px',\n          position: 'absolute',\n          top: '0px',\n          left: '0px',\n          transformOrigin: 'top left',\n          ease: 'power1.inOut'\n        }, {\n          x: 0, y: 0,\n          width: computedWidth,\n          height: computedHeight,\n          position: 'absolute',\n          top: '0px',\n          left: '0px',\n          ease: 'power1.inOut',\n          force3D: false,\n          scrollTrigger: {\n            trigger: '.hero',\n            start: 'top top',\n            end: '50% top',\n            scrub: 1\n          }\n        });\n      }\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ ATTRIBUTE STYLE ENGINE\n  \/\/ ==========================================================================\n  const StyleEngine = {\n    init() {\n      Utils.$$('[data-tl-type], [data-number-count]').forEach(el => this.process(el));\n    },\n  \n    destroy() {\n      STATE.splitInstances.forEach(({ instance, element }) => {\n        if (instance && instance.revert) {\n          instance.revert();\n        }\n        element.querySelectorAll('.line-mask').forEach(mask => {\n          const line = mask.firstChild;\n          if (line) mask.parentNode.insertBefore(line, mask);\n          mask.remove();\n        });\n        Utils.unmarkSplit(element);\n      });\n      STATE.splitInstances = [];\n    },\n  \n    setupMaskedNumber(el) {\n      if (el.querySelector('.number-wrap')) return;\n  \n      const value = el.getAttribute('data-number-count') || el.textContent.trim();\n      el.textContent = '';\n  \n      const wrap = document.createElement('div');\n      wrap.className = 'number-wrap';\n      el.appendChild(wrap);\n  \n      [...value].forEach(char => {\n        const mask = document.createElement('div');\n        mask.className = 'digit-mask';\n        if (!isNaN(parseInt(char))) {\n          const track = document.createElement('div');\n          track.className = 'digit-track';\n          for (let i = 0; i <= 9; i++) {\n            const span = document.createElement('span');\n            span.textContent = i;\n            track.appendChild(span);\n          }\n          mask.appendChild(track);\n          mask.dataset.target = char;\n          mask.dataset.isDigit = 'true';\n        } else {\n          mask.textContent = char;\n          mask.dataset.isDigit = 'false';\n        }\n        wrap.appendChild(mask);\n      });\n    },\n  \n    process(el) {\n      \/\/ If element has data-tl-desktop, only process on desktop (screen width >= 768px)\n      const isDesktopOnly = el.hasAttribute('data-tl-desktop');\n      if (isDesktopOnly && window.innerWidth < 768) return;\n      \/\/ Remote Opus (19 sept): spiegelbeeld \u2014 data-tl-mobile draait alleen onder 768px, en niet bij \"verminderde beweging\"\n      if (el.hasAttribute('data-tl-mobile') && (window.innerWidth >= 768 || (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches))) return;\n      \n      const type = el.getAttribute('data-tl-type');\n      const numberAttr = el.getAttribute('data-number-count');\n      const trigger = el.getAttribute('data-tl-trigger') || '.hero';\n      const start = el.getAttribute('data-tl-start') || '900px top';\n      const end = el.getAttribute('data-tl-end') || 'bottom top';\n  \n      let rawFrom = el.getAttribute('data-tl-from') || '{}';\n      let rawTo = el.getAttribute('data-tl-to') || '{}';\n      rawFrom = rawFrom.replace(\/'\/g, '\"');\n      rawTo = rawTo.replace(\/'\/g, '\"');\n      let fromVars = {}, toVars = {};\n      try { fromVars = JSON.parse(rawFrom); toVars = JSON.parse(rawTo); } catch (err) {}\n  \n      if (numberAttr !== null) {\n        this.setupMaskedNumber(el);\n        const isOnce = el.hasAttribute('data-tl-once');\n        const tl = gsap.timeline({ \n          scrollTrigger: { \n            trigger: trigger, \n            start: start, \n            toggleActions: isOnce ? 'play none none none' : 'play none none reverse',\n            once: isOnce\n          } \n        });\n        const masks = el.querySelectorAll('.digit-mask[data-is-digit=\"true\"]');\n        masks.forEach((mask, i) => {\n          const track = mask.querySelector('.digit-track');\n          const digit = parseInt(mask.dataset.target, 10);\n          const h = mask.offsetHeight;\n          gsap.set(track, { y: h * 9 });\n          tl.to(track, { \n            y: -digit * h, \n            duration: toVars.duration || 1.2, \n            ease: toVars.ease || 'power3.out' \n          }, i * (toVars.stagger || 0.06));\n        });\n        return;\n      }\n  \n      const splitType = el.getAttribute('data-tl-split');\n      let targets;\n  \n      if (el.getAttribute('data-tl-target')) {\n        targets = el.querySelectorAll(el.getAttribute('data-tl-target'));\n      } else if (splitType && typeof SplitText !== 'undefined') {\n        if (Utils.isSplit(el)) {\n          targets = splitType === 'lines' ? el.querySelectorAll('.line') : el.querySelectorAll(`.${splitType.slice(0, -1)}`);\n        } else {\n          const split = new SplitText(el, {\n            type: splitType,\n            linesClass: 'line',\n            wordsClass: 'word',\n            charsClass: 'char'\n          });\n          STATE.splitInstances.push({ instance: split, element: el });\n          Utils.markSplit(el);\n\n          if (splitType === 'lines') {\n            split.lines.forEach(line => {\n              if (!line.parentElement.classList.contains('line-mask')) {\n                const wrapper = document.createElement('div');\n                wrapper.classList.add('line-mask');\n                line.parentNode.insertBefore(wrapper, line);\n                wrapper.appendChild(line);\n              }\n            });\n            targets = split.lines;\n\n            \/\/ Gradient headings use background-clip:text on BOTH the parent\n            \/\/ (.h2-style) and each .line. After splitting, the parent still paints\n            \/\/ its gradient text at the natural position while each .line paints +\n            \/\/ animates its own \u2014 a doubled \"ghost\". Neutralize the parent's own\n            \/\/ paint so only the .line children render the gradient.\n            const clip = window.getComputedStyle(el).webkitBackgroundClip || window.getComputedStyle(el).backgroundClip;\n            if (clip === 'text') {\n              el.style.background = 'none';\n              el.style.webkitTextFillColor = 'transparent';\n            }\n          } else {\n            targets = split[splitType];\n          }\n        }\n      } else {\n        targets = el;\n      }\n  \n      let tweenConfig = { ...toVars };\n      const isOnce = el.hasAttribute('data-tl-once');\n      \n      if (type === 'scroll') {\n        tweenConfig.scrollTrigger = { trigger: trigger, start: start, end: end, scrub: 1 };\n        if (isOnce) tweenConfig.scrollTrigger.once = true;\n      } else {\n        if (!tweenConfig.duration) tweenConfig.duration = 0.5;\n        if (!tweenConfig.ease) tweenConfig.ease = 'power1.inOut';\n        tweenConfig.scrollTrigger = { \n          trigger: trigger, \n          start: start, \n          toggleActions: isOnce ? 'play none none none' : 'restart none none reverse',\n          once: isOnce\n        };\n      }\n  \n      gsap.fromTo(targets, fromVars, tweenConfig);\n    }\n  };\n  \n\/\/ ==========================================================================\n\/\/ HORIZONTAL SCROLL\n\/\/ ==========================================================================\nconst HorizontalScroll = {\n  setupTimeout: null,\n  \n  init() {\n    \/\/ Disable HorizontalScroll on mobile devices (screen width < 768px)\n    if (window.innerWidth < 768) return;\n\n    this.setup();\n  },\n\n  destroy() {\n    if (this.setupTimeout) {\n      clearTimeout(this.setupTimeout);\n      this.setupTimeout = null;\n    }\n    \n    if (STATE.workTween) {\n      STATE.workTween.kill();\n      STATE.workTween = null;\n    }\n  },\n\n  setup() {\n    const section = Utils.$('.work_section');\n    const stickyEl = Utils.$('.work-sticky');\n    const stickySupportEl = Utils.$('.work-sticky-support');\n    const wrap = Utils.$('.work-track-wrap');\n    const track = Utils.$('.work-track');\n\n    if (!section || !stickyEl || !stickySupportEl || !wrap || !track) return;\n\n    this.destroy();\n    gsap.set(track, { clearProps: 'transform' });\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.setupTimeout = setTimeout(() => {\n          this.performSetup(section, stickyEl, stickySupportEl, wrap, track);\n        }, CONFIG.horizontalScrollDelay);\n      });\n    });\n  },\n  \n  performSetup(section, stickyEl, stickySupportEl, wrap, track) {\n    \/\/ Force reflow\n    section.offsetHeight;\n    stickyEl.offsetHeight;\n    stickySupportEl.offsetHeight;\n    wrap.offsetHeight;\n    track.offsetHeight;\n    \n    \/\/ Calculate and set work-sticky-support height\n    const sectionHeight = section.offsetHeight;\n    const stickyHeight = stickyEl.offsetHeight;\n    const supportHeight = sectionHeight - stickyHeight;\n    stickySupportEl.style.height = supportHeight + 'px';\n    \n    const wrapRect = wrap.getBoundingClientRect();\n    const trackRect = track.getBoundingClientRect();\n    const overflowRight = Math.max(0, trackRect.right - wrapRect.right);\n    const roLaatsteKaartX = (track) => {\n      \/\/ Laatste kaart eindigt precies in het midden. Layout-maten (offsetLeft\/offsetWidth) i.p.v.\n      \/\/ getBoundingClientRect: de kaarten staan bij (her)berekening op scale(0.6) door de reveal-animatie,\n      \/\/ en dat gaf een afwijking van 20% van de kaartbreedte (12 sept).\n      const cs = track.querySelectorAll('.work-card'); if (!cs.length) return 0;\n      const last = cs[cs.length - 1];\n      const op = last.offsetParent || track;\n      const linksNu = op.getBoundingClientRect().left + last.offsetLeft;   \/\/ ongetransformeerde linkerkant, track op x=0\n      const breedte = last.offsetWidth;\n      const gewenst = (window.innerWidth - breedte) \/ 2;\n      return Math.min(0, gewenst - linksNu);\n    }; const xMovement = roLaatsteKaartX(track);\n    \n    \/\/ Calculate the scroll distance (section height minus viewport)\n    const viewportHeight = window.innerHeight;\n    const scrollDistance = sectionHeight - viewportHeight;\n\n    STATE.workTween = gsap.to(track, {\n      x: xMovement,\n      ease: 'none',\n      scrollTrigger: {\n        trigger: section,\n        start: 'top top',\n        end: `+=${scrollDistance}`,\n        scrub: 1,\n        invalidateOnRefresh: true,\n        onRefresh: () => {\n          const newWrapRect = wrap.getBoundingClientRect();\n          const newTrackRect = track.getBoundingClientRect();\n          const newOverflowRight = Math.max(0, newTrackRect.right - newWrapRect.right); const newXMovement = roLaatsteKaartX(track);\n          \n          \/\/ Recalculate heights on refresh\n          const newSectionHeight = section.offsetHeight;\n          const newStickyHeight = stickyEl.offsetHeight;\n          const newSupportHeight = newSectionHeight - newStickyHeight;\n          stickySupportEl.style.height = newSupportHeight + 'px';\n          \n          \/\/ Recalculate scroll distance on refresh\n          const newViewportHeight = window.innerHeight;\n          const newScrollDistance = newSectionHeight - newViewportHeight;\n          \n          \/\/ Update the tween\n          if (STATE.workTween && STATE.workTween.scrollTrigger) {\n            gsap.set(track, { x: 0 });\n            STATE.workTween.vars.x = newXMovement;\n            STATE.workTween.scrollTrigger.vars.end = `+=${newScrollDistance}`;\n            STATE.workTween.invalidate();\n          }\n        }\n      }\n    });\n    \n    \/\/ Work card reveal animation \u2014 each card animates as it enters view\n    const workCards = Utils.$$('.work-card');\n    if (workCards.length) {\n      gsap.set(workCards, { y: '10%', opacity: 0, scale: 0.6 });\n\n      const wrapRect = wrap.getBoundingClientRect();\n      const inViewCards = [];\n      const offScreenCards = [];\n\n      workCards.forEach((card) => {\n        const cardRect = card.getBoundingClientRect();\n        if (cardRect.left < wrapRect.right) {\n          inViewCards.push(card);\n        } else {\n          offScreenCards.push(card);\n        }\n      });\n\n      \/\/ Cards already visible \u2014 stagger when section enters viewport\n      if (inViewCards.length) {\n        ScrollTrigger.create({\n          trigger: section,\n          start: 'top 80%',\n          onEnter: () => {\n            gsap.to(inViewCards, {\n              y: '0%', opacity: 1, scale: 1,\n              duration: 1.1, ease: 'expo.out',\n              stagger: 0.1\n            });\n          },\n          once: true\n        });\n      }\n\n      \/\/ Off-screen cards \u2014 animate individually as they scroll into view\n      offScreenCards.forEach((card) => {\n        gsap.to(card, {\n          y: '0%', opacity: 1, scale: 1,\n          duration: 1.1, ease: 'expo.out',\n          scrollTrigger: {\n            trigger: card,\n            containerAnimation: STATE.workTween,\n            start: 'left right',\n            toggleActions: 'play none none none'\n          }\n        });\n      });\n    }\n\n    ScrollTrigger.refresh();\n  },\n\n  recalculate() {\n    const section = Utils.$('.work_section');\n    const stickyEl = Utils.$('.work-sticky');\n    const stickySupportEl = Utils.$('.work-sticky-support');\n    \n    if (!section || !stickyEl || !stickySupportEl) return;\n    \n    const sectionHeight = section.offsetHeight;\n    const stickyHeight = stickyEl.offsetHeight;\n    const supportHeight = sectionHeight - stickyHeight;\n    stickySupportEl.style.height = supportHeight + 'px';\n    \n    ScrollTrigger.refresh();\n  }\n};\n  \n  \/\/ ==========================================================================\n  \/\/ THEME SWITCHER\n  \/\/ ==========================================================================\n  const ThemeSwitcher = {\n    elements: [\n      {\n        selector: '.nav-email-wrap',\n        dark: {\n          '.nav-email-wrap': { border: '1px solid rgba(255, 255, 255, 0.10)', background: 'rgba(15, 35, 24, 0.60)', color: 'rgba(255, 255, 255, 0.90)' },\n          '.nav-email-item': { background: 'rgba(46, 125, 82, 0.50)' }\n        },\n        light: {\n          '.nav-email-wrap': { border: '1px solid rgba(255, 255, 255, 0.20)', background: 'rgba(200, 224, 212, 0.80)', color: '#0F2318' },\n          '.nav-email-item': { background: '#C8E0D4' }\n        }\n      },\n      {\n        selector: '.nav-comapny-wrap',\n        dark: {\n          '.nav-comapny-wrap': { border: '1px solid rgba(255, 255, 255, 0.10)', background: 'rgba(15, 35, 24, 0.60)', color: 'rgba(255, 255, 255, 0.90)' },\n          '.ro-logos-title': { color: 'rgba(255, 255, 255, 0.90)' }, '.ro-merk-groen': { opacity: 0 }, '.ro-merk-wit': { opacity: 1 }, '.happy-ring, .semiconbio': { opacity: 0 },\n          '.happy-ring-white, .semiconbio-white': { opacity: 1 }\n        },\n        light: {\n          '.nav-comapny-wrap': { border: '1px solid rgba(255, 255, 255, 0.20)', background: 'rgba(200, 224, 212, 0.80)', color: '#0F2318' },\n          '.ro-logos-title': { color: '#0F2318' }, '.ro-merk-groen': { opacity: 1 }, '.ro-merk-wit': { opacity: 0 }, '.happy-ring, .semiconbio': { opacity: 1 },\n          '.happy-ring-white, .semiconbio-white': { opacity: 0 }\n        }\n      },\n      {\n        selector: '.nav-menu',\n        dark: {\n          '.nav-menu': { color: 'rgba(255, 255, 255, 0.90)' },\n          '.nav-menu-bg': { border: '1px solid rgba(255, 255, 255, 0.10)', background: 'rgba(15, 35, 24, 0.60)' },\n          '.nav-item-bg': { border: '1px solid rgba(255, 255, 255, 0.03)', background: 'rgba(26, 71, 49, 0.90)' }\n        },\n        light: {\n          '.nav-menu': { color: '#0F2318' },\n          '.nav-menu-bg': { border: '1px solid rgba(255, 255, 255, 0.20)', background: 'rgba(200, 224, 212, 0.80)' },\n          '.nav-item-bg': { border: '1px solid rgba(0, 0, 0, 0.10)', background: '#D8EAE0' }\n        },\n        onDark: () => {\n          Utils.$$('.nav-item-bg').forEach(el => el.classList.add('nav-item-dark'));\n        },\n        onLight: () => {\n          Utils.$$('.nav-item-bg').forEach(el => el.classList.remove('nav-item-dark'));\n        }\n      },\n      {\n        selector: '.nav-stats-wrap',\n        dark: {\n          '.nav-stats-wrap': { color: 'rgba(255, 255, 255, 0.90)' },\n          '.nav-stats-wrap .nav-top-bg': { border: '1px solid rgba(255, 255, 255, 0.10)', background: 'rgba(15, 35, 24, 0.60)' }\n        },\n        light: {\n          '.nav-stats-wrap': { color: '#0F2318' },\n          '.nav-stats-wrap .nav-top-bg': { border: '1px solid rgba(255, 255, 255, 0.20)', background: 'rgba(200, 224, 212, 0.80)' }\n        },\n        onDark: () => {\n          Utils.$('.nav-experience-text')?.classList.add('text-color-white');\n          Utils.$('.nav-experience-numb')?.classList.add('text-color-white');\n          Utils.$('.nav-webflow-text')?.classList.add('text-color-white');\n        },\n        onLight: () => {\n          Utils.$('.nav-experience-text')?.classList.remove('text-color-white');\n          Utils.$('.nav-experience-numb')?.classList.remove('text-color-white');\n          Utils.$('.nav-webflow-text')?.classList.remove('text-color-white');\n        }\n      },\n      {\n        \/\/ .nav-top-bg + social-links switch together: when .nav-top-layout overlaps\n        \/\/ a dark section, both the nav-top background AND the social-links flip theme\n        \/\/ at the same moment. (Standalone .social-link config removed for this reason.)\n        selector: '.nav-top-layout',\n        dark: {\n          '.nav-top-layout': { color: 'rgba(255, 255, 255, 0.90)' },\n          '.nav-top-layout > .nav-top-bg': { border: '1px solid rgba(255, 255, 255, 0.10)', background: 'rgba(15, 35, 24, 0.90)' },\n          '.social-link': { backgroundColor: '#1A4731', color: 'var(--white)' },\n          '.social-path-white': { fill: 'var(--black)' }\n        },\n        light: {\n          '.nav-top-layout': { color: '#0F2318' },\n          '.nav-top-layout > .nav-top-bg': { border: '1px solid rgba(255, 255, 255, 0.20)', background: 'rgba(200, 224, 212, 0.80)' },\n          '.social-link': { backgroundColor: '#D8EAE0', color: 'var(--black)' },\n          '.social-path-white': { fill: 'var(--white)' }\n        },\n        onDark: () => {\n          Utils.$$('.social-link').forEach(el => el.classList.add('social-dark'));\n        },\n        onLight: () => {\n          Utils.$$('.social-link').forEach(el => el.classList.remove('social-dark'));\n        }\n      }\n    ],\n  \n    elementStates: {},\n  \n    init() {\n      \/\/ Disable ThemeSwitcher on mobile devices (screen width < 768px)\n      if (window.innerWidth < 768) return;\n      \n      const darkSections = Utils.$$('[data-theme=\"dark\"]');\n      if (!darkSections.length) return;\n  \n      this.elements.forEach(config => {\n        this.elementStates[config.selector] = 'light';\n      });\n  \n      darkSections.forEach(section => {\n        ScrollTrigger.create({\n          trigger: section,\n          start: 'top bottom',\n          end: 'bottom top',\n          onUpdate: () => this.checkOverlaps(section),\n          onLeave: () => this.resetAllToLight(),\n          onLeaveBack: () => this.resetAllToLight()\n        });\n      });\n    },\n  \n    checkOverlaps(section) {\n      const sectionRect = section.getBoundingClientRect();\n\n      this.elements.forEach(config => {\n        const navEl = Utils.$(config.selector);\n        if (!navEl) return;\n\n        const navRect = navEl.getBoundingClientRect();\n        const currentState = this.elementStates[config.selector];\n\n        let overlaps;\n        if (config.selector === '.nav-menu') {\n          const overlapTop = Math.max(navRect.top, sectionRect.top);\n          const overlapBottom = Math.min(navRect.bottom, sectionRect.bottom);\n          const overlapHeight = Math.max(0, overlapBottom - overlapTop);\n          overlaps = (overlapHeight \/ (navRect.height || 1)) >= 0.35;\n        } else {\n          overlaps = !(navRect.bottom < sectionRect.top || navRect.top > sectionRect.bottom);\n        }\n\n        if (overlaps && currentState === 'light') {\n          this.applyStyles(config.dark);\n          if (config.onDark) config.onDark();\n          this.elementStates[config.selector] = 'dark';\n        } else if (!overlaps && currentState === 'dark') {\n          this.applyStyles(config.light);\n          if (config.onLight) config.onLight();\n          this.elementStates[config.selector] = 'light';\n        }\n      });\n    },\n  \n    resetAllToLight() {\n      this.elements.forEach(config => {\n        if (this.elementStates[config.selector] === 'dark') {\n          this.applyStyles(config.light);\n          if (config.onLight) config.onLight();\n          this.elementStates[config.selector] = 'light';\n        }\n      });\n    },\n  \n    applyStyles(styles) {\n      Object.entries(styles).forEach(([selector, props]) => {\n        gsap.to(selector, { ...props, duration: 0.3 });\n      });\n    }\n  };\n  \n\/\/ ==========================================================================\n\/\/ PRELOADER ANIMATION\n\/\/ ==========================================================================\nconst Preloader = {\n  timeline: null,\n\n  init() {\n    \/\/ Disable preloader on mobile devices (screen width < 768px)\n    if (window.innerWidth < 768) return;\n    \n    const logo = Utils.$('.nesh-logo-preload-svg');\n    const wrapper = Utils.$('.nesh-logo-wrap');\n    if (!logo || !wrapper) return;\n\n    const letters = Utils.$$('.nesh-logo-letter');\n    const navContainer = Utils.$('.nav-container');\n    \/\/ .profile-img-wrap has an inverse-scale applied by Sidebar.scale(), so we\n    \/\/ animate the inner .profile-img-item to avoid fighting that transform.\n    const profileImgItem = Utils.$('.profile-img-item');\n    const navLinks = Utils.$$('.hero-navigation-link');\n    const navSeps = Utils.$$('.hero-navigation-sep');\n    const navCards = Utils.$$('.nav-stats-card');\n    const heroCard3 = Utils.$('.hero-card-3');\n    const heroLeftText = Utils.$('.hero-left-text');\n    const heroRightText = Utils.$('.hero-right-text');\n    const heroHeading = Utils.$('.hero-heading');\n    const navButton = Utils.$('.nav-button');\n    const navButtonSecondary = Utils.$('.nav-button-secondary');\n    \/\/ Captures .nav-logo-item which contains both the real nav logo (.nesh-logo)\n    \/\/ and copyright wrap. Both are FLIP'd by GhostEngine to hero ghost positions,\n    \/\/ so they'd flash visible if nav-container is shown before preloader logo hides.\n    const navLogoItem = Utils.$('.nav-logo-item');\n\n    \/\/ Split text helper: splits element into lines. With useMask, wraps each line\n    \/\/ in an overflow:hidden parent and pushes yPercent 100 (for y-reveal animations).\n    \/\/ Without useMask, just splits \u2014 caller is responsible for initial state.\n    const splitLines = (el, useMask = true) => {\n      if (!el || typeof SplitText === 'undefined' || Utils.isSplit(el)) return [];\n      const split = new SplitText(el, { type: 'lines', linesClass: 'line' });\n      STATE.splitInstances.push({ instance: split, element: el });\n      Utils.markSplit(el);\n      if (useMask) {\n        split.lines.forEach(line => {\n          if (!line.parentElement.classList.contains('line-mask')) {\n            const mask = document.createElement('div');\n            mask.classList.add('line-mask');\n            line.parentNode.insertBefore(mask, line);\n            mask.appendChild(line);\n          }\n        });\n        gsap.set(split.lines, { yPercent: 100 });\n      }\n      gsap.set(el, { visibility: 'visible' });\n      return split.lines;\n    };\n\n    const headingLines = splitLines(heroHeading, false);\n    if (heroLeftText) gsap.set(heroLeftText, { autoAlpha: 0 });\n    if (heroRightText) gsap.set(heroRightText, { autoAlpha: 0 });\n\n    const rect = wrapper.getBoundingClientRect();\n    const xToCenter = (window.innerWidth \/ 2) - (rect.left + rect.width \/ 2);\n    const yToCenter = (window.innerHeight \/ 2) - (rect.top + rect.height \/ 2);\n\n    gsap.set(logo, { autoAlpha: 1, y: yToCenter, x: window.innerWidth });\n    gsap.set(letters, { yPercent: 110 });\n    gsap.set(navSeps, { height: '0vw', autoAlpha: 1 });\n    \/\/ Capture original display value so we can restore it after the preloader.\n    \/\/ We hide via display:none inside the timeline (not during init) so GhostEngine\n    \/\/ can measure .nav-logo-item children correctly before they get hidden.\n    const navLogoItemDisplay = navLogoItem ? (window.getComputedStyle(navLogoItem).display || 'flex') : 'flex';\n\n    this.timeline = gsap.timeline({ delay: CONFIG.preloaderDelay });\n\n    \/\/ At timeline start, hide .nav-logo-item via display:none. This fires AFTER\n    \/\/ GhostEngine has measured the children, so FLIP positioning works correctly.\n    if (navLogoItem) this.timeline.set(navLogoItem, { display: 'none' }, 0);\n\n    this.timeline.to(logo, { x: xToCenter, duration: 1, ease: 'power3.inOut' });\n    this.timeline.to(letters, { yPercent: 0, duration: 1, stagger: 0.2, ease: 'power3.out' }, '<');\n    \n    this.timeline.to(logo, { x: 0, y: 0, duration: 1, ease: 'power2.inOut' }, 1);\n\n    \/\/ Show the nav-container at t=1.4 (40% through the logo's y-climb) so the\n    \/\/ hero reveal chain can run while the preloader logo finishes its climb.\n    \/\/ Inner elements stay hidden via their own autoAlpha:0 \/ mask states; the\n    \/\/ real nav logo + copyright (.nav-logo-item) reveal at t=2 when the\n    \/\/ preloader logo hides \u2014 a clean handoff.\n    this.timeline.set(navContainer, { autoAlpha: 1 }, 1.4);\n    this.timeline.set(logo, { display: 'none' }, 2);\n    if (navLogoItem) this.timeline.set(navLogoItem, { display: navLogoItemDisplay }, 2);\n\n    \/\/ Mask-wrap each nav link for y-reveal (no opacity)\n    const navLinkInners = [];\n    navLinks.forEach(link => {\n      link.style.overflow = 'hidden';\n      const inner = document.createElement('div');\n      inner.classList.add('nav-link-mask-inner');\n      while (link.firstChild) inner.appendChild(link.firstChild);\n      link.appendChild(inner);\n      navLinkInners.push(inner);\n      gsap.set(inner, { yPercent: 100 });\n      gsap.set(link, { autoAlpha: 1, pointerEvents: 'none' });\n    });\n    if (navSeps.length) gsap.set(navSeps, { autoAlpha: 1 });\n    if (navCards.length) gsap.set(navCards, { autoAlpha: 1 });\n\n    const webflowChildren = Utils.$$('.nav-webflow-bg, .nav-webflow-icon, .nav-webflow-text');\n    const experienceChildren = Utils.$$('.nav-experience-bg, .nav-experience-numb, .nav-experience-text');\n    if (webflowChildren.length) gsap.set(webflowChildren, { autoAlpha: 0, filter: 'blur(8px)' });\n    if (experienceChildren.length) gsap.set(experienceChildren, { autoAlpha: 0, filter: 'blur(8px)' });\n    if (navButton) gsap.set(navButton, { autoAlpha: 0, scale: 0.94, filter: 'blur(10px)' });\n    if (navButtonSecondary) gsap.set(navButtonSecondary, { autoAlpha: 0, scale: 0.94, filter: 'blur(10px)' });\n    if (heroCard3) gsap.set(heroCard3, { autoAlpha: 0, filter: 'blur(8px)' });\n    if (profileImgItem) gsap.set(profileImgItem, { autoAlpha: 0, scale: 0.88, filter: 'blur(20px)', transformOrigin: 'center bottom' });\n    if (headingLines.length) gsap.set(headingLines, { autoAlpha: 0, scale: 0.90, filter: 'blur(10px)' });\n\n    const linkDur = 0.4;\n    const sepDur = 0.2;\n    const linkGap = 0.15;\n\n    this.timeline.addLabel('heroReveal', 1.4);\n\n    \/\/ 1. t=0.0 \u2014 profile image (blur + scale-from-bottom + autoAlpha)\n    if (profileImgItem) {\n      this.timeline.to(profileImgItem, {\n        autoAlpha: 1, scale: 1, filter: 'blur(0px)',\n        duration: 1.1, ease: 'power2.out'\n      }, 'heroReveal');\n    }\n\n    \/\/ 2. t=0.3 \u2014 hero heading (blur + scale + autoAlpha, per line)\n    if (headingLines.length) {\n      this.timeline.to(headingLines, {\n        autoAlpha: 1, scale: 1, filter: 'blur(0px)',\n        duration: 1.0, stagger: 0.1, ease: 'power2.out'\n      }, 'heroReveal+=0.3');\n    }\n\n    \/\/ 3. t=0.6 \u2014 nav links + seps all fire concurrently (no stagger between them).\n    \/\/    0.6 is the floor: earlier collides with the logo handoff and glitches the reveal.\n    const navStart = 'heroReveal+=0.6';\n    if (navLinkInners.length) {\n      this.timeline.to(navLinkInners, { yPercent: 0, duration: linkDur, ease: 'power2.out' }, navStart);\n      this.timeline.set(navLinks, { pointerEvents: 'auto' }, navStart + '+=' + linkDur);\n    }\n    if (navSeps.length) {\n      this.timeline.to(navSeps, { height: '0.8vw', duration: sepDur, ease: 'power2.out' }, navStart);\n    }\n\n    \/\/ 4. t=0.80 \u2014 cards group, 0.1s stagger: webflow trio \u2192 experience trio \u2192 hero-card-3\n    \/\/    (all use the same autoAlpha + minimal blur, 0.9s duration)\n    \/\/    Links at 0.5, cards @ 0.60\n    const cardsStart = 0.60;\n    const cardOrder = [\n      Utils.$('.nav-webflow-bg'),\n      Utils.$('.nav-webflow-icon'),\n      Utils.$('.nav-webflow-text'),\n      Utils.$('.nav-experience-bg'),\n      Utils.$('.nav-experience-numb'),\n      Utils.$('.nav-experience-text'),\n      heroCard3\n    ];\n    cardOrder.forEach((el, i) => {\n      if (!el) return;\n      this.timeline.to(el, {\n        autoAlpha: 1, filter: 'blur(0px)',\n        duration: 0.9, ease: 'power2.out'\n      }, 'heroReveal+=' + (cardsStart + i * 0.1));\n    });\n\n    \/\/ 5. t=1.25 \/ 1.33 \u2014 nav-button + nav-button-secondary (autoAlpha + scale-up + blur)\n    \/\/    50% cascade: cards start at 0.80, 50% of 0.9s = 0.45 \u2192 buttons @ 1.25\n    if (navButton) this.timeline.to(navButton, { autoAlpha: 1, scale: 1, filter: 'blur(0px)', duration: 0.8, ease: 'power2.out' }, 'heroReveal+=1.25');\n    if (navButtonSecondary) this.timeline.to(navButtonSecondary, { autoAlpha: 1, scale: 1, filter: 'blur(0px)', duration: 0.8, ease: 'power2.out' }, 'heroReveal+=1.33');\n\n    \/\/ 6. t=1.65 \/ 1.75 \u2014 hero-left-text + hero-right-text (paragraphs, line reveal)\n    \/\/    50% cascade: buttons start at 1.25, 50% of 0.8s = 0.40 \u2192 paragraphs @ 1.65\n    const paragraphsStart = 1.65;\n    if (heroLeftText) {\n      this.timeline.call(() => {\n        gsap.set(heroLeftText, { autoAlpha: 1 });\n        const lines = heroLeftText.querySelectorAll('.line');\n        if (lines.length) {\n          gsap.set(lines, { yPercent: 100, autoAlpha: 0, filter: 'blur(6px)' });\n          gsap.to(lines, {\n            yPercent: 0, autoAlpha: 1, filter: 'blur(0px)',\n            duration: 0.7, stagger: 0.075, ease: 'power2.out'\n          });\n        }\n      }, null, 'heroReveal+=' + paragraphsStart);\n    }\n\n    if (heroRightText) {\n      this.timeline.call(() => {\n        gsap.set(heroRightText, { autoAlpha: 1 });\n        const lines = heroRightText.querySelectorAll('.line');\n        if (lines.length) {\n          gsap.set(lines, { yPercent: 100, autoAlpha: 0, filter: 'blur(6px)' });\n          gsap.to(lines, {\n            yPercent: 0, autoAlpha: 1, filter: 'blur(0px)',\n            duration: 0.7, stagger: 0.075, ease: 'power2.out'\n          });\n        }\n      }, null, 'heroReveal+=' + (paragraphsStart + 0.1));\n    }\n\n  },\n\n  destroy() {\n    if (this.timeline) {\n      this.timeline.kill();\n      this.timeline = null;\n    }\n  }\n};\n  \n\/\/ ==========================================================================\n\/\/ MAGNETIC POSITIONING\n\/\/ ==========================================================================\nconst MagneticPositions = {\n  initialized: false,\n  pairs: [],\n  rafId: null,\n  isRunning: false,\n  isMobile: false,\n  lastWidth: window.innerWidth,\n\n  init() {\n    if (this.initialized) return;\n\n    this.isMobile = window.innerWidth < 768;\n    this.lastWidth = window.innerWidth;\n    this.pairs = [];\n    this.collectPairs();\n\n    if (this.pairs.length === 0) return;\n\n    this.positionAllOnce();\n\n    if (!this.isMobile) {\n      this.startLoop();\n    }\n\n    this._resizeHandler = () => {\n      const newWidth = window.innerWidth;\n      const wasMobile = this.isMobile;\n      \n      if (this.isMobile && newWidth === this.lastWidth) {\n        return;\n      }\n      \n      this.lastWidth = newWidth;\n      this.isMobile = newWidth < 768;\n      \n      \/\/ If crossing the mobile\/desktop threshold, rebuild pairs\n      if (wasMobile !== this.isMobile) {\n        this.rebuildPairs();\n      } else {\n        this.positionAllOnce();\n      }\n      \n      if (this.isMobile) {\n        this.stopLoop();\n      } else if (!this.isRunning) {\n        this.startLoop();\n      }\n    };\n    \n    window.addEventListener('resize', this._resizeHandler, { passive: true });\n\n    this.initialized = true;\n  },\n\n  collectPairs() {\n    document.querySelectorAll('[data-origin]').forEach(target => {\n      if (target.hasAttribute('data-desktop') && window.innerWidth < 768) return;\n  \n      \/\/ Check for mobile-specific connection\n      let id = target.getAttribute('data-connect');\n      if (this.isMobile && target.hasAttribute('data-connect-mobile')) {\n        id = target.getAttribute('data-connect-mobile');\n      }\n      \n      if (!id) return;\n  \n      const anchor = document.querySelector(`[data-connect=\"${id}\"]:not([data-origin])`);\n      if (!anchor) return;\n  \n      \/\/ Check for mobile-specific offset\n      let offsetRaw = target.getAttribute('data-offset') || '0,0';\n      if (this.isMobile && target.hasAttribute('data-offset-mobile')) {\n        offsetRaw = target.getAttribute('data-offset-mobile');\n      }\n      \n      \/\/ Check for mobile-specific origin\n      let originConfig = target.getAttribute('data-origin');\n      if (this.isMobile && target.hasAttribute('data-origin-mobile')) {\n        originConfig = target.getAttribute('data-origin-mobile');\n      }\n      \n      \/\/ Check for mobile-specific anchor position\n      let anchorConfig = target.getAttribute('data-anchor-pos') || 'center';\n      if (this.isMobile && target.hasAttribute('data-anchor-pos-mobile')) {\n        anchorConfig = target.getAttribute('data-anchor-pos-mobile');\n      }\n      \n      const [rawX, rawY] = offsetRaw.split(',').map(s => s.trim());\n  \n      this.pairs.push({\n        target,\n        anchor,\n        originConfig: originConfig.toLowerCase(),\n        anchorConfig: anchorConfig.toLowerCase(),\n        offsetX: this.parseUnit(rawX),\n        offsetY: this.parseUnit(rawY)\n      });\n  \n      target.style.willChange = 'transform';\n    });\n  },\n\n  rebuildPairs() {\n    \/\/ Clear existing pairs and transforms\n    this.pairs.forEach(pair => {\n      if (pair.target) {\n        pair.target.style.transform = 'none';\n      }\n    });\n    this.pairs = [];\n    \n    \/\/ Recollect with new mobile\/desktop state\n    this.collectPairs();\n    \n    if (this.pairs.length > 0) {\n      this.positionAllOnce();\n    }\n  },\n\n  parseUnit(value) {\n    if (!value || value === '0') return { value: 0, unit: 'px' };\n    const match = String(value).match(\/^(-?[\\d.]+)(px|%|vw|vh|rem|em)?$\/i);\n    if (!match) return { value: 0, unit: 'px' };\n    return { value: parseFloat(match[1]), unit: (match[2] || 'px').toLowerCase() };\n  },\n\n  toPx(parsed, ref = 0) {\n    const { value, unit } = parsed;\n    switch (unit) {\n      case '%': return (value \/ 100) * ref;\n      case 'vw': return (value \/ 100) * window.innerWidth;\n      case 'vh': return (value \/ 100) * window.innerHeight;\n      case 'rem': return value * parseFloat(getComputedStyle(document.documentElement).fontSize);\n      default: return value;\n    }\n  },\n\n  getPoint(rect, config) {\n    let x = rect.left + rect.width \/ 2;\n    let y = rect.top + rect.height \/ 2;\n\n    if (config.includes('left')) x = rect.left;\n    else if (config.includes('right')) x = rect.right;\n    if (config.includes('top')) y = rect.top;\n    else if (config.includes('bottom')) y = rect.bottom;\n\n    return { x, y };\n  },\n\n  positionAllOnce() {\n    this.pairs.forEach(pair => {\n      const { target, anchor, originConfig, anchorConfig, offsetX, offsetY } = pair;\n\n      if (!target || !anchor) return;\n\n      target.style.transform = 'none';\n      target.offsetHeight;\n\n      const targetRect = target.getBoundingClientRect();\n      const anchorRect = anchor.getBoundingClientRect();\n\n      const anchorPoint = this.getPoint(anchorRect, anchorConfig);\n      const originPoint = this.getPoint(targetRect, originConfig);\n\n      const offX = this.toPx(offsetX, targetRect.width);\n      const offY = this.toPx(offsetY, targetRect.height);\n\n      const finalX = Math.round((anchorPoint.x - originPoint.x + offX) * 100) \/ 100;\n      const finalY = Math.round((anchorPoint.y - originPoint.y + offY) * 100) \/ 100;\n\n      target.style.transform = `translate3d(${finalX}px, ${finalY}px, 0)`;\n      target.style.visibility = 'visible';\n      target.style.opacity = '1';\n    });\n  },\n\n  updateAll() {\n    this.pairs.forEach(pair => this.updatePairDesktop(pair));\n  },\n\n  updatePairDesktop(pair) {\n    const { target, anchor, originConfig, anchorConfig, offsetX, offsetY } = pair;\n\n    if (!target || !anchor) return;\n\n    const matrix = new DOMMatrix(getComputedStyle(target).transform);\n    const currentX = matrix.m41 || 0;\n    const currentY = matrix.m42 || 0;\n\n    const targetRectRaw = target.getBoundingClientRect();\n    const anchorRect = anchor.getBoundingClientRect();\n\n    const baseRect = {\n      left: targetRectRaw.left - currentX,\n      top: targetRectRaw.top - currentY,\n      width: targetRectRaw.width,\n      height: targetRectRaw.height,\n      right: targetRectRaw.right - currentX,\n      bottom: targetRectRaw.bottom - currentY\n    };\n\n    const anchorPoint = this.getPoint(anchorRect, anchorConfig);\n    const originPoint = this.getPoint(baseRect, originConfig);\n\n    const offX = this.toPx(offsetX, baseRect.width);\n    const offY = this.toPx(offsetY, baseRect.height);\n\n    const finalX = Math.round((anchorPoint.x - originPoint.x + offX) * 100) \/ 100;\n    const finalY = Math.round((anchorPoint.y - originPoint.y + offY) * 100) \/ 100;\n\n    target.style.transform = `translate3d(${finalX}px, ${finalY}px, 0)`;\n    target.style.visibility = 'visible';\n    target.style.opacity = '1';\n  },\n\n  startLoop() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n\n    const loop = () => {\n      if (!this.isRunning) return;\n      this.updateAll();\n      this.rafId = requestAnimationFrame(loop);\n    };\n\n    this.rafId = requestAnimationFrame(loop);\n  },\n\n  stopLoop() {\n    this.isRunning = false;\n    if (this.rafId) {\n      cancelAnimationFrame(this.rafId);\n      this.rafId = null;\n    }\n  },\n\n  destroy() {\n    this.stopLoop();\n\n    if (this._resizeHandler) {\n      window.removeEventListener('resize', this._resizeHandler);\n    }\n\n    this.pairs.forEach(pair => {\n      if (pair.target) {\n        pair.target.style.transform = '';\n        pair.target.style.willChange = '';\n        pair.target.style.visibility = '';\n        pair.target.style.opacity = '';\n      }\n    });\n\n    this.pairs = [];\n    this.initialized = false;\n  },\n\n  rebuild() {\n    const newWidth = window.innerWidth;\n    if (this.isMobile && newWidth === this.lastWidth) {\n      return;\n    }\n    \n    this.destroy();\n    setTimeout(() => this.init(), 100);\n  },\n\n  refresh() {\n    const newWidth = window.innerWidth;\n    if (this.isMobile && newWidth === this.lastWidth) {\n      return;\n    }\n    \n    this.positionAllOnce();\n  }\n};\n  \n\/\/ ==========================================================================\n\/\/ CARD INTERACTIONS\n\/\/ ==========================================================================\nconst CardInteractions = {\n  isMobile: false,\n  activeCard: null,\n  activeClone: null,\n\n  init() {\n    this.isMobile = window.innerWidth < 768;\n    \n    this.initAboutCards();\n    this.initCapaCards();\n    this.initResizeHandler();\n  },\n\n  initResizeHandler() {\n    let lastWidth = window.innerWidth;\n\n    window.addEventListener('resize', () => {\n      const newWidth = window.innerWidth;\n      if (newWidth === lastWidth) return;\n\n      const wasMobile = this.isMobile;\n      this.isMobile = newWidth < 768;\n      lastWidth = newWidth;\n\n      if (wasMobile !== this.isMobile) {\n        this.resetCapaCards();\n      }\n    }, { passive: true });\n  },\n\n  initAboutCards() {\n    const cards = Utils.$$('.about-card-wrap');\n    const buttons = Utils.$$('.about-card-button');\n\n    buttons.forEach(button => {\n      const handler = () => {\n        const card = button.closest('.about-card-wrap');\n        if (!card) return;\n\n        const popup = card.querySelector('.popup-card-wrap');\n        if (!popup) return;\n\n        \/\/ If this popup is already open, do nothing (avoid flicker + duplicate close listeners).\n        if (popup.classList.contains('is-active-card')) return;\n\n        \/\/ Only one popup open at a time: close any other open popup first.\n        document.querySelectorAll('.popup-card-wrap.is-active-card').forEach(p => {\n          p.classList.remove('is-active-card');\n        });\n\n        cards.forEach(c => c.style.zIndex = '5');\n        card.style.zIndex = '10';\n\n        popup.classList.add('is-active-card');\n\n        const closeBtn = popup.querySelector('.popup-close');\n        if (closeBtn) {\n          closeBtn.addEventListener('click', () => {\n            popup.classList.remove('is-active-card');\n            card.style.zIndex = '5';\n          }, { once: true });\n        }\n      };\n\n      Utils.addEvent(button, 'click', handler);\n    });\n  },\n\n  initCapaCards() {\n    const cards = Utils.$$('.capa-card-item');\n    const overviewWrap = Utils.$('.capa-overview-wrap');\n\n    if (cards.length === 0) return;\n\n    \/\/ Hide all gsap-icon-letter elements initially\n    const allLetters = Utils.$$('.gsap-icon-letter');\n    if (allLetters.length) gsap.set(allLetters, { opacity: 0 });\n\n    const self = this;\n\n    cards.forEach((card, index) => {\n      const parentCard = card.closest('.capa-card');\n\n      \/\/ Desktop: hover\n      card.addEventListener('mouseenter', function() {\n        if (self.isMobile) return;\n        \n        if (parentCard) parentCard.style.zIndex = '10';\n        self.animateCardIn(card);\n      });\n\n      card.addEventListener('mouseleave', function() {\n        if (self.isMobile) return;\n        \n        self.animateCardOut(card);\n        if (parentCard) parentCard.style.zIndex = '5';\n      });\n\n      \/\/ Mobile: tap\n      card.addEventListener('click', function(e) {\n        if (!self.isMobile) return;\n        if (!overviewWrap) return;\n\n        \/\/ If clicking arrow wrap, don't open (let it close if active)\n        if (e.target.closest('.capa-card-arrow-wrap')) {\n          return;\n        }\n\n        \/\/ If this card is already active, close it\n        if (self.activeCard === card) {\n          self.closeActiveCard();\n          return;\n        }\n\n        \/\/ Close any previously active card first\n        if (self.activeCard) {\n          self.closeActiveCard(false);\n        }\n\n        \/\/ Get positions\n        const cardRect = card.getBoundingClientRect();\n        \n        \/\/ Show overview (transparent) to get its position\n        gsap.set(overviewWrap, { \n          display: 'flex', \n          backgroundColor: 'transparent' \n        });\n        const overviewRect = overviewWrap.getBoundingClientRect();\n        \n        \/\/ Calculate starting offset\n        const overviewCenterX = overviewRect.left + overviewRect.width \/ 2;\n        const overviewCenterY = overviewRect.top + overviewRect.height \/ 2;\n        const cardCenterX = cardRect.left + cardRect.width \/ 2;\n        const cardCenterY = cardRect.top + cardRect.height \/ 2;\n        const startX = cardCenterX - overviewCenterX;\n        const startY = cardCenterY - overviewCenterY;\n\n        \/\/ Hide original card AND arrow wrap IMMEDIATELY before cloning\n        const originalArrowWrap = card.querySelector('.capa-card-arrow-wrap');\n        card.style.visibility = 'hidden';\n        if (originalArrowWrap) {\n          originalArrowWrap.style.visibility = 'hidden';\n        }\n\n        \/\/ Clone the card\n        const clone = card.cloneNode(true);\n        clone.classList.add('is-flipped-card');\n        \n        \/\/ Make clone visible\n        clone.style.visibility = 'visible';\n\n        \/\/ Add clone to overview\n        overviewWrap.innerHTML = '';\n        overviewWrap.appendChild(clone);\n\n        \/\/ Set clone at original card position\n        gsap.set(clone, {\n          x: startX,\n          y: startY\n        });\n\n        \/\/ Get arrow wrap in clone and set initial background\n        const cloneArrowWrap = clone.querySelector('.capa-card-arrow-wrap');\n        const cloneArrow = clone.querySelector('.capa-card-arrow');\n        if (cloneArrowWrap) {\n          \/\/ Make clone arrow visible\n          cloneArrowWrap.style.visibility = 'visible';\n\n          gsap.set(cloneArrowWrap, {\n            backgroundColor: 'rgba(15, 35, 24, 0)'\n          });\n\n          \/\/ Rotate arrow 180deg when opened\n          if (cloneArrow) {\n            gsap.to(cloneArrow, { rotation: 180, duration: 0.4, ease: 'power2.out' });\n          }\n\n          \/\/ Add click handler to close\n          cloneArrowWrap.addEventListener('click', function(e) {\n            e.stopPropagation();\n            self.closeActiveCard();\n          });\n        }\n\n        \/\/ Animation duration for flip\n        const flipDuration = 0.5;\n\n        \/\/ Sequential animation\n        const tl = gsap.timeline();\n\n        \/\/ 1. Move clone to center\n        tl.to(clone, {\n          x: 0,\n          y: 0,\n          duration: flipDuration,\n          ease: 'power3.out'\n        });\n\n        \/\/ 2. Background starts animating at same time as flip\n        tl.to(overviewWrap, {\n          backgroundColor: 'rgba(0, 0, 0, 0.8)',\n          duration: 0.5,\n          ease: 'power2.out'\n        }, '<');\n\n        \/\/ 3. Arrow wrap background (same time as overlay background)\n        if (cloneArrowWrap) {\n          tl.to(cloneArrowWrap, {\n            backgroundColor: 'rgba(15, 35, 24, 0.15)',\n            duration: 0.4,\n            ease: 'power2.out'\n          }, '<');\n        }\n\n        \/\/ 4. Card content starts at 50% of flip animation\n        tl.add(() => self.animateCardIn(clone), flipDuration * 0.5);\n\n        \/\/ Store references\n        self.activeCard = card;\n        self.activeClone = clone;\n      });\n    });\n\n    \/\/ Mobile: tap outside to close\n    document.addEventListener('click', (e) => {\n      if (!this.isMobile || !this.activeCard) return;\n      if (!overviewWrap) return;\n\n      const isCardClick = e.target.closest('.capa-card-item');\n      const isOverviewClick = overviewWrap.contains(e.target);\n\n      if (!isCardClick && !isOverviewClick) {\n        this.closeActiveCard();\n      }\n    });\n  },\n\n  animateCardIn(targetCard) {\n    const cardBottom = targetCard.querySelector('.capa-card-bottom');\n    const cardIcons = targetCard.querySelectorAll('[data-var-hover], [data-var-hover-mobile]');\n    const cardLetters = targetCard.querySelectorAll('.gsap-icon-letter');\n\n    const tl = gsap.timeline();\n\n    tl.to(targetCard, {\n      '--card-hover--card-text': 1,\n      '--card-hover--card-padding-top-bottom': this.isMobile ? 2.61 : 1.35,\n      '--card-hover--card-padding-left-right': this.isMobile ? 1.35 : 1.25,\n      duration: 0.65,\n      ease: 'power3.out'\n    });\n\n    if (cardBottom) {\n      tl.to(cardBottom, {\n        gridTemplateRows: '1fr',\n        duration: 0.65,\n        ease: 'power3.out'\n      }, '<');\n    }\n\n    cardIcons.forEach(icon => {\n      let targetScale;\n      if (this.isMobile && icon.hasAttribute('data-var-hover-mobile')) {\n        targetScale = parseFloat(icon.dataset.varHoverMobile) || 1;\n      } else if (icon.hasAttribute('data-var-hover')) {\n        targetScale = parseFloat(icon.dataset.varHover) || 1;\n      } else {\n        targetScale = 1;\n      }\n      \n      tl.to(icon, {\n        '--card-hover--card-icon-size': targetScale,\n        duration: 0.65,\n        ease: 'power3.out'\n      }, '<');\n    });\n\n    if (cardLetters.length) {\n      \/\/ Kill any in-flight letter tweens (including future-staggered ones from a\n      \/\/ prior hover) so fast in\/out cycles can't leave letters stuck visible.\n      gsap.killTweensOf(cardLetters);\n      tl.fromTo(cardLetters,\n        { opacity: 0 },\n        { opacity: 1, duration: 0.6, stagger: 0.1, ease: 'power2.out', overwrite: true },\n        '<'\n      );\n    }\n\n    return tl;\n  },\n\n  animateCardOut(targetCard) {\n    const cardBottom = targetCard.querySelector('.capa-card-bottom');\n    const cardIcons = targetCard.querySelectorAll('[data-var-hover], [data-var-hover-mobile]');\n    const cardLetters = targetCard.querySelectorAll('.gsap-icon-letter');\n\n    const tl = gsap.timeline();\n\n    if (cardBottom) {\n      tl.to(cardBottom, {\n        gridTemplateRows: '0fr',\n        duration: 0.65,\n        ease: 'power2.out'\n      });\n    }\n\n    tl.to(targetCard, {\n      '--card-hover--card-text': 0,\n      '--card-hover--card-padding-top-bottom': 1,\n      '--card-hover--card-padding-left-right': 1,\n      duration: 0.65,\n      ease: 'power2.out'\n    }, '<');\n\n    cardIcons.forEach(icon => {\n      tl.to(icon, {\n        '--card-hover--card-icon-size': 1,\n        duration: 0.65,\n        ease: 'power2.out'\n      }, '<');\n    });\n\n    if (cardLetters.length) {\n      gsap.killTweensOf(cardLetters);\n      \/\/ Reverse stagger on hover-out: last letter fades first, first letter last.\n      tl.to(cardLetters, {\n        opacity: 0,\n        duration: 0.3,\n        stagger: { each: 0.05, from: 'end' },\n        ease: 'power2.out',\n        overwrite: true\n      }, '<');\n    }\n\n    return tl;\n  },\n\n  closeActiveCard(animate = true) {\n    const overviewWrap = Utils.$('.capa-overview-wrap');\n\n    if (!this.activeCard) return;\n\n    const originalCard = this.activeCard;\n    const clone = this.activeClone;\n\n    \/\/ Get original arrow wrap to restore later\n    const originalArrowWrap = originalCard.querySelector('.capa-card-arrow-wrap');\n\n    if (overviewWrap && animate && clone) {\n      \/\/ Get original card position\n      const cardRect = originalCard.getBoundingClientRect();\n      const overviewRect = overviewWrap.getBoundingClientRect();\n      \n      const overviewCenterX = overviewRect.left + overviewRect.width \/ 2;\n      const overviewCenterY = overviewRect.top + overviewRect.height \/ 2;\n      const cardCenterX = cardRect.left + cardRect.width \/ 2;\n      const cardCenterY = cardRect.top + cardRect.height \/ 2;\n      \n      const endX = cardCenterX - overviewCenterX;\n      const endY = cardCenterY - overviewCenterY;\n\n      \/\/ Get arrow wrap and arrow in clone\n      const cloneArrowWrap = clone.querySelector('.capa-card-arrow-wrap');\n      const cloneArrow = clone.querySelector('.capa-card-arrow');\n\n      const tl = gsap.timeline({\n        onComplete: () => {\n          overviewWrap.innerHTML = '';\n          gsap.set(overviewWrap, { display: 'none', backgroundColor: 'transparent' });\n          originalCard.style.visibility = 'visible';\n          \n          \/\/ Restore original arrow wrap visibility\n          if (originalArrowWrap) {\n            originalArrowWrap.style.visibility = 'visible';\n          }\n        }\n      });\n\n      \/\/ 1. First - fade out backgrounds\n      tl.to(overviewWrap, {\n        backgroundColor: 'transparent',\n        duration: 0.3,\n        ease: 'power2.out'\n      });\n\n      if (cloneArrowWrap) {\n        tl.to(cloneArrowWrap, {\n          backgroundColor: 'rgba(15, 35, 24, 0)',\n          duration: 0.3,\n          ease: 'power2.out'\n        }, '<');\n      }\n\n      \/\/ Rotate arrow back to 0deg\n      if (cloneArrow) {\n        tl.to(cloneArrow, { rotation: 0, duration: 0.3, ease: 'power2.out' }, '<');\n      }\n\n      \/\/ 2. Then - collapse card + move back (same time)\n      tl.add(this.animateCardOut(clone));\n\n      tl.to(clone, {\n        x: endX,\n        y: endY,\n        duration: 0.7,\n        ease: 'power2.out'\n      }, '<');\n\n    } else if (overviewWrap) {\n      overviewWrap.innerHTML = '';\n      gsap.set(overviewWrap, { display: 'none', backgroundColor: 'transparent' });\n      originalCard.style.visibility = 'visible';\n      \n      \/\/ Restore original arrow wrap visibility\n      if (originalArrowWrap) {\n        originalArrowWrap.style.visibility = 'visible';\n      }\n    }\n\n    this.activeCard = null;\n    this.activeClone = null;\n  },\n\n  resetCapaCards() {\n    this.closeActiveCard(false);\n  }\n};\n  \n  \/\/ ==========================================================================\n  \/\/ PROFILE IMAGE HANDLER\n  \/\/ ==========================================================================\n  const ProfileImage = {\n    isMoved: false,\n    originalStyles: null,\n  \n    init() {\n      const hero = Utils.$('.hero');\n      const profileWrap = Utils.$('.profile-img-wrap');\n      const navContainer = Utils.$('.nav-container');\n      if (!hero || !profileWrap || !navContainer) return;\n  \n      this.originalStyles = {\n        cssText: profileWrap.style.cssText,\n        scale: 1 \/ STATE.sidebarScale\n      };\n  \n      const elementPercent = 0.50;\n  \n      const handleScroll = () => {\n        const heroRect = hero.getBoundingClientRect();\n        const hasPassed = (heroRect.top + heroRect.height * elementPercent) <= 0;\n  \n        if (hasPassed && !this.isMoved) {\n          const rect = profileWrap.getBoundingClientRect();\n          const computedStyle = window.getComputedStyle(profileWrap);\n          const currentOpacity = computedStyle.opacity;\n          const currentVisibility = computedStyle.visibility;\n          \n          document.body.appendChild(profileWrap);\n          profileWrap.style.cssText = `\n            position: fixed !important;\n            top: ${rect.top}px !important;\n            left: ${rect.left}px !important;\n            width: ${rect.width}px !important;\n            height: ${rect.height}px !important;\n            transform: none !important;\n            z-index: 1000;\n            opacity: ${currentOpacity};\n            visibility: ${currentVisibility};\n          `;\n          this.isMoved = true;\n        } else if (!hasPassed && this.isMoved) {\n          const computedStyle = window.getComputedStyle(profileWrap);\n          const currentOpacity = computedStyle.opacity;\n          const currentVisibility = computedStyle.visibility;\n          \n          navContainer.prepend(profileWrap);\n          profileWrap.style.cssText = this.originalStyles.cssText;\n          gsap.set(profileWrap, { \n            scale: this.originalStyles.scale, \n            transformOrigin: 'top left', \n            force3D: false,\n            opacity: currentOpacity,\n            visibility: currentVisibility\n          });\n          this.isMoved = false;\n        }\n      };\n  \n      Utils.addEvent(window, 'scroll', handleScroll, { passive: true });\n      handleScroll();\n    }\n  };\n  \n\/\/ ==========================================================================\n\/\/ CTA ANIMATION\n\/\/ ==========================================================================\nconst CTAAnimation = {\n  init() {\n    const wrap = Utils.$('.cta-wrap');\n    if (!wrap) return;\n\n    const typingGrid = wrap.querySelector('.typing-grid');\n    const typingBubble = typingGrid?.querySelector('.cta-bubble') || typingGrid?.firstElementChild;\n    const chatGrid = wrap.querySelector('.cta-chat-grid');\n    const chatBubble = chatGrid?.querySelector('.cta-bubble') || chatGrid?.firstElementChild;\n    const chatText = chatGrid?.querySelector('.cta-text');\n    const buttonGrid = wrap.querySelector('.cta-button-grid');\n    const buttonBubble = buttonGrid?.querySelector('.cta-bubble') || buttonGrid?.firstElementChild;\n    const buttonText = buttonGrid?.querySelector('p');\n    const dots = wrap.querySelectorAll('.typing-dots');\n    const speed = CONFIG.ctaSpeed;\n\n    \/\/ Initial states for grids\n    gsap.set([chatGrid, buttonGrid], { gridTemplateRows: '0fr' });\n    gsap.set(typingGrid, { gridTemplateRows: '1fr' });\n    \n    \/\/ Initial states for bubbles (scale from 0)\n    if (typingBubble) gsap.set(typingBubble, { scale: 0, opacity: 0, transformOrigin: 'bottom left' });\n    if (chatBubble) gsap.set(chatBubble, { scale: 0, opacity: 0, transformOrigin: 'bottom left' });\n    if (buttonBubble) gsap.set(buttonBubble, { scale: 0, opacity: 0, transformOrigin: 'bottom left' });\n    \n    \/\/ Initial states for text content\n    if (chatText) gsap.set(chatText, { opacity: 0, filter: 'blur(4px)' });\n    if (buttonText) gsap.set(buttonText, { opacity: 0, filter: 'blur(4px)' });\n    \n    \/\/ Typing dots initial state\n    gsap.set(dots, { y: 0, opacity: 0.6 });\n\n    \/\/ Typing dots loop animation\n    const dotsTl = gsap.timeline({ repeat: -1, paused: true });\n    dotsTl.to(dots, { y: -6, opacity: 1, duration: 0.35 * speed, stagger: 0.15 * speed, ease: 'power1.inOut' })\n          .to(dots, { y: 0, opacity: 0.6, duration: 0.35 * speed, stagger: 0.15 * speed, ease: 'power1.inOut' });\n\n    \/\/ Helper function to get position offset between two elements\n    const getPositionOffset = (from, to) => {\n      const fromRect = from.getBoundingClientRect();\n      const toRect = to.getBoundingClientRect();\n      return {\n        x: toRect.left - fromRect.left,\n        y: toRect.top - fromRect.top\n      };\n    };\n\n    ScrollTrigger.create({\n      trigger: wrap,\n      start: 'top 90%',\n      once: true,\n      onEnter: () => {\n        \/\/ Calculate offsets before animation starts\n        const chatOffset = getPositionOffset(typingGrid, chatGrid);\n        const buttonOffset = getPositionOffset(typingGrid, buttonGrid);\n        \n        \/\/ Set typing grid initial position at chat-grid level\n        gsap.set(typingGrid, { x: chatOffset.x, y: chatOffset.y });\n        \n        const tl = gsap.timeline();\n        \n        \/\/ === PHASE 1: TYPING AT CHAT-GRID POSITION ===\n        tl.to(typingBubble, {\n          scale: 1,\n          opacity: 1,\n          duration: 0.5 * speed,\n          ease: 'back.out(1.7)'\n        });\n        \n        tl.to(typingBubble, {\n          scale: 1.03,\n          duration: 0.1 * speed,\n          ease: 'power2.out'\n        }, '-=0.1');\n        \n        tl.to(typingBubble, {\n          scale: 1,\n          duration: 0.15 * speed,\n          ease: 'power2.inOut'\n        });\n        \n        tl.call(() => dotsTl.play(), null, '-=0.2');\n\n        \/\/ === PHASE 2: CHAT APPEARS + TYPING MOVES TO BUTTON-GRID ===\n        \/\/ Move typing to button-grid position\n        tl.to(typingGrid, {\n          x: buttonOffset.x,\n          y: buttonOffset.y,\n          duration: 0.4 * speed,\n          ease: 'power2.inOut'\n        }, '+=0.5');\n        \n        \/\/ Chat grid expands (slightly after typing starts moving)\n        tl.to(chatGrid, { \n          gridTemplateRows: '1fr', \n          duration: 0.3 * speed, \n          ease: 'power2.out' \n        }, '<0.1');\n        \n        \/\/ Chat bubble pops in\n        tl.to(chatBubble, {\n          scale: 1,\n          opacity: 1,\n          duration: 0.5 * speed,\n          ease: 'back.out(1.7)'\n        }, '-=0.1');\n        \n        tl.to(chatBubble, {\n          scale: 1.03,\n          duration: 0.1 * speed,\n          ease: 'power2.out'\n        }, '-=0.1');\n        \n        tl.to(chatBubble, {\n          scale: 1,\n          duration: 0.15 * speed,\n          ease: 'power2.inOut'\n        });\n        \n        if (chatText) {\n          tl.to(chatText, {\n            opacity: 1,\n            filter: 'blur(0px)',\n            duration: 0.4 * speed,\n            ease: 'power2.out'\n          }, '-=0.2');\n        }\n\n        \/\/ === PHASE 3: BUTTON APPEARS + TYPING MOVES TO ORIGINAL ===\n        \/\/ Move typing back to original position\n        tl.to(typingGrid, {\n          x: 0,\n          y: 0,\n          duration: 0.4 * speed,\n          ease: 'power2.inOut'\n        }, '+=0.5');\n        \n        \/\/ Button grid expands\n        tl.to(buttonGrid, { \n          gridTemplateRows: '1fr', \n          duration: 0.3 * speed, \n          ease: 'power2.out' \n        }, '<0.1');\n        \n        \/\/ Button bubble pops in\n        tl.to(buttonBubble, {\n          scale: 1,\n          opacity: 1,\n          duration: 0.5 * speed,\n          ease: 'back.out(1.7)'\n        }, '-=0.1');\n        \n        tl.to(buttonBubble, {\n          scale: 1.03,\n          duration: 0.1 * speed,\n          ease: 'power2.out'\n        }, '-=0.1');\n        \n        tl.to(buttonBubble, {\n          scale: 1,\n          duration: 0.15 * speed,\n          ease: 'power2.inOut'\n        });\n        \n        if (buttonText) {\n          tl.to(buttonText, {\n            opacity: 1,\n            filter: 'blur(0px)',\n            duration: 0.4 * speed,\n            ease: 'power2.out'\n          }, '-=0.2');\n        }\n\n        \/\/ === PHASE 4: TYPING DISAPPEARS ===\n        tl.call(() => dotsTl.pause(), null, '+=0.3');\n        \n        tl.to(typingBubble, {\n          scale: 0,\n          opacity: 0,\n          duration: 0.4 * speed,\n          ease: 'back.in(1.7)'\n        });\n      }\n    });\n  }\n};\n  \n  \/\/ ==========================================================================\n  \/\/ SWIPER INITIALIZATION WITH CUSTOM DRAG INDICATOR\n  \/\/ ==========================================================================\n  const SwiperInit = {\n    instance: null,\n    dragWrap: null,\n    dragTween: null,\n    isDragging: false,\n    isInsideSwiper: false,\n    dragStartX: 0,\n    dragStartY: 0,\n    lastDragDirection: null, \/\/ 'left' or 'right'\n\n    init() {\n      if (typeof Swiper === 'undefined' || !Utils.$('.swiper')) return;\n      \/\/ Desktop\/tablet: reviews zijn scroll-gestuurd (TestimonialScroll); slepen alleen op mobiel (Remote Opus, 12 sept)\n      if (window.innerWidth >= 768 && Utils.$('.testimonial-sticky')) return;\n\n      this.dragWrap = Utils.$('.drag-wrap');\n      if (!this.dragWrap) {\n        console.warn('SwiperInit: .drag-wrap element not found');\n        return;\n      }\n\n      gsap.set(this.dragWrap, { \n        opacity: 0, \n        scale: 0.8,\n        pointerEvents: 'none',\n        position: 'fixed',\n        zIndex: 9999\n      });\n\n      this.instance = new Swiper('.swiper', {\n        slidesPerView: 1,\n        spaceBetween: 14,\n        loop: false,\n        autoHeight: true,\n        simulateTouch: true,\n        grabCursor: false,\n        speed: 500,\n        resistanceRatio: 0.85,\n        pagination: {\n          el: '.swiper-pagination',\n          clickable: true,\n          bulletClass: 'swiper-bullet',\n          bulletActiveClass: 'is-active'\n        },\n        on: {\n          touchStart: (swiper, event) => {\n            this.isDragging = true;\n            this.dragStartX = event.touches?.[0]?.clientX || event.clientX || 0;\n            this.dragStartY = event.touches?.[0]?.clientY || event.clientY || 0;\n            this.lastDragDirection = null;\n            this.startDragging(event);\n          },\n          touchMove: (swiper, event) => {\n            this.updateDragIndicatorPosition(event);\n            \n            \/\/ Calculate drag direction\n            const currentX = event.touches?.[0]?.clientX || event.clientX || 0;\n            const currentY = event.touches?.[0]?.clientY || event.clientY || 0;\n            const deltaX = currentX - this.dragStartX;\n            const deltaY = Math.abs(currentY - this.dragStartY);\n            \n            \n            \/\/ Detect direction\n            if (Math.abs(deltaX) > 5 && Math.abs(deltaX) > deltaY * 0.5) {\n              const newDirection = deltaX < 0 ? 'left' : 'right';\n              \n              \n              if (newDirection !== this.lastDragDirection) {\n                this.lastDragDirection = newDirection;\n                \n                \/\/ Scale icons DIRECTLY HERE\n                \n                const leftIcon = this.dragWrap?.querySelector('.drag-left-icon');\n                const rightIcon = this.dragWrap?.querySelector('.drag-right-icon');\n                \n                \n                if (leftIcon && rightIcon) {\n                  if (newDirection === 'left') {\n                    gsap.to(leftIcon, { scale: 1.5, duration: 0.2, ease: 'back.out(2)' });\n                    gsap.to(rightIcon, { scale: 0.8, duration: 0.2, ease: 'power2.out' });\n                    \n                    \/\/ Add classes\n                    leftIcon.classList.add('is-active');\n                    rightIcon.classList.remove('is-active');\n                  } else {\n                    gsap.to(rightIcon, { scale: 1.5, duration: 0.2, ease: 'back.out(2)' });\n                    gsap.to(leftIcon, { scale: 0.8, duration: 0.2, ease: 'power2.out' });\n                    \n                    \/\/ Add classes\n                    rightIcon.classList.add('is-active');\n                    leftIcon.classList.remove('is-active');\n                  }\n                } else {\n                }\n              }\n            }\n          },\n          touchEnd: () => {\n            this.isDragging = false;\n            this.backToIdle();\n          },\n          sliderMove: (swiper, event) => {\n            this.updateDragIndicatorPosition(event);\n            \n            \/\/ Calculate drag direction for desktop\n            const currentX = event.clientX || 0;\n            const currentY = event.clientY || 0;\n            \n            if (currentX === 0) return; \/\/ Skip if no valid coordinates\n            \n            const deltaX = currentX - this.dragStartX;\n            const deltaY = Math.abs(currentY - this.dragStartY);\n            \n            \n            \/\/ Detect direction\n            if (Math.abs(deltaX) > 5) {\n              const newDirection = deltaX < 0 ? 'left' : 'right';\n              \n              \n              if (newDirection !== this.lastDragDirection) {\n                this.lastDragDirection = newDirection;\n                \n                \/\/ Scale icons DIRECTLY HERE\n                \n                const leftIcon = this.dragWrap?.querySelector('.drag-left-icon');\n                const rightIcon = this.dragWrap?.querySelector('.drag-right-icon');\n                \n                \n                if (leftIcon && rightIcon) {\n                  if (newDirection === 'left') {\n                    gsap.to(leftIcon, { scale: 1.5, duration: 0.2, ease: 'back.out(2)' });\n                    gsap.to(rightIcon, { scale: 0.8, duration: 0.2, ease: 'power2.out' });\n                    \n                    \/\/ Add classes\n                    leftIcon.classList.add('is-active');\n                    rightIcon.classList.remove('is-active');\n                  } else {\n                    gsap.to(rightIcon, { scale: 1.5, duration: 0.2, ease: 'back.out(2)' });\n                    gsap.to(leftIcon, { scale: 0.8, duration: 0.2, ease: 'power2.out' });\n                    \n                    \/\/ Add classes\n                    rightIcon.classList.add('is-active');\n                    leftIcon.classList.remove('is-active');\n                  }\n                } else {\n                }\n              }\n            }\n          }\n        }\n      });\n\n      const swiperEl = Utils.$('.swiper');\n      if (swiperEl) {\n        \/\/ Mouse enters swiper - SHOW cursor\n        Utils.addEvent(swiperEl, 'mouseenter', (e) => {\n          this.isInsideSwiper = true;\n          this.showDragIndicatorIdle();\n          this.updateDragIndicatorPosition(e);\n        });\n\n        \/\/ Mouse leaves swiper - HIDE cursor (only if not dragging)\n        Utils.addEvent(swiperEl, 'mouseleave', (e) => {\n          \n          \/\/ IMPORTANT: Do NOT change isInsideSwiper if we're dragging\n          \/\/ Let the mouseup event determine final position\n          if (!this.isDragging) {\n            this.isInsideSwiper = false;\n            this.hideDragIndicator();\n          } else {\n          }\n        });\n\n        \/\/ Mouse moves inside swiper - FOLLOW cursor always\n        Utils.addEvent(swiperEl, 'mousemove', (e) => {\n          this.updateDragIndicatorPosition(e);\n        });\n\n        \/\/ Mouse down - START DRAG (scale up)\n        Utils.addEvent(swiperEl, 'mousedown', (e) => {\n          this.isDragging = true;\n          this.dragStartX = e.clientX;\n          this.dragStartY = e.clientY;\n          this.lastDragDirection = null;\n          this.startDragging(e);\n        });\n\n        \/\/ Mouse moves anywhere while dragging - FOLLOW cursor\n        Utils.addEvent(document, 'mousemove', (e) => {\n          if (this.isDragging) {\n            this.updateDragIndicatorPosition(e);\n            \n            \/\/ Calculate drag direction\n            const deltaX = e.clientX - this.dragStartX;\n            const deltaY = Math.abs(e.clientY - this.dragStartY);\n            \n            \n            \/\/ Lower threshold - detect horizontal direction if movement > 5px and mostly horizontal\n            if (Math.abs(deltaX) > 5 && Math.abs(deltaX) > deltaY * 0.5) {\n              const newDirection = deltaX < 0 ? 'left' : 'right';\n              \n              \n              \/\/ Only update if direction changed\n              if (newDirection !== this.lastDragDirection) {\n                this.lastDragDirection = newDirection;\n                this.updateDragDirection(newDirection);\n              }\n            }\n            \n            \/\/ Track if we're inside swiper bounds during drag\n            const swiperRect = swiperEl.getBoundingClientRect();\n            const x = e.clientX;\n            const y = e.clientY;\n            const wasInside = this.isInsideSwiper;\n            this.isInsideSwiper = (\n              x >= swiperRect.left &&\n              x <= swiperRect.right &&\n              y >= swiperRect.top &&\n              y <= swiperRect.bottom\n            );\n            \n            if (wasInside !== this.isInsideSwiper) {\n            }\n          }\n        });\n\n        \/\/ Mouse up - STOP DRAG\n        Utils.addEvent(document, 'mouseup', (e) => {\n          if (this.isDragging) {\n            this.isDragging = false;\n\n            \/\/ Check: are we still inside swiper?\n            const swiperRect = swiperEl.getBoundingClientRect();\n            const x = e.clientX;\n            const y = e.clientY;\n            const stillInside = (\n              x >= swiperRect.left &&\n              x <= swiperRect.right &&\n              y >= swiperRect.top &&\n              y <= swiperRect.bottom\n            );\n\n\n            this.isInsideSwiper = stillInside;\n\n            if (stillInside) {\n              \/\/ Still inside swiper - keep visible, just scale back down\n              this.backToIdle();\n            } else {\n              \/\/ Outside swiper - hide\n              this.hideDragIndicator();\n            }\n          }\n        });\n\n        \/\/ Client text link hover \u2014 animate drag-wrap p elements\n        const clientLinks = Utils.$$('.swiper-slide .client-text-link');\n        const dragParagraphs = this.dragWrap ? this.dragWrap.querySelectorAll('p') : [];\n\n        if (clientLinks.length && dragParagraphs.length >= 2) {\n          clientLinks.forEach(link => {\n            Utils.addEvent(link, 'mouseenter', () => {\n              gsap.to(dragParagraphs[0], { yPercent: -100, duration: 0.4, ease: 'power2.out' });\n              gsap.to(dragParagraphs[1], { yPercent: -100, duration: 0.4, ease: 'power2.out' });\n            });\n            Utils.addEvent(link, 'mouseleave', () => {\n              gsap.to(dragParagraphs[0], { yPercent: 0, duration: 0.4, ease: 'power2.out' });\n              gsap.to(dragParagraphs[1], { yPercent: 0, duration: 0.4, ease: 'power2.out' });\n            });\n          });\n        }\n      }\n    },\n\n    showDragIndicatorIdle() {\n      if (!this.dragWrap) return;\n      \n      \n      if (this.dragTween) this.dragTween.kill();\n      \n      \/\/ Smooth fade in animation (same duration as fade out)\n      this.dragTween = gsap.to(this.dragWrap, {\n        opacity: 1,\n        scale: 1,\n        duration: 0.3,\n        ease: 'power2.out'\n      });\n\n      this.dragWrap.classList.add('is-ready');\n      this.dragWrap.classList.remove('is-dragging');\n    },\n\n    startDragging(event) {\n      if (!this.dragWrap) return;\n      \n      if (this.dragTween) this.dragTween.kill();\n      \n      this.updateDragIndicatorPosition(event);\n      \n      \/\/ Reset both icons to scale 1 when starting drag\n      const leftIcon = this.dragWrap.querySelector('.drag-left-icon');\n      const rightIcon = this.dragWrap.querySelector('.drag-right-icon');\n      \n      if (leftIcon) gsap.set(leftIcon, { scale: 1 });\n      if (rightIcon) gsap.set(rightIcon, { scale: 1 });\n\n      this.dragWrap.classList.add('is-dragging');\n      this.dragWrap.classList.remove('is-ready');\n    },\n\n    updateDragDirection(direction) {\n      \n      if (!this.dragWrap) {\n        return;\n      }\n      \n      \n      try {\n        const leftIcon = this.dragWrap.querySelector('.drag-left-icon');\n        const rightIcon = this.dragWrap.querySelector('.drag-right-icon');\n        \n        \n        if (!leftIcon || !rightIcon) {\n          return;\n        }\n        \n        if (direction === 'left') {\n          \/\/ Scale up left icon, scale down right icon\n          gsap.to(leftIcon, {\n            scale: 1.5,\n            duration: 0.2,\n            ease: 'back.out(2)'\n          });\n          gsap.to(rightIcon, {\n            scale: 0.8,\n            duration: 0.2,\n            ease: 'power2.out'\n          });\n        } else if (direction === 'right') {\n          \/\/ Scale up right icon, scale down left icon\n          gsap.to(rightIcon, {\n            scale: 1.5,\n            duration: 0.2,\n            ease: 'back.out(2)'\n          });\n          gsap.to(leftIcon, {\n            scale: 0.8,\n            duration: 0.2,\n            ease: 'power2.out'\n          });\n        }\n        \n      } catch (error) {\n      }\n    },\n\n    backToIdle() {\n      if (!this.dragWrap) return;\n      \n      \n      if (this.dragTween) this.dragTween.kill();\n      \n      \/\/ Reset both icons to normal scale\n      const leftIcon = this.dragWrap.querySelector('.drag-left-icon');\n      const rightIcon = this.dragWrap.querySelector('.drag-right-icon');\n      \n      if (leftIcon) {\n        gsap.to(leftIcon, {\n          scale: 1,\n          duration: 0.3,\n          ease: 'power2.out'\n        });\n      }\n      if (rightIcon) {\n        gsap.to(rightIcon, {\n          scale: 1,\n          duration: 0.3,\n          ease: 'power2.out'\n        });\n      }\n      \n      \n      this.dragWrap.classList.add('is-ready');\n      this.dragWrap.classList.remove('is-dragging');\n      \n      \/\/ Reset direction\n      this.lastDragDirection = null;\n    },\n\n    updateDragIndicatorPosition(event) {\n      if (!this.dragWrap) return;\n\n      const x = event.clientX || event.touches?.[0]?.clientX || 0;\n      const y = event.clientY || event.touches?.[0]?.clientY || 0;\n\n      gsap.set(this.dragWrap, {\n        x: x,\n        y: y,\n        xPercent: -50,\n        yPercent: -50\n      });\n    },\n\n    updateDragIndicator(event) {\n      if (!this.dragWrap) return;\n\n      const x = event.clientX || event.touches?.[0]?.clientX || 0;\n      const y = event.clientY || event.touches?.[0]?.clientY || 0;\n\n      gsap.set(this.dragWrap, {\n        x: x,\n        y: y,\n        xPercent: -50,\n        yPercent: -50\n      });\n    },\n\n    hideDragIndicator() {\n      if (!this.dragWrap) return;\n      \n      \n      this.isDragging = false;\n      \n      if (this.dragTween) this.dragTween.kill();\n      \n      this.dragTween = gsap.to(this.dragWrap, {\n        opacity: 0,\n        scale: 0.8,\n        duration: 0.3,\n        ease: 'power2.in'\n      });\n\n      this.dragWrap.classList.remove('is-dragging', 'is-ready');\n      \n    },\n\n    destroy() {\n      if (this.dragWrap) {\n        if (this.dragTween) this.dragTween.kill();\n        gsap.set(this.dragWrap, { opacity: 0 });\n        this.dragWrap.classList.remove('is-dragging', 'is-ready');\n      }\n\n      if (this.instance) {\n        this.instance.destroy(true, true);\n        this.instance = null;\n      }\n\n      this.isDragging = false;\n      this.isInsideSwiper = false;\n    }\n  };\n  \n  \/\/ ==========================================================================\n  \/\/ LENIS SMOOTH SCROLL\n  \/\/ ==========================================================================\n  const LenisInit = {\n    init() {\n      if (typeof Lenis === \"undefined\") return;\n  \n      const lenisOptions = {\n        ...(CONFIG.lenis || {}),\n        lerp: 0.1,\n      };\n  \n      STATE.lenis = new Lenis(lenisOptions);\n  \n      STATE.lenis.on(\"scroll\", ScrollTrigger.update);\n  \n      gsap.ticker.add((time) => {\n        STATE.lenis.raf(time * 1000);\n      });\n  \n      gsap.ticker.lagSmoothing(0);\n    },\n  \n    destroy() {\n      if (STATE.lenis) {\n        STATE.lenis.destroy();\n        STATE.lenis = null;\n      }\n    },\n  };\n  \n  \/\/ ==========================================================================\n  \/\/ TEXT REVEAL ANIMATION\n  \/\/ ==========================================================================\n  const TextReveal = {\n    init() {\n      const target = Utils.$('.what_you_get-text');\n      if (!target || Utils.isSplit(target)) return;\n  \n      this.splitTextPreservingElements(target);\n      Utils.markSplit(target);\n  \n      const chars = target.querySelectorAll('.anim-char');\n  \n      gsap.fromTo(chars,\n        { color: '#D8EAE0', filter: 'blur(0px)', opacity: 0.1, y: 5 },\n        {\n          color: 'black', filter: 'blur(0px)', opacity: 1, y: 0,\n          force3D: true, duration: 0.5, stagger: 0.1, ease: 'power1.out',\n          scrollTrigger: {\n            trigger: target,\n            start: 'top 92%',\n            end: 'top 25%',\n            scrub: 1,\n            markers: false\n          }\n        }\n      );\n    },\n  \n    splitTextPreservingElements(element) {\n      const processNode = (node, container) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const text = node.textContent;\n          const chars = text.split('');\n          \n          chars.forEach(char => {\n            const span = document.createElement('span');\n            span.className = 'anim-char';\n            span.textContent = char;\n            container.appendChild(span);\n          });\n        } else if (node.nodeType === Node.ELEMENT_NODE) {\n          const shouldPreserve = \n            node.hasAttribute('data-connect') || \n            node.hasAttribute('data-origin') ||\n            node.classList.contains('span') ||\n            node.tagName === 'BR' ||\n            node.tagName === 'IMG';\n  \n          if (shouldPreserve) {\n            const clone = node.cloneNode(true);\n            container.appendChild(clone);\n          } else {\n            const wrapper = node.cloneNode(false);\n            \n            Array.from(node.childNodes).forEach(child => {\n              processNode(child, wrapper);\n            });\n            \n            if (wrapper.childNodes.length > 0) {\n              container.appendChild(wrapper);\n            }\n          }\n        }\n      };\n  \n      const fragment = document.createDocumentFragment();\n      \n      Array.from(element.childNodes).forEach(node => {\n        processNode(node, fragment);\n      });\n  \n      element.innerHTML = '';\n      element.appendChild(fragment);\n    }\n  };\n  \n  \/\/ ==========================================================================\n  \/\/ IMAGE TRAIL (FOOTER LOGO)\n  \/\/ ==========================================================================\n  const ImageTrail = {\n    images: [\n      'img\/taken\/taak-01-poster.webp',\n      'img\/taken\/taak-02-poster.webp',\n      'img\/taken\/taak-03-poster.webp',\n      'img\/taken\/taak-04-poster.webp',\n      'img\/taken\/taak-05-poster.webp',\n      'img\/taken\/taak-06-poster.webp',\n      'img\/taken\/taak-07-poster.webp',\n      'img\/taken\/taak-08-poster.webp'\n    ],\n    config: {\n      wrapperSelector: '.footer-logo',\n      svgSelector: '.footer-logo-icon',\n      imageGroupId: 'image-trail-group',\n      minDistance: 30,\n      maxImages: 20,\n      fadeOutDelay: 100,\n      fadeOutInterval: 50,\n      imageWidth: 200,\n      imageHeight: 280,\n      maxRotation: 30\n    },\n    trailImages: [],\n    imageIndex: 0,\n    lastX: 0,\n    lastY: 0,\n    moveTimeout: null,\n    fadeInterval: null,\n    wrapper: null,\n    svg: null,\n    imageGroup: null,\n\n    init() {\n      \/\/ Disable ImageTrail on mobile devices (screen width < 768px)\n      if (window.innerWidth < 768) return;\n      \n      \/\/ Preload images\n      this.images.forEach(src => {\n        const img = new Image();\n        img.src = src;\n      });\n\n      this.wrapper = Utils.$(this.config.wrapperSelector);\n      this.svg = Utils.$(this.config.svgSelector);\n      this.imageGroup = document.getElementById(this.config.imageGroupId);\n\n      if (!this.wrapper || !this.svg || !this.imageGroup) {\n        return;\n      }\n\n      this.trailImages = [];\n      this.imageIndex = 0;\n      this.lastX = 0;\n      this.lastY = 0;\n\n      Utils.addEvent(this.wrapper, 'mousemove', this.handleMouseMove.bind(this));\n      Utils.addEvent(this.wrapper, 'mouseleave', this.handleMouseLeave.bind(this));\n\n      console.log('\u2713 NESH Image Trail initialized');\n    },\n\n    getSVGCoords(e) {\n      const rect = this.svg.getBoundingClientRect();\n      const vb = this.svg.viewBox.baseVal;\n      return {\n        x: (e.clientX - rect.left) \/ rect.width * vb.width,\n        y: (e.clientY - rect.top) \/ rect.height * vb.height\n      };\n    },\n\n    addImage(x, y) {\n      const img = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'image');\n      img.setAttribute('href', this.images[this.imageIndex++ % this.images.length]);\n      img.setAttribute('x', x - this.config.imageWidth \/ 2);\n      img.setAttribute('y', y - this.config.imageHeight \/ 2);\n      img.setAttribute('width', this.config.imageWidth);\n      img.setAttribute('height', this.config.imageHeight);\n      img.setAttribute('preserveAspectRatio', 'xMidYMid slice');\n\n      const rot = (Math.random() - 0.5) * this.config.maxRotation;\n      img.setAttribute('transform', `rotate(${rot} ${x} ${y})`);\n\n      img.style.opacity = '0';\n      img.style.transition = 'opacity 0.3s ease-out';\n\n      this.imageGroup.appendChild(img);\n\n      requestAnimationFrame(() => {\n        img.style.opacity = '1';\n      });\n\n      this.trailImages.push(img);\n\n      if (this.trailImages.length > this.config.maxImages) {\n        const old = this.trailImages.shift();\n        old.style.opacity = '0';\n        setTimeout(() => old.remove(), 300);\n      }\n    },\n\n    startFadeOut() {\n      if (this.fadeInterval) return;\n\n      this.fadeInterval = setInterval(() => {\n        if (this.trailImages.length === 0) {\n          clearInterval(this.fadeInterval);\n          this.fadeInterval = null;\n          return;\n        }\n\n        \/\/ FIFO: First in, first out - remove from beginning\n        const img = this.trailImages.shift();\n        img.style.opacity = '0';\n        setTimeout(() => img.remove(), 300);\n      }, this.config.fadeOutInterval);\n    },\n\n    stopFadeOut() {\n      if (this.fadeInterval) {\n        clearInterval(this.fadeInterval);\n        this.fadeInterval = null;\n      }\n    },\n\n    handleMouseMove(e) {\n      const pos = this.getSVGCoords(e);\n      this.stopFadeOut();\n\n      const dist = Math.hypot(pos.x - this.lastX, pos.y - this.lastY);\n      if (dist > this.config.minDistance) {\n        this.addImage(pos.x, pos.y);\n        this.lastX = pos.x;\n        this.lastY = pos.y;\n      }\n\n      clearTimeout(this.moveTimeout);\n      this.moveTimeout = setTimeout(() => this.startFadeOut(), this.config.fadeOutDelay);\n    },\n\n    handleMouseLeave() {\n      clearTimeout(this.moveTimeout);\n      this.startFadeOut();\n    },\n\n    destroy() {\n      clearTimeout(this.moveTimeout);\n      this.stopFadeOut();\n\n      this.trailImages.forEach(img => img.remove());\n      this.trailImages = [];\n      this.imageIndex = 0;\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ BUTTON HOVER ANIMATION\n  \/\/ ==========================================================================\n  const ButtonHover = {\n    init() {\n      \/\/ Disable on mobile devices (screen width < 768px)\n      if (window.innerWidth < 768) return;\n\n      document.querySelectorAll('[data-button-hover]').forEach(el => {\n        const isLink = el.tagName === 'A' && !el.querySelector('p');\n\n        let originalTarget, cloneTarget, mask;\n\n        if (isLink) {\n          \/\/ Check if already wrapped by Preloader (hero-navigation-link)\n          const preloaderInner = el.querySelector('.nav-link-mask-inner');\n\n          if (preloaderInner) {\n            \/\/ Already wrapped by Preloader \u2014 use inner as mask\n            el.classList.add('is-text-link');\n            mask = preloaderInner;\n\n            const originalSpan = document.createElement('span');\n            originalSpan.innerHTML = preloaderInner.innerHTML;\n\n            const cloneSpan = document.createElement('span');\n            cloneSpan.innerHTML = preloaderInner.innerHTML;\n            cloneSpan.classList.add('clone-text');\n\n            preloaderInner.innerHTML = '';\n            preloaderInner.appendChild(originalSpan);\n            preloaderInner.appendChild(cloneSpan);\n\n            originalTarget = originalSpan;\n            cloneTarget = cloneSpan;\n          } else {\n            \/\/ Text link \u2014 use the element itself as mask\n            el.classList.add('is-text-link');\n\n            \/\/ Wrap existing text in a span\n            const originalSpan = document.createElement('span');\n            originalSpan.innerHTML = el.innerHTML;\n\n            const cloneSpan = document.createElement('span');\n            cloneSpan.innerHTML = el.innerHTML;\n            cloneSpan.classList.add('clone-text');\n\n            el.innerHTML = '';\n            el.appendChild(originalSpan);\n            el.appendChild(cloneSpan);\n\n            originalTarget = originalSpan;\n            cloneTarget = cloneSpan;\n            mask = el;\n          }\n        } else {\n          \/\/ Button with p \u2014 wrap p in mask div\n          const originalP = el.querySelector('p');\n          if (!originalP) return;\n\n          mask = document.createElement('div');\n          mask.classList.add('nav-button-mask');\n\n          originalP.parentNode.insertBefore(mask, originalP);\n          mask.appendChild(originalP);\n\n          const cloneP = originalP.cloneNode(true);\n          cloneP.classList.add('clone-p');\n          \/\/ Reset any hidden styles inherited from CTA animation\n          gsap.set(cloneP, { opacity: 1, filter: 'none', clearProps: 'opacity,filter' });\n          mask.appendChild(cloneP);\n\n          originalTarget = originalP;\n          cloneTarget = cloneP;\n        }\n\n        const splitA = new SplitText(originalTarget, { type: 'words', wordsClass: 'word' });\n        const splitB = new SplitText(cloneTarget, { type: 'words', wordsClass: 'word' });\n\n        const h = originalTarget.offsetHeight;\n\n        gsap.set(splitB.words, { y: h });\n\n        let showingA = true;\n        let tl = null;\n\n        el.addEventListener('mouseenter', () => {\n          if (tl) tl.kill();\n          tl = gsap.timeline();\n\n          if (showingA) {\n            tl.to(splitA.words, {\n              y: -h, duration: 0.5, stagger: 0.05, ease: 'power2.out'\n            });\n            tl.fromTo(splitB.words,\n              { y: h },\n              { y: 0, duration: 0.5, stagger: 0.05, ease: 'power2.out' },\n              '<'\n            );\n          } else {\n            tl.to(splitB.words, {\n              y: -h, duration: 0.5, stagger: 0.05, ease: 'power2.out'\n            });\n            tl.fromTo(splitA.words,\n              { y: h },\n              { y: 0, duration: 0.5, stagger: 0.05, ease: 'power2.out' },\n              '<'\n            );\n          }\n\n          showingA = !showingA;\n        });\n      });\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ CLIPBOARD FUNCTIONALITY\n  \/\/ ==========================================================================\n  const Clipboard = {\n    init() {\n      \/\/ Bind the hover + click-to-copy logic to the whole .nav-email-item\n      \/\/ (the .clipboard-wrap lives inside it), so hovering\/clicking anywhere\n      \/\/ in the item triggers the tooltip + copy.\n      Utils.$$('.nav-email-item').forEach(parentContainer => {\n        const clipboardItem = parentContainer.querySelector('.clipboard-item');\n        const clipboardText = clipboardItem?.querySelector('p');\n        const clipboardIcon = clipboardItem?.querySelector('.clipboard-icon');\n        const emailText = parentContainer.querySelector('.email-text');\n  \n        if (!clipboardItem || !clipboardText || !emailText) return;\n  \n        let isClicked = false;\n  \n        gsap.set(clipboardItem, { opacity: 0, y: 10 });\n        if (clipboardIcon) gsap.set(clipboardIcon, { display: 'none' });\n  \n        const enterHandler = () => {\n          gsap.to(clipboardItem, { opacity: 1, y: 0, duration: 0.3, ease: 'power2.out' });\n        };\n  \n        const leaveHandler = () => {\n          gsap.to(clipboardItem, {\n            opacity: 0, y: 10, duration: 0.3, ease: 'power2.in',\n            onComplete: () => {\n              clipboardText.textContent = 'Copy to clipboard';\n              if (clipboardIcon) gsap.set(clipboardIcon, { display: 'none' });\n              gsap.set(clipboardItem, { backgroundColor: '#D8EAE0' });\n              isClicked = false;\n            }\n          });\n        };\n  \n        const clickHandler = async () => {\n          if (isClicked) return;\n  \n          try {\n            await navigator.clipboard.writeText(emailText.textContent.trim());\n            isClicked = true;\n            clipboardText.textContent = 'Email Copied';\n  \n            if (clipboardIcon) {\n              gsap.set(clipboardIcon, { display: 'block' });\n              gsap.fromTo(clipboardIcon, \n                { opacity: 0, scale: 0.8 }, \n                { opacity: 1, scale: 1, duration: 0.3, ease: 'back.out(1.7)' }\n              );\n            }\n  \n            gsap.to(clipboardItem, { backgroundColor: '#4CAF7D', duration: 0.3, ease: 'power2.out' });\n          } catch (err) {\n            console.error('Failed to copy text: ', err);\n          }\n        };\n  \n        Utils.addEvent(parentContainer, 'mouseenter', enterHandler);\n        Utils.addEvent(parentContainer, 'mouseleave', leaveHandler);\n        Utils.addEvent(parentContainer, 'click', clickHandler);\n      });\n    }\n  };\n  \n\/\/ ==========================================================================\n\/\/ RESIZE HANDLER (FIXED FOR MOBILE)\n\/\/ ==========================================================================\nconst ResizeHandler = {\n  handler: null,\n  lastWidth: window.innerWidth,\n\n  init() {\n    this.lastWidth = window.innerWidth;\n    \n    this.handler = Utils.debounce(() => {\n      const newWidth = window.innerWidth;\n      const isMobile = newWidth < 768;\n      \n      \/\/ On mobile, only respond to WIDTH changes (orientation change)\n      \/\/ Ignore height-only changes (browser chrome hiding\/showing)\n      if (isMobile && newWidth === this.lastWidth) {\n        return; \/\/ Ignore - this is just browser chrome\n      }\n      \n      this.lastWidth = newWidth;\n\n      window.location.reload();\n    }, CONFIG.resizeDebounce);\n\n    Utils.addEvent(window, 'resize', this.handler);\n  }\n};\n  \/\/ ==========================================================================\n  \/\/ TARIEVEN VASTGEZET (Remote Opus, 12 sept): inhoud passend maken in \u00e9\u00e9n schermhoogte\n  \/\/ De kaarten zijn in vw gemaatvoerd (\u00b155vw hoog) en passen op 16:9-schermen niet in 100vh.\n  \/\/ CSS zoom schaalt de hele inhoud (incl. layout) tot hij past; de kaart-reveal loopt via data-tl.\n  \/\/ ==========================================================================\n  const ServicePin = {\n    init() {\n      if (window.innerWidth < 768) return;\n      const sticky = Utils.$('.service-sticky');\n      const inner = sticky ? sticky.querySelector('.container') : null;\n      if (!sticky || !inner) return;\n      inner.style.zoom = '';\n      const cs = getComputedStyle(sticky);\n      const beschikbaar = window.innerHeight - parseFloat(cs.paddingTop) - parseFloat(cs.paddingBottom);\n      const natuurlijk = inner.offsetHeight;\n      if (natuurlijk > beschikbaar) inner.style.zoom = (beschikbaar \/ natuurlijk).toFixed(3);\n    },\n    destroy() {\n      const inner = Utils.$('.service-sticky .container');\n      if (inner) inner.style.zoom = '';\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ KLANTEN VASTGEZET (Remote Opus, 12 sept): reviews schuiven horizontaal met de scroll\n  \/\/ Zelfde opzet als HorizontalScroll (Taken): sticky blok, tween op de wrapper, scrub aan de sectie.\n  \/\/ Laatste review eindigt gecentreerd. Op mobiel blijft de Swiper (slepen) actief.\n  \/\/ ==========================================================================\n  const TestimonialScroll = {\n    tween: null,\n    timeout: null,\n\n    init() {\n      if (window.innerWidth < 768) return;\n      const section = Utils.$('.testimonial_section');\n      const wrapper = Utils.$('.testimonial-sticky .swiper-wrapper');\n      if (!section || !wrapper) return;\n      this.destroy();\n      gsap.set(wrapper, { clearProps: 'transform' });\n      this.timeout = setTimeout(() => this.setup(section, wrapper), CONFIG.horizontalScrollDelay);\n    },\n\n    setup(section, wrapper) {\n      const slides = wrapper.querySelectorAll('.swiper-slide');\n      if (!slides.length) return;\n      const eindX = () => {\n        const last = slides[slides.length - 1];\n        const wrapX = gsap.getProperty(wrapper, 'x') || 0;\n        const rel = last.getBoundingClientRect().left - wrapper.getBoundingClientRect().left;   \/\/ beide incl. dezelfde transform\n        const linksNu = wrapper.getBoundingClientRect().left - wrapX + rel;                     \/\/ linkerkant bij x = 0\n        return Math.min(0, (window.innerWidth - last.offsetWidth) \/ 2 - linksNu);\n      };\n      this.tween = gsap.to(wrapper, {\n        x: eindX,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: section,\n          start: 'top top',\n          end: () => '+=' + (section.offsetHeight - window.innerHeight),\n          scrub: 1,\n          invalidateOnRefresh: true\n        }\n      });\n    },\n\n    destroy() {\n      if (this.timeout) { clearTimeout(this.timeout); this.timeout = null; }\n      if (this.tween) { this.tween.kill(); this.tween = null; }\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ AGENDA SCROLL-SCHILD (Remote Opus, 17 sept): pagina scrolt boven de agenda; klik geeft de agenda vrij\n  \/\/ ==========================================================================\n  const KalenderSchild = {\n    handlers: [],\n    init() {\n      const kaart = Utils.$('.ro-kalender');\n      const schild = kaart ? kaart.querySelector('.ro-kalender-schild') : null;\n      if (!kaart || !schild) return;\n      const activeer = () => kaart.classList.add('is-actief');\n      const herstel = () => kaart.classList.remove('is-actief');\n      schild.addEventListener('click', activeer);\n      kaart.addEventListener('mouseleave', herstel);\n      this.handlers = [[schild, 'click', activeer], [kaart, 'mouseleave', herstel]];\n    },\n    destroy() {\n      this.handlers.forEach(([el, ev, fn]) => el.removeEventListener(ev, fn));\n      this.handlers = [];\n      const kaart = Utils.$('.ro-kalender'); if (kaart) kaart.classList.remove('is-actief');\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ TAKEN TRIL (Remote Opus, 17 sept): op mobiel \u00e9\u00e9n keer een tril van de kaartenrij als hint dat je kunt vegen\n  \/\/ ==========================================================================\n  \/\/ ==========================================================================\n  \/\/ TEGELS-BAND (Remote Opus, 21 sept): de tegels bij \"Altijd inbegrepen\" lopen als een\n  \/\/ doorlopende band voorbij. De rij wordt een keer gedupliceerd zodat hij naadloos\n  \/\/ rondloopt; de kopie is voor schermlezers verborgen. Pauzeert bij aanraken.\n  \/\/ ==========================================================================\n  const TegelsBand = {\n    init() {\n      const rij = Utils.$('.ro-tegels');\n      if (!rij || rij.dataset.roBand === '1') return;\n      if (!rij.parentElement.classList.contains('ro-tegels-rand')) {\n        const rand = document.createElement('div');\n        rand.className = 'ro-tegels-rand';\n        rij.parentElement.insertBefore(rand, rij);\n        rand.appendChild(rij);\n      }\n      const origineel = [...rij.children];\n      origineel.forEach(el => {\n        const kopie = el.cloneNode(true);\n        kopie.setAttribute('aria-hidden', 'true');\n        \/\/ Vangnet: mocht er toch een animatiestand op de tegel staan, dan kopieert die mee\n        \/\/ en blijft de kloon hangen. Daarom de inline standen van de kopie wissen.\n        ['opacity', 'transform', 'translate', 'visibility'].forEach(eig => {\n          kopie.style.removeProperty(eig);\n          kopie.querySelectorAll('[style]').forEach(k => k.style.removeProperty(eig));\n        });\n        rij.appendChild(kopie);\n      });\n      rij.dataset.roBand = '1';\n      \/\/ De band moet precies \u00e9\u00e9n set opschuiven. Met -50% landt dat op een halve pixel zodra de\n      \/\/ totale breedte oneven is, en dan zie je \u00e9\u00e9n hik per ronde. Daarom meten we de afstand tussen\n      \/\/ de eerste tegel en zijn kloon en gebruiken we die exacte pixelmaat.\n      this.meet = () => {\n        const helft = rij.children.length \/ 2;\n        const kloon = rij.children[helft];\n        if (!kloon) return;\n        const breedte = Math.round(kloon.offsetLeft - rij.children[0].offsetLeft);\n        if (breedte > 0) rij.style.setProperty('--ro-band-eind', `-${breedte}px`);\n      };\n      this.meet();\n      window.addEventListener('resize', this.meet);\n      this.handlers = [[window, 'resize', this.meet]];\n      const pauze = () => rij.classList.add('is-pauze');\n      const verder = () => rij.classList.remove('is-pauze');\n      rij.addEventListener('touchstart', pauze, { passive: true });\n      rij.addEventListener('touchend', verder, { passive: true });\n      this.handlers = (this.handlers || []).concat([[rij, 'touchstart', pauze], [rij, 'touchend', verder]]);\n    },\n    destroy() {\n      (this.handlers || []).forEach(([el, ev, fn]) => el.removeEventListener(ev, fn));\n      this.handlers = [];\n      const rij = Utils.$('.ro-tegels');\n      if (rij && rij.dataset.roBand === '1') {\n        const helft = rij.children.length \/ 2;\n        for (let i = rij.children.length - 1; i >= helft; i--) rij.children[i].remove();\n        delete rij.dataset.roBand;\n      }\n    }\n  };\n\n  \/\/ De tegels staan stil. Pas als de muis op een tegel komt gaat die ene video lopen; bij het\n  \/\/ verlaten pauzeert hij weer op de plek waar hij was. Daardoor speelt er hooguit \u00e9\u00e9n video\n  \/\/ tegelijk en blijft de pagina rustig. Op een telefoon is er geen muis, dus daar blijft het beeld\n  \/\/ staan; dat is bewust, twaalf video's op een telefoon is te zwaar.\n  \/\/ De FAQ is een Webflow-uitklapcomponent (.w-dropdown). Webflow's eigen script zit niet in de\n  \/\/ bundel, dus er luisterde niemand naar de klik: de vraag opende nooit. De opmaak is er wel \u2014\n  \/\/ .faq-answer-wrap is een raster met grid-template-rows:0fr en een overgang van 0,4s \u2014 dus we\n  \/\/ hoeven alleen de open-stand aan en uit te zetten. De CSS doet de rest.\n  \/\/ ==================== HERKOMST MEEGEVEN (UTM) ====================\n  \/\/ Twee dingen moeten herleidbaar zijn: een geplande afspraak en een gestart WhatsApp-gesprek.\n  \/\/  - Komt de bezoeker binnen met utm_-parameters (advertentie, nieuwsbrief), dan nemen we die over.\n  \/\/  - Komt hij zonder, dan schrijven we deze pagina als bron.\n  \/\/ De agenda krijgt ze als query achter zijn adres; LeadConnector bewaart ze bij de afspraak.\n  \/\/ WhatsApp kent geen utm, dus daar zetten we de herkomst in de voorgevulde tekst \u2014 die zie je\n  \/\/ meteen in het gesprek. Daarnaast gaat er een gebeurtenis naar GA4 als die op de pagina staat.\n  const Herkomst = {\n    SLEUTELS: ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid', 'fbclid'],\n    STANDAARD: {\n      utm_source: 'website',\n      utm_medium: 'landingspagina',\n      utm_campaign: 'virtual-assistant-inhuren'\n    },\n    \/\/ De herkomst wordt \u00e9\u00e9n keer bij het laden vastgelegd. Dat moet, want zowel wij als het\n    \/\/ embed-script van LeadConnector passen de URL later aan; daarna is de oorspronkelijke query weg.\n    vastleggen() {\n      const p = new URLSearchParams(window.location.search);\n      this.bron = Object.assign({}, this.STANDAARD);\n      this.SLEUTELS.forEach(k => { const v = p.get(k); if (v) this.bron[k] = v; });\n      this.eigenContent = p.get('utm_content') || null;\n      this.pad = window.location.pathname;\n      this.query = window.location.search;\n    },\n    waarden(extraContent) {\n      const uit = Object.assign({}, this.bron || this.STANDAARD);\n      if (extraContent && !this.eigenContent) uit.utm_content = extraContent;\n      return uit;\n    },\n    meld(naam, waarden) {\n      try {\n        if (typeof window.gtag === 'function') window.gtag('event', naam, waarden);\n        else if (Array.isArray(window.dataLayer)) window.dataLayer.push(Object.assign({ event: naam }, waarden));\n      } catch (e) {}\n    },\n    agenda() {\n      const frame = Utils.$('iframe[data-agenda-src]');\n      if (!frame) return;\n      const basis = frame.getAttribute('data-agenda-src');\n      const q = new URLSearchParams(this.waarden('agenda'));\n      frame.src = basis + (basis.indexOf('?') >= 0 ? '&' : '?') + q.toString();\n      frame.removeAttribute('data-agenda-src');\n      \/\/ Een afgeronde boeking herkennen. LeadConnector stuurt de pagina eromheen een bericht;\n      \/\/ het embed-script van hen doet daar zelf history.replaceState mee (actie 'modify-parent-url',\n      \/\/ die je in de agenda-instellingen aanzet met een redirect-URL). Wij luisteren mee, zodat:\n      \/\/  - de URL sowieso herkenbaar wordt (?afspraak=gepland), ook als die instelling nog uit staat;\n      \/\/  - GA4 een gebeurtenis \u00e9n een nieuwe paginaweergave ziet, want replaceState geeft die niet vanzelf.\n      const luister = (e) => {\n        if (!e.origin || e.origin.indexOf('leadconnectorhq.com') < 0) return;\n        const ruw = e.data;\n        const actie = Array.isArray(ruw) ? ruw[0] : (ruw && ruw.action);\n        const tekst = typeof ruw === 'string' ? ruw : JSON.stringify(ruw || '');\n        const geboekt = actie === 'modify-parent-url' || \/appointment|booking|booked|scheduled\/i.test(tekst);\n        if (!geboekt || this.gemeld) return;\n        this.gemeld = true;\n        this.markeerUrl();\n      };\n      window.addEventListener('message', luister);\n      this.handlers.push([window, 'message', luister]);\n    },\n    gemeld: false,\n    \/\/ Zet de pagina op een herkenbaar adres en meld de conversie. Een queryparameter en geen apart\n    \/\/ pad, zodat verversen niet op een 404 uitkomt: deze pagina bestaat, \/bedankt\/ zou dat niet.\n    markeerUrl() {\n      const w = this.waarden('agenda');\n      try {\n        \/\/ opbouwen vanaf het vastgelegde pad en de oorspronkelijke query: het embed-script van\n        \/\/ LeadConnector kan de URL al veranderd hebben, dus window.location is hier niet te vertrouwen\n        const u = new URL(this.pad + this.query, window.location.origin);\n        u.searchParams.set('afspraak', 'gepland');\n        window.history.replaceState(null, '', u.pathname + u.search);\n        const adres = u.toString();\n        this.meld('afspraak_gepland', Object.assign({ page_location: adres }, w));\n        \/\/ Bewust g\u00e9\u00e9n eigen page_view: GA4 stuurt er zelf al een zodra de URL verandert\n        \/\/ (verbeterde meting, 'wijzigingen in de geschiedenis'). Deden we het er ook nog bij,\n        \/\/ dan telde elke afspraak voor twee paginaweergaven. Gemeten en geverifieerd 23 sept.\n      } catch (e) {\n        this.meld('afspraak_gepland', w);\n      }\n    },\n    \/\/ Welke pagina bekeek de bezoeker? Dat staat in het adres, en de slug is precies de paginanaam:\n    \/\/ \/virtuele-assistent-inhuren\/ wordt \"virtuele assistent inhuren\". Klopt dat ergens niet, zet dan\n    \/\/ data-ro-pagina=\"...\" in die pagina; dat gaat voor.\n    STANDAARDPAGINA: 'virtuele assistent inhuren',\n    paginanaam() {\n      const el = document.querySelector('[data-ro-pagina]');\n      const opgegeven = (el && el.getAttribute('data-ro-pagina'))\n        || document.documentElement.getAttribute('data-ro-pagina');\n      if (opgegeven) return opgegeven.trim();\n      const slug = (this.pad || '').split('\/').filter(Boolean).pop() || '';\n      if (!slug || \/\\.(html?|php)$\/i.test(slug)) return this.STANDAARDPAGINA;\n      return slug.replace(\/-\/g, ' ').trim();\n    },\n    whatsapp() {\n      const w = this.waarden('whatsapp');\n      const eigenBron = w.utm_source !== this.STANDAARD.utm_source;\n      const herkomst = eigenBron ? ` (bron: ${w.utm_source}\/${w.utm_medium}\/${w.utm_campaign})` : '';\n      const tekst = `Hoi Remote Opus, ik zag je pagina ${this.paginanaam()}. Kan je me wat meer vertellen?` + herkomst;\n      document.querySelectorAll('a[href*=\"wa.me\/\"]').forEach(a => {\n        const basis = a.getAttribute('href').split('?')[0];\n        a.setAttribute('href', basis + '?text=' + encodeURIComponent(tekst));\n        const klik = () => this.meld('whatsapp_gestart', w);\n        a.addEventListener('click', klik);\n        this.handlers.push([a, 'click', klik]);\n      });\n    },\n    handlers: [],\n    init() {\n      this.vastleggen();\n      this.agenda();\n      this.whatsapp();\n    },\n    destroy() {\n      this.handlers.forEach(([el, ev, fn]) => el.removeEventListener(ev, fn));\n      this.handlers = [];\n    }\n  };\n\n  const FaqOpenklap = {\n    handlers: [],\n    init() {\n      const vragen = [...document.querySelectorAll('.faq.w-dropdown')];\n      vragen.forEach(vraag => {\n        const knop = vraag.querySelector('.faq-toggle');\n        const lijst = vraag.querySelector('.faq-list');\n        if (!knop || !lijst) return;\n        if (!lijst.id) lijst.id = 'faq-antwoord-' + Math.random().toString(36).slice(2, 8);\n        knop.setAttribute('role', 'button');\n        knop.setAttribute('tabindex', '0');\n        knop.setAttribute('aria-expanded', 'false');\n        knop.setAttribute('aria-controls', lijst.id);\n        const wissel = () => {\n          const open = vraag.classList.toggle('is-open');\n          knop.setAttribute('aria-expanded', open ? 'true' : 'false');\n          \/\/ Webflow's eigen klassen meezetten, zodat bestaande CSS blijft kloppen\n          knop.classList.toggle('w--open', open);\n          lijst.classList.toggle('w--open', open);\n          if (window.ScrollTrigger && ScrollTrigger.refresh) setTimeout(() => ScrollTrigger.refresh(), 450);\n        };\n        const opToets = (e) => {\n          if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); wissel(); }\n        };\n        knop.addEventListener('click', wissel);\n        knop.addEventListener('keydown', opToets);\n        this.handlers.push([knop, 'click', wissel], [knop, 'keydown', opToets]);\n      });\n    },\n    destroy() {\n      this.handlers.forEach(([el, ev, fn]) => el.removeEventListener(ev, fn));\n      this.handlers = [];\n    }\n  };\n\n  const TegelFilm = {\n    handlers: [],\n    init() {\n      const videos = [...document.querySelectorAll('.ro-tegel-film')];\n      videos.forEach(v => {\n        v.muted = true;\n        v.pause();\n        const tegel = v.closest('.ro-tegel');\n        if (!tegel) return;\n        const aan = () => {\n          \/\/ De video toont een handeling (pen schrijft, lampjes knipperen) en loopt \u00e9\u00e9n keer door.\n          \/\/ Is hij uitgespeeld, dan begint hij opnieuw; anders gaat hij verder waar hij was.\n          if (v.ended) v.currentTime = 0;\n          const p = v.play();\n          if (p && p.catch) p.catch(() => {});\n        };\n        const uit = () => v.pause();\n        tegel.addEventListener('mouseenter', aan);\n        tegel.addEventListener('mouseleave', uit);\n        this.handlers.push([tegel, 'mouseenter', aan], [tegel, 'mouseleave', uit]);\n      });\n    },\n    destroy() {\n      this.handlers.forEach(([el, ev, fn]) => el.removeEventListener(ev, fn));\n      this.handlers = [];\n    }\n  };\n\n  const TakenWenk = {\n    obs: null, timer: null, wacht: null, actief: false, track: null, wrap: null, gebruikerVeegde: false,\n    init() {\n      if (window.innerWidth >= 768) return;\n      this.track = Utils.$('.work-track'); this.wrap = Utils.$('.work-track-wrap');\n      if (!this.track || !this.wrap || !('IntersectionObserver' in window)) return;\n      if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n      const zelfGeveegd = () => { this.gebruikerVeegde = true; this.stop(); };\n      this.wrap.addEventListener('touchstart', zelfGeveegd, { passive: true });\n      this.wrap.addEventListener('scroll', zelfGeveegd, { passive: true });\n      this.handlers = [[this.wrap, 'touchstart', zelfGeveegd], [this.wrap, 'scroll', zelfGeveegd]];\n      \/\/ pas beginnen als de hero helemaal voorbij is en de kaartenrij volledig in beeld staat\n      this.obs = new IntersectionObserver((entries) => {\n        entries.forEach(e => {\n          const heroVoorbij = (() => { const h = Utils.$('.hero'); return !h || h.getBoundingClientRect().bottom <= 0; })();\n          if (e.isIntersecting && heroVoorbij && !this.gebruikerVeegde) this.start(); else this.stop();\n        });\n      }, { threshold: 0.9 });\n      this.obs.observe(this.wrap);\n    },\n    wenk() {\n      if (!this.track) return;\n      this.track.classList.remove('is-wenk');\n      void this.track.offsetWidth;          \/\/ animatie opnieuw laten starten\n      this.track.classList.add('is-wenk');\n    },\n    start() {\n      if (this.actief) return;\n      this.actief = true;\n      \/\/ 2,5 seconde wachten voordat de eerste wenk komt, anders begint hij te snel\n      this.wacht = setTimeout(() => {\n        this.wenk();\n        this.timer = setInterval(() => this.wenk(), 5000);   \/\/ daarna elke 5 seconden\n      }, 2500);\n    },\n    stop() {\n      this.actief = false;\n      if (this.wacht) { clearTimeout(this.wacht); this.wacht = null; }\n      if (this.timer) { clearInterval(this.timer); this.timer = null; }\n      if (this.track) this.track.classList.remove('is-wenk');\n    },\n    destroy() {\n      this.stop();\n      if (this.obs) { this.obs.disconnect(); this.obs = null; }\n      (this.handlers || []).forEach(([el, ev, fn]) => el.removeEventListener(ev, fn));\n      this.handlers = []; this.gebruikerVeegde = false;\n    }\n  };\n\n\n  \/\/ ==========================================================================\n  \/\/ HERO MOBIEL (Remote Opus, 17 sept): scroll-diepte 0\u21921 als CSS-variabele --p op .hero-sticky\n  \/\/ (woordmerk drijft omhoog en vervaagt, foto vervaagt\/blurt \u2014 tegenhanger van de desktop-blur)\n  \/\/ ==========================================================================\n  const HeroMobiel = {\n    handler: null, raf: 0,\n    init() {\n      if (window.innerWidth >= 768) return;\n      if (\/[?&]bewerk\/.test(location.search)) return; \/\/ bewerkmodus: geen scroll-effecten, anders vecht --p met het slepen\n      const sticky = Utils.$('.hero-sticky'); const hero = Utils.$('.hero'); if (!sticky || !hero) return;\n      const update = () => {\n        this.raf = 0;\n        const bereik = Math.max(1, hero.offsetHeight * 0.85);\n        const p = Math.min(1, Math.max(0, window.scrollY \/ bereik));\n        sticky.style.setProperty('--p', p.toFixed(3));\n        const nav = Utils.$('.navigation'); if (nav) nav.classList.toggle('is-na-hero', p >= 0.85);\n      };\n      this.handler = () => { if (!this.raf) this.raf = requestAnimationFrame(update); };\n      window.addEventListener('scroll', this.handler, { passive: true });\n      update();\n    },\n    destroy() {\n      if (this.handler) window.removeEventListener('scroll', this.handler);\n      this.handler = null; if (this.raf) cancelAnimationFrame(this.raf); this.raf = 0;\n      const sticky = Utils.$('.hero-sticky'); if (sticky) sticky.style.removeProperty('--p');\n      const nav = Utils.$('.navigation'); if (nav) nav.classList.remove('is-na-hero');\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ MENU EXTRA (Remote Opus, 18 sept): mobiel menu sluit bij keuze, pagina scrolt niet mee terwijl het open is\n  \/\/ ==========================================================================\n  const MenuExtra = {\n    handlers: [],\n    init() {\n      if (window.innerWidth >= 768) return;\n      const wrap = Utils.$('.nav-menu-wrap'); const trigger = Utils.$('.mobile-menu'); if (!wrap || !trigger) return;\n      const sync = () => setTimeout(() => document.documentElement.classList.toggle('ro-menu-open', !!MobileMenu.isOpen), 0);\n      const kies = (e) => { if (e.target.closest('a[href^=\"#\"]')) { MobileMenu.close(); sync(); } };\n      \/\/ capture-fase: de link-handler van heynesh (smooth scroll) stopt de bubbling, dus we luisteren v\u00f3\u00f3r hem\n      trigger.addEventListener('click', sync); wrap.addEventListener('click', kies, true);\n      this.handlers = [[trigger, 'click', sync, false], [wrap, 'click', kies, true]];\n    },\n    destroy() {\n      this.handlers.forEach(([el, ev, fn, cap]) => el.removeEventListener(ev, fn, !!cap)); this.handlers = [];\n      document.documentElement.classList.remove('ro-menu-open');\n    }\n  };\n\n  \/\/ ==========================================================================\n  \/\/ MAIN INITIALIZATION\n  \/\/ ==========================================================================\n  function destroyAll() {\n    ScrollTrigger.getAll().forEach(st => st.kill());\n  \n    STATE.eventListeners.forEach(({ target, event, handler, options }) => {\n      target.removeEventListener(event, handler, options);\n    });\n    STATE.eventListeners = [];\n  \n    GhostEngine.destroy();\n    StyleEngine.destroy();\n    HorizontalScroll.destroy();\n    ServicePin.destroy();\n    TestimonialScroll.destroy();\n    KalenderSchild.destroy();\n    TakenWenk.destroy();\n    Herkomst.destroy();\n    FaqOpenklap.destroy();\n    TegelFilm.destroy();\n    TegelsBand.destroy();\n    MenuExtra.destroy();\n    MagneticPositions.destroy();\n    Preloader.destroy();\n    SwiperInit.destroy();\n    LenisInit.destroy();\n    ImageTrail.destroy();\n    MobileMenu.destroy();\n  \n    STATE.initialized = false;\n  }\n  \n  function initAll() {\n    if (STATE.initialized) {\n      console.warn('Animation engine already initialized. Call destroyAll() first.');\n      return;\n    }\n  \n    gsap.registerPlugin(ScrollTrigger);\n  \n    Sidebar.init();\n    GhostEngine.init();\n    \/\/ De tegelband staat uit: de tegels staan stil in een raster, alle twaalf in beeld.\n    \/\/ TegelsBand blijft staan zodat de lopende band met \u00e9\u00e9n regel terug te zetten is.\n    \/\/ TegelsBand.init();\n    StyleEngine.init();\n    HorizontalScroll.init();\n    ServicePin.init();\n    TestimonialScroll.init();\n    KalenderSchild.init();\n    TakenWenk.init();\n    TegelFilm.init();\n    FaqOpenklap.init();\n    Herkomst.init();\n    MenuExtra.init();\n    ThemeSwitcher.init();\n    MobileMenu.init();\n  \n    CardInteractions.init();\n    ProfileImage.init();\n    CTAAnimation.init();\n    Clipboard.init();\n    ImageTrail.init();\n    ButtonHover.init();\n  \n    SwiperInit.init();\n    LenisInit.init();\n    if (STATE.lenis && window.innerWidth >= 768) {\n      STATE.lenis.stop();\n      setTimeout(() => { if (STATE.lenis) STATE.lenis.start(); }, 3000);\n    }\n\n    TextReveal.init();\n  \n    ResizeHandler.init();\n  \n    ScrollTrigger.refresh();\n  \n    STATE.initialized = true;\n    \n    setTimeout(() => {\n      MagneticPositions.init();\n    }, CONFIG.magneticInitDelay);\n  }\n  \n  window.AnimationEngine = {\n    init: initAll,\n    destroy: destroyAll,\n    refresh: () => {\n      Sidebar.scale();\n      ScrollTrigger.refresh();\n    },\n    rebuildGhosts: () => GhostEngine.rebuild(),\n    rebuildMagnetic: () => MagneticPositions.rebuild(),\n    recalculateHorizontalScroll: () => HorizontalScroll.recalculate(),\n    debug: {\n      magneticPairs: () => STATE.magneticPairs,\n      state: () => STATE\n    }\n  };\n  \n  window.addEventListener('load', () => {\n    window.scrollTo(0, 0);\n    \/\/ Double-rAF ensures Safari completes layout\/paint with freshly\n    \/\/ downloaded resources before we measure positions for Preloader\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        window.scrollTo(0, 0);\n        Preloader.init();\n        initAll();\n      });\n    });\n  });\n\n  \/\/ Handle Safari bfcache \u2014 page restored from back\/forward navigation\n  window.addEventListener('pageshow', (e) => {\n    if (e.persisted) {\n      window.scrollTo(0, 0);\n      ScrollTrigger.refresh();\n    }\n  });\n\n})();<\/script>\n<script>\n\/* Remote Opus: haalt de pagina los van het WordPress-thema.\n   Met JavaScript en niet met CSS, omdat LiteSpeed de stijlen samenvoegt en die\n   van het thema daarbij na de onze zet. Inline stijlen via script winnen altijd.\n   Gemeten verschillen die hier worden rechtgezet:\n     - marge van 70px die de menu-plug-in op de body zet\n     - binnenmarge van de Elementor-omhulsels\n     - .container       : thema zet 20px padding, ons ontwerp 0\n     - .hero-container  : thema zet 50px marge, ons ontwerp auto (gecentreerd) *\/\n(function(){\n  var ZET=function(el,p){ if(!el) return; for(var k in p){ try{ el.style.setProperty(k,p[k],'important'); }catch(e){} } };\n  var LOS=function(){\n    var ro=document.querySelector('.ro-landing'); if(!ro) return;\n    ['nav.rmn-nav','#ro-cw','.rmn-nav','#rmn_menu_btn'].forEach(function(s){\n      document.querySelectorAll(s).forEach(function(e){ ZET(e,{display:'none'}); }); });\n    ZET(document.documentElement,{'padding-top':'0','margin-top':'0'});\n    ZET(document.body,{'padding-top':'0','margin-top':'0'});\n    var n=ro.parentElement;\n    while(n && n!==document.body){ ZET(n,{padding:'0',margin:'0','max-width':'none',width:'100%'}); n=n.parentElement; }\n    ZET(ro,{width:'100%','max-width':'none',margin:'0',padding:'0'});\n    ro.querySelectorAll('.container').forEach(function(e){ ZET(e,{padding:'0',margin:'0'}); });\n    ro.querySelectorAll('.hero-container').forEach(function(e){ ZET(e,{'margin-left':'auto','margin-right':'auto'}); });\n    \/* de WhatsApp-knop optillen zolang de cookiebalk onderin staat *\/\n    if(window.innerWidth < 768){\n      var knop = ro.querySelector('.nav-button-mobile');\n      var balk = document.querySelector('#moove_gdpr_cookie_info_bar');\n      if(knop){\n        var zichtbaar = balk && getComputedStyle(balk).display !== 'none' && balk.getBoundingClientRect().height > 4;\n        if(zichtbaar){ ZET(knop, {bottom: Math.round(balk.getBoundingClientRect().height + 14) + 'px'}); }\n        else { try{ knop.style.removeProperty('bottom'); }catch(e){} }\n      }\n    }\n  };\n  LOS();\n  document.addEventListener('DOMContentLoaded',LOS);\n  document.addEventListener('click',function(){ setTimeout(LOS,400); },true);\n  window.addEventListener('load',function(){\n    LOS();\n    [300,900,2000,4000].forEach(function(ms){ setTimeout(function(){\n      LOS(); if(window.ScrollTrigger && ScrollTrigger.refresh) ScrollTrigger.refresh(); },ms); });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Huur via Remote Opus een fulltime virtual assistant in. Vanaf 895 euro per maand, zonder bureaukosten, en win elke week tijd terug.<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_elementor_version":"3.32.4","_wp_page_template":"elementor_canvas","footnotes":""},"class_list":["post-31359","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/31359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/comments?post=31359"}],"version-history":[{"count":1,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/31359\/revisions"}],"predecessor-version":[{"id":31360,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/31359\/revisions\/31360"}],"wp:attachment":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/media?parent=31359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}