{"id":72884,"date":"2026-03-23T05:08:28","date_gmt":"2026-03-23T05:08:28","guid":{"rendered":"https:\/\/employmenthero.com\/?page_id=72884"},"modified":"2026-04-22T01:50:19","modified_gmt":"2026-04-22T01:50:19","slug":"heroforce","status":"publish","type":"page","link":"https:\/\/employmenthero.com\/products\/heroforce\/","title":{"rendered":"HeroForce"},"content":{"rendered":"\n<div class=\"hf-page-wrapper\">\n\n  <section class=\"hf-hero-wrapper\" id=\"hf-hero-intro\">\n    <div class=\"hf-hero-content\">\n      <div class=\"hf-ai-tag-wrap\">\n        <a href=\"https:\/\/employmenthero.com\/ai\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hf-ai-tag\">\n          <span class=\"hf-ai-tag-border\"><\/span>\n          <span class=\"hf-ai-tag-inner\">\n            <span class=\"hf-ai-tag-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/01\/Shine-AI-Icon.png\" alt=\"AI\" width=\"20\" height=\"20\" style=\"width:20px;height:20px;object-fit:contain;\"><\/span>\n            <span class=\"hf-ai-tag-text-wrap\">\n              <span class=\"hf-ai-tag-text-slider\">\n                <span class=\"hf-ai-tag-text-line hf-ai-tag-text-line--default\">AI Employment Operating System<\/span>\n                <span class=\"hf-ai-tag-text-line hf-ai-tag-text-line--hover\">Our AI Commitment<\/span>\n              <\/span>\n            <\/span>\n            <span class=\"hf-ai-tag-arrow\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7622D7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n      <\/div>\n\n      <h1 class=\"hf-hero-h1\">HeroForce: End-to-end employment, done for you<\/h1>\n      <!-- Single-Action Reveal Card -->\n      <div class=\"hf-checklist\">\n        <div class=\"hf-checklist-container\">\n          <div class=\"hf-checklist-row\">\n            <div class=\"hf-checklist-header-bar\">\n              <span class=\"hf-header-default\">Click to resolve the hidden cost of employment:<\/span>\n              <span class=\"hf-header-active\">Handled by Employment Hero<\/span>\n            <\/div>\n            <div class=\"hf-checklist-header\">\n              <div class=\"hf-checklist-icon-wrap\">\n                <div class=\"hf-checklist-checkbox\"><span class=\"hf-checklist-checkbox-check\">\u2713<\/span><\/div>\n              <\/div>\n              <div class=\"hf-checklist-problem\">\n                <span class=\"hf-checklist-problem-text\">Employment costs your business 1.5-2.5x every salary you pay<\/span>\n                <span class=\"hf-checklist-detail\">Buried across compliance, recruitment fees, payroll admin and regulatory risk. In one Fairwork compliance review, 48% of audited businesses were found in breach of workplace laws.<\/span>\n              <\/div>\n              <div class=\"hf-checklist-solution\">\n                <p class=\"hf-checklist-solution-heading\">Hire and employ talent on-demand, locally or globally.<\/p>\n                <p class=\"hf-checklist-solution-text\">Employment Hero handles the contracts, payroll, compliance and admin. It&#8217;s the easiest way to build your team your way, without the complexity of being the employer.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide hf-hero-cta-wrap is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--6)\">\n<div class=\"wp-block-button\" data-trigger-modal=\"modal-v2-block-5ccf610a-ee27-455d-b687-a21e1dae2a87\"><a class=\"wp-block-button__link wp-element-button\">Speak to an employment expert<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"hf-page-wrapper\">\n  <div class=\"hf-trust-stats-standalone\" style=\"max-width:1200px;margin:0 auto;padding:0 24px;\">\n    <div class=\"hf-trust-runway\">\n      <div class=\"hf-trust-item\">\n        <span class=\"hf-trust-value\">34%<\/span>\n        <span class=\"hf-trust-label-wrap\">\n          <span class=\"hf-trust-label\">Lower Costs vs Direct <span class=\"hf-trust-nowrap\">Employment<span class=\"hf-trust-info\" data-stat=\"34%\" data-tooltip=\"Savings based on internal HeroForce modelling of representative total employment costs (incl taxes, and overheads) vs. market rates. Actual savings may vary by region, industry, and specific local compliance requirements.\">i<\/span><\/span><\/span>\n          <span class=\"hf-trust-tooltip\">Savings based on internal HeroForce modelling of representative total employment costs (incl taxes, and overheads) vs. market rates. Actual savings may vary by region, industry, and specific local compliance requirements.<\/span>\n        <\/span>\n      <\/div>\n      <div class=\"hf-trust-item\">\n        <span class=\"hf-trust-value\">80%<\/span>\n        <span class=\"hf-trust-label-wrap\">\n          <span class=\"hf-trust-label\">Lower Costs vs Labour <span class=\"hf-trust-nowrap\">Hire<span class=\"hf-trust-info\" data-stat=\"80%\" data-tooltip=\"Savings based on internal HeroForce modelling of representative total employment costs (incl taxes, and overheads) vs. market rates. Actual savings may vary by region, industry, and specific local compliance requirements.\">i<\/span><\/span><\/span>\n          <span class=\"hf-trust-tooltip\">Savings based on internal HeroForce modelling of representative total employment costs (incl taxes, and overheads) vs. market rates. Actual savings may vary by region, industry, and specific local compliance requirements.<\/span>\n        <\/span>\n      <\/div>\n      <div class=\"hf-trust-item\">\n        <span class=\"hf-trust-value\">180+<\/span>\n        <span class=\"hf-trust-label\">Countries Covered<\/span>\n      <\/div>\n      <div class=\"hf-trust-item\">\n        <span class=\"hf-trust-value\">0<\/span>\n        <span class=\"hf-trust-label\">Entity Setup<\/span>\n      <\/div>\n    <\/div>\n    <!-- Mobile Stat Drawer -->\n    <div class=\"hf-stat-drawer-backdrop\" id=\"hf-stat-backdrop\"><\/div>\n    <div class=\"hf-stat-drawer\" id=\"hf-stat-drawer\">\n      <div class=\"hf-stat-drawer-handle\"><\/div>\n      <div class=\"hf-stat-drawer-text\" id=\"hf-stat-drawer-text\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-5 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignfull eh-hire-with-eos-banner has-global-padding is-layout-constrained wp-container-core-group-is-layout-4 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--8);padding-bottom:var(--wp--preset--spacing--2-5)\">\n<div class=\"wp-block-group eh-hire-with-eos-banner-container has-border-color has-light-violet-200-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-3 wp-block-group-is-layout-constrained\" style=\"border-width:3px;border-radius:28px;min-height:0px;position:relative\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-2 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-employmentherocom2025-video-embed\" style=\"max-width:1100px;max-height:619px\"><div class=\"wp-block-employmentherocom2025-video-iframe-wrapper\" style=\"height:0px;padding-bottom:calc(100% * 619 \/ 1100);display:none\"><iframe loading=\"lazy\" class=\"wp-block-employmentherocom2025-video-embed-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1185353713?autoplay=1&amp;loop=1&amp;muted=1&amp;controls=1&amp;fullscreen=0&amp;pip=0&amp;quality=1080p&amp;background=0\" width=\"1100\" height=\"619\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe><\/div><div class=\"wp-block-employmentherocom2025-video-thumbnail\" style=\"padding-bottom:calc(100% * 619 \/ 1100);width:100%;position:relative\"><img decoding=\"async\" src=\"https:\/\/i.vimeocdn.com\/video\/2148755286-14784858156baa20a66043472d32dab66d96d7bcb2103f294e6625944cc5c53c-d_1280?region=us\" alt=\"Video Thumbnail\" style=\"position:absolute;top:0;left:0;width:100%;height:100%\"\/><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"hf-page-wrapper\">\n\n  <section class=\"hf-hero-wrapper\" id=\"hf-hero-trust\">\n    <div class=\"hf-hero-content\">\n      <div class=\"hf-trust-rotator\" id=\"hf-trust-rotator\">\n        <a href=\"https:\/\/www.capterra.com.au\/software\/144645\/employment-hero\" target=\"_blank\" rel=\"noopener\" class=\"hf-trust-badge hf-trust-badge--capterra hf-trust-badge--active\">\n          <span class=\"hf-trust-stars\" style=\"--star-pct:88%\"><\/span>\n          <span class=\"hf-trust-score\">4.4\/5<\/span>\n          <span class=\"hf-trust-platform\">on Capterra<\/span>\n        <\/a>\n        <a href=\"https:\/\/au.trustpilot.com\/review\/employmenthero.com\" target=\"_blank\" rel=\"noopener\" class=\"hf-trust-badge hf-trust-badge--trustpilot\">\n          <span class=\"hf-trust-stars\" style=\"--star-pct:82%\"><\/span>\n          <span class=\"hf-trust-score\">4.1\/5<\/span>\n          <span class=\"hf-trust-platform\">on Trustpilot<\/span>\n        <\/a>\n        <a href=\"https:\/\/www.g2.com\/products\/employment-hero\/reviews?utm_source=review-widget\" target=\"_blank\" rel=\"noopener\" class=\"hf-trust-badge hf-trust-badge--g2\">\n          <span class=\"hf-trust-stars\" style=\"--star-pct:86%\"><\/span>\n          <span class=\"hf-trust-score\">4.3\/5<\/span>\n          <span class=\"hf-trust-platform\">on G2<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"hf-capability-section\">\n    <div class=\"hf-capability-container\">\n      <div class=\"hf-capability-context\">\n        <h2 class=\"hf-cap-h2 has-heading-2-xl-font-size\">Making employment easier.<\/h2>\n        <p class=\"hf-cap-intro\">Employment Hero&#8217;s Employment Operating System combines powerful, intelligent <a href=\"https:\/\/employmenthero.com\/ai\">AI agents<\/a> with a platform built to support your team at every turn. HeroForce and our team of experts run employment end-to-end, handling compliance and payroll \u2014 whether you&#8217;re hiring locally or globally.<\/p>\n        <ul class=\"hf-roi-vp-list\" style=\"margin-top:24px;\">\n          <li class=\"hf-roi-vp-item\">\n            <span class=\"hf-roi-vp-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"11\" fill=\"#7622D7\"\/><path d=\"M7 11.5l2.8 2.8 5.2-5.2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <span class=\"hf-roi-vp-text\"><strong>Bring your own talent or find new:<\/strong> Tap into a marketplace of 2 million+ jobseekers, or transition your existing people onto HeroForce.<\/span>\n          <\/li>\n          <li class=\"hf-roi-vp-item\">\n            <span class=\"hf-roi-vp-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"11\" fill=\"#7622D7\"\/><path d=\"M7 11.5l2.8 2.8 5.2-5.2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <span class=\"hf-roi-vp-text\"><strong>Powered by Hero AI:<\/strong> The native intelligence built into our Employment Operating System \u2014 it&#8217;s what makes HeroForce faster, smarter and more efficient at running employment for you.<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"hf-capability-bento\">\n        <div class=\"hf-cap-card\">\n          <div class=\"hf-cap-card-icon\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/domestic-hiring.webp\" alt=\"Domestic hiring icon\"><\/div>\n          <div class=\"hf-cap-card-content\"><h3 class=\"hf-cap-card-h3\">Employ locally<\/h3><p class=\"hf-cap-card-desc\">Hire and manage employees based in Australia, while Employment Hero handles <a href=\"https:\/\/employmenthero.com\/products\/payroll-software\/\">payroll<\/a>, compliance and employment admin for you.<\/p><\/div>\n        <\/div>\n        <div class=\"hf-cap-card\">\n          <div class=\"hf-cap-card-icon\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/international-hiring.webp\" alt=\"International hiring icon\"><\/div>\n          <div class=\"hf-cap-card-content\"><h3 class=\"hf-cap-card-h3\">Employ globally<\/h3><p class=\"hf-cap-card-desc\">Hire talent in 180+ countries without setting up legal entities or navigating complex foreign regulations.<\/p><\/div>\n        <\/div>\n        <div class=\"hf-cap-card\">\n          <div class=\"hf-cap-card-icon\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/labour-on-demand.webp\" alt=\"Labour on demand icon\"><\/div>\n          <div class=\"hf-cap-card-content\"><h3 class=\"hf-cap-card-h3\">Employ on demand<\/h3><p class=\"hf-cap-card-desc\">Access pre-vetted, ready-to-work talent whenever you need it and scale your workforce up or down with ease. On demand talent is available in your area or in 180+ countries globally.<\/p><\/div>\n        <\/div>\n        <div class=\"hf-cap-card\">\n          <div class=\"hf-cap-card-icon\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/bring-own-talent.webp\" alt=\"Bring your own talent icon\"><\/div>\n          <div class=\"hf-cap-card-content\"><h3 class=\"hf-cap-card-h3\">Bring your own talent<\/h3><p class=\"hf-cap-card-desc\">Already have the right candidates or existing employees? Seamlessly employ and transition them onto HeroForce.<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n\n<div role=\"dialog\" aria-modal=\"true\" class=\"wp-block-employmentherocom2025-modal-v2-block__wrapper size-large\" id=\"modal-v2-block-5ccf610a-ee27-455d-b687-a21e1dae2a87\"><div class=\"wp-block-employmentherocom2025-modal-v2-block\"><div class=\"wp-block-employmentherocom2025-modal-v2-block__content\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--6);padding-left:var(--wp--preset--spacing--6)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-12 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-right:0;padding-left:var(--wp--preset--spacing--6)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\" style=\"padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/08\/phone.png\" alt=\"Telephone icon\" class=\"wp-image-61561\" style=\"object-fit:cover;width:22px;height:22px\"\/><\/figure>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size has-paragraph-2-m-font-size is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-link is-style-link--1\"><a class=\"wp-block-button__link has-btn-brand-background-color has-background wp-element-button\" href=\"tel:1300084847\">1300 084 847<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7 wp-block-group-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<h1 class=\"wp-block-heading has-heading-3-l-font-size\"><strong>See how HeroForce helps you hire and employ talent, end-to-end.<\/strong><\/h1>\n\n\n\n<p class=\"has-paragraph-2-m-font-size\">Ready to build your team without the complexity of employment?<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group checklist has-global-padding is-layout-constrained wp-container-core-group-is-layout-11 wp-block-group-is-layout-constrained\" style=\"margin-bottom:0;padding-right:0;padding-left:0\">\n<div class=\"wp-block-group hf-checklist is-nowrap is-layout-flex wp-container-core-group-is-layout-8 wp-block-group-is-layout-flex\" style=\"padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/08\/check-circle-2.png\" alt=\"Purple check icon\" class=\"wp-image-61560\" style=\"object-fit:contain;width:35px;height:35px\"\/><\/figure>\n\n\n\n<p class=\"has-paragraph-2-m-font-size\">Hire and employ talent on-demand, locally or globally, through one connected platform.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hf-checklist is-nowrap is-layout-flex wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex\" style=\"padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/08\/check-circle-2.png\" alt=\"Purple check icon\" class=\"wp-image-61560\" style=\"object-fit:contain;width:35px;height:35px\"\/><\/figure>\n\n\n\n<p class=\"has-paragraph-2-m-font-size\">Move faster with pre-vetted talent, AI-powered hiring and streamlined onboarding.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hf-checklist is-nowrap is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex\" style=\"padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/08\/check-circle-2.png\" alt=\"Purple check icon\" class=\"wp-image-61560\" style=\"object-fit:contain;width:35px;height:35px\"\/><\/figure>\n\n\n\n<p class=\"has-paragraph-2-m-font-size\">Reduce compliance risks and admin overhead.<\/p>\n<\/div>\n\n\n\n<style>\nimg.wp-image-61560 {\n    max-width: 20px!important;\n}\n.hf-checklist {\nalign-items: center; }\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--4);flex-basis:45%\">\n<div class=\"wp-block-group form-v2-violet-box-shadow-pattern is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--4);padding-bottom:var(--wp--preset--spacing--4)\">\n\n<div class=\"wp-block-employmentherocom2025-marketo-form-v2 is-layout-flow wp-block-marketo-form-v2-is-layout-flow\">\n                                                            <section class=\"eh_marketo_form-title-section eh_marketo_form-title-section--small\" aria-labelledby=\"marketo-form-title\">\n        <div class=\"eh_marketo_form-title-container\">\n                            <div class=\"eh_marketo_form-title-image\" role=\"img\" aria-label=\"Fill out the form to request your free consultation.\">\n                    <img \n                        src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/08\/eh-world-1.webp\" \n                        alt=\"Fill out the form to request your free consultation.\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    \/>\n                <\/div>\n                                        <h2 id=\"marketo-form-title\" class=\"eh_marketo_form-title\">Fill out the form to request your free consultation.<\/h2>\n                    <\/div>\n            <\/section>\n                            <div class=\"eh_marketo_form-container_v2\" data-marketo-form=\"{&quot;is_multi_steps&quot;:false,&quot;form_data&quot;:[{&quot;base_url&quot;:&quot;\/\/hr.employmenthero.io&quot;,&quot;munchkin_id&quot;:&quot;387-SZZ-170&quot;,&quot;form_id&quot;:&quot;5912&quot;,&quot;css_classes&quot;:&quot;&quot;}],&quot;submit_text&quot;:&quot;Speak to an Employment Hero expert&quot;,&quot;success_handling_method&quot;:&quot;thank_you_page&quot;,&quot;redirect_url&quot;:&quot;&quot;,&quot;thank_you_message&quot;:&quot;&quot;,&quot;add_lead_linking_id&quot;:false,&quot;add_drift_campaign_id&quot;:false,&quot;drift_campaign_id&quot;:&quot;&quot;,&quot;thank_you_page_id&quot;:&quot;49299&quot;,&quot;thank_you_page_url&quot;:&quot;https:\/\/employmenthero.com\/thank-you\/demo-request\/?origin=heroforce&amp;origin_id=mz%2BHD2%2Bk1u9lViqclnNbvenUgkHRORb05bhP%2F8Ks%2Blhi5WrJI9X2TQK5D%2B8LA2V%2B%2Bv%2FUoUrsVJfkW32FlkAAIg%3D%3D&quot;,&quot;progress_indicator_type&quot;:&quot;progress-bar&quot;,&quot;enable_revenue_hero&quot;:false,&quot;revenue_hero_router_id&quot;:&quot;4668&quot;,&quot;revenue_hero_thank_you_message&quot;:&quot;Thank you for booking!&quot;}\"><\/div>\n                                <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><button class=\"wp-block-employmentherocom2025-modal-v2-block__close-btn\" aria-label=\"Close\"><\/button><\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull customer-carousel-small has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-24 wp-block-group-is-layout-constrained\" style=\"background:radial-gradient(rgb(249,245,255) 0%,rgb(255,255,255) 69%);padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-group customer-carousel-small__heading-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-14 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading customer-carousel-small__heading-group-heading has-heading-2-xl-font-size\">Hear from real people<\/h2>\n\n\n\n<p class=\"has-neutral-500-color has-text-color has-link-color has-paragraph-2-m-font-size wp-elements-67210a46e0cac88ec4fd68de575fcd26\">Say hello to top talent around the world.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-eh-carousel\"><div class=\"glide__track\" data-glide-el=\"track\"><div class=\"glide__slides\">\n<div class=\"glide__slide\">\n<a href=\"https:\/\/employmenthero.com\/case-studies\/pitcrew-ai\/\" class=\"custom-group-link\"><div class=\"wp-block-group is-style-default customer-carousel-large__card has-white-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-17 wp-block-group-is-layout-constrained\" style=\"border-radius:12px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"407\" height=\"107\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/03\/pitcrew-1.png\" alt=\"Pitcrew AI logo\" class=\"wp-image-47132\" style=\"object-fit:contain;width:118px;height:56px\" srcset=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/03\/pitcrew-1.png 407w, https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/03\/pitcrew-1-300x79.png 300w\" sizes=\"auto, (max-width: 407px) 100vw, 407px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group eh-collapsible-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"customer-carousel-large__card-feedback\">\u201cMost new hires complete everything on their phone. They sign contracts, review policies, and onboard remotely \u2013it\u2019s so simple and efficient.\u201d<\/p>\n<\/div>\n\n\n\n<p class=\"customer-carousel-large__card-employee\">Dan, Head of Product &amp; People<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size customer-carousel-large__card-cta has-lg-font-size is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-3 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-link-arrow is-style-link-arrow--2\"><a class=\"wp-block-button__link has-btn-brand-background-color has-background wp-element-button\" href=\"https:\/\/employmenthero.com\/case-studies\/pitcrew-ai\/\">Read case study<\/a><\/div>\n<\/div>\n<\/div><\/a>\n<\/div>\n\n\n\n<div class=\"glide__slide\">\n<a href=\"https:\/\/employmenthero.com\/case-studies\/eden-brew\/\" class=\"custom-group-link\"><div class=\"wp-block-group is-style-default customer-carousel-large__card has-white-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-20 wp-block-group-is-layout-constrained\" style=\"border-radius:12px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"129\" height=\"101\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/06\/EdenBrew@2x.png\" alt=\"\" class=\"wp-image-55015\" style=\"object-fit:contain;width:118px;height:56px\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group eh-collapsible-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"customer-carousel-large__card-feedback\">\u201cAnother thing that we didn\u2019t really have to deal with was thinking too much about currency changes. Knowing that there is a solution already in place is great.\u201d<\/p>\n<\/div>\n\n\n\n<p class=\"customer-carousel-large__card-employee\">Anna, Head of People and Culture<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size customer-carousel-large__card-cta has-lg-font-size is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-4 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-link-arrow is-style-link-arrow--3\"><a class=\"wp-block-button__link has-btn-brand-background-color has-background wp-element-button\" href=\"https:\/\/employmenthero.com\/case-studies\/eden-brew\/\">Read case study<\/a><\/div>\n<\/div>\n<\/div><\/a>\n<\/div>\n\n\n\n<div class=\"glide__slide\">\n<a href=\"https:\/\/employmenthero.com\/case-studies\/elabor8\/\" class=\"custom-group-link\"><div class=\"wp-block-group is-style-default customer-carousel-large__card has-white-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-23 wp-block-group-is-layout-constrained\" style=\"border-radius:12px\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"233\" height=\"101\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/06\/Elabor8@2x.png\" alt=\"\" class=\"wp-image-55016\" style=\"object-fit:contain;width:118px;height:56px\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group eh-collapsible-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"customer-carousel-large__card-feedback\">\u201cIt gave us so much confidence that we\u2019re doing the right thing for the employee.\u201d<\/p>\n<\/div>\n\n\n\n<p class=\"customer-carousel-large__card-employee\">Ariane, Talent Acquisition<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size customer-carousel-large__card-cta has-lg-font-size is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-link-arrow is-style-link-arrow--4\"><a class=\"wp-block-button__link has-btn-brand-background-color has-background wp-element-button\" href=\"https:\/\/employmenthero.com\/case-studies\/elabor8\/\">Read case study<\/a><\/div>\n<\/div>\n<\/div><\/a>\n<\/div>\n<\/div><\/div><div class=\"carousel-controls\"><div class=\"glide__arrows\" data-glide-el=\"controls\" style=\"display:flex;width:100%\"><button data-glide-dir=\"<\" style=\"border:none;box-shadow:none;background:none;cursor:pointer\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10.65px\" height=\"19.08px\" viewBox=\"0 0 14 24\" aria-hidden=\"true\"><path d=\"M0.428651163,10.9221557 L10.8591628,0.431137725 C11.4664186,-0.143712575 12.3951628,-0.143712575 12.9666977,0.431137725 C13.5382326,1.00598802 13.5382326,1.94011976 12.9666977,2.5508982 L3.57209302,12 L12.9666977,21.4491018 C13.5382326,22.0239521 13.5382326,22.994012 12.9666977,23.5688623 C12.3951628,24.1437126 11.4664186,24.1437126 10.8591628,23.5688623 L0.428651163,13.0419162 C-0.142883721,12.4670659 -0.142883721,11.5329341 0.428651163,10.9221557 Z\"><\/path><\/svg><\/button><button data-glide-dir=\"&gt;\" style=\"border:none;box-shadow:none;background:none;cursor:pointer\"><svg width=\"10.65px\" height=\"19.08px\" viewBox=\"0 0 14 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><g stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\"><g transform=\"translate(-347.000000, -4075.000000)\"><g transform=\"translate(200.000000, 3523.000000)\"><g transform=\"translate(72.000000, 552.000000)\"><path d=\"M75.4286512,10.9221557 L85.8591628,0.431137725 C86.4664186,-0.143712575 87.3951628,-0.143712575 87.9666977,0.431137725 C88.5382326,1.00598802 88.5382326,1.94011976 87.9666977,2.5508982 L78.572093,12 L87.9666977,21.4491018 C88.5382326,22.0239521 88.5382326,22.994012 87.9666977,23.5688623 C87.3951628,24.1437126 86.4664186,24.1437126 85.8591628,23.5688623 L75.4286512,13.0419162 C74.8571163,12.4670659 74.8571163,11.5329341 75.4286512,10.9221557 Z\" transform=\"translate(81.697674, 12.000000) scale(-1, 1) translate(-81.697674, -12.000000) \"><\/path><\/g><\/g><\/g><\/g><\/svg><\/button><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-6 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-btn-black-background-color has-background wp-element-button\" href=\"https:\/\/employmenthero.com\/resources\/case-study\">See all case studies<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"hf-page-wrapper\">\n\n  <section class=\"hf-how-section\" id=\"hf-how-section\">\n    <div class=\"hf-how-header\">\n      <p class=\"hf-how-kicker\">How does HeroForce work?<\/p>\n      <div class=\"hf-how-toggle-row\">\n        <span class=\"hf-how-toggle-label hf-how-toggle-label--active\" id=\"hf-toggle-hiring\" onclick=\"hfSetTab('hiring')\">Hiring new employees<\/span>\n        <button class=\"hf-how-switch\" id=\"hf-switch\" onclick=\"hfToggleTab()\"><span class=\"hf-how-switch-nub\"><\/span><\/button>\n        <span class=\"hf-how-toggle-label hf-how-toggle-label--inactive\" id=\"hf-toggle-transitioning\" onclick=\"hfSetTab('transitioning')\">Existing employees<\/span>\n      <\/div>\n      <p class=\"hf-how-subtitle\" id=\"hf-how-subtitle\"><\/p>\n    <\/div>\n    <div class=\"hf-how-grid\" id=\"hf-how-grid\"><\/div>\n    <div class=\"hf-how-outro\">\n      <div class=\"hf-how-outro-text\">\n        <h3 class=\"hf-how-outro-h3\">Direct Employment or HeroForce?<\/h3>\n        <p class=\"hf-how-outro-p\">Employment Hero&#8217;s AI-powered Employment Operating System allows you to employ directly and via HeroForce in one place. Whichever you choose, you&#8217;re supported by native AI recruitment, HR and payroll agents. Plus, you can use HeroForce for your entire team or just a few specific roles if needed.<\/p>\n      <\/div>\n      <a href=\"https:\/\/employmenthero.com\/products\/heroforce\/direct-employment-vs-heroforce\/\" class=\"hf-hero-cta\">See the comparison<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n\n<div class=\"hf-page-wrapper\">\n\n  <div class=\"hf-stack-standalone\">\n    <section class=\"hf-section\">\n\n      <!-- Header -->\n      <div class=\"hf-header\">\n        <h2 class=\"hf-title\">A simpler way to build your team<\/h2>\n        <p class=\"hf-desc\">HeroForce removes the need for businesses to build and manage their own employment infrastructure. Whether you&#8217;re hiring one person or scaling a team locally or overseas, HeroForce uses AI agents and expert humans to run employment end-to-end for you.<\/p>\n      <\/div>\n\n    <\/section>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-25 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-7 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\" data-trigger-modal=\"modal-v2-block-5ccf610a-ee27-455d-b687-a21e1dae2a87\"><a class=\"wp-block-button__link wp-element-button\">Speak to an employment expert<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"hf-page-wrapper\">\n\n  <div class=\"hf-stack-standalone\">\n    <section class=\"hf-section\" style=\"padding-top: 0; padding-bottom: clamp(60px, 7vw, 100px);\">\n\n      <!-- Stacked Cards -->\n      <div class=\"hf-wrapper\">\n\n        <!-- Card 1 \u2014 You stay in control -->\n        <div class=\"hf-card hf-card--top\">\n          <div class=\"hf-icon\">\n            <img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/stay-in-control.webp\" alt=\"Stay in control icon\">\n          <\/div>\n          <div class=\"hf-content\">\n            <h3 class=\"hf-card-title\">You stay in control<\/h3>\n            <p class=\"hf-card-desc\">You choose who to hire, manage their work and build your team culture.<\/p>\n            <div class=\"hf-callout\">\n              <svg class=\"hf-callout-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              <p class=\"hf-callout-text\"><strong>Hire faster:<\/strong> Find, assess and onboard talent in hours or days, not weeks.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 \u2014 We handle employment -->\n        <div class=\"hf-card hf-card--mid\">\n          <div class=\"hf-icon\">\n            <img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/handle-employment.webp\" alt=\"Handle employment icon\">\n          <\/div>\n          <div class=\"hf-content\">\n            <h3 class=\"hf-card-title\">We handle employment<\/h3>\n            <p class=\"hf-card-desc\">Employment Hero becomes the legal employer of record, managing the employment infrastructure behind the scenes for you.<\/p>\n            <div class=\"hf-callout\">\n              <svg class=\"hf-callout-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              <p class=\"hf-callout-text\"><strong>Full compliance:<\/strong> Employment Hero removes hidden cost of employment from your plate by managing contracts, payroll, tax and local regulations.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 \u2014 One system of action -->\n        <div class=\"hf-card hf-card--bot\">\n          <div class=\"hf-icon\">\n            <img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/connected-system.webp\" alt=\"Connected system icon\">\n          <\/div>\n          <div class=\"hf-content\">\n            <h3 class=\"hf-card-title\">One system of action<\/h3>\n            <p class=\"hf-card-desc\">Replace fragmented HR, payroll and compliance tools with a single AI-powered platform that runs employment for you.<\/p>\n            <div class=\"hf-callout\">\n              <svg class=\"hf-callout-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              <p class=\"hf-callout-text\"><strong>Unified platform:<\/strong> All your employment needs in one place with AI-powered automation.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <section class=\"hf-roi-section\" style=\"display: none;\">\n    <div class=\"hf-roi-grid-bg\" aria-hidden=\"true\"><\/div>\n    <div class=\"hf-roi-inner\">\n      <div class=\"hf-roi-left\">\n        <div class=\"hf-roi-sticky\">\n          <h2 class=\"hf-roi-h2 has-heading-2-xl-font-size\">Why businesses are making the switch to HeroForce<\/h2>\n          <p class=\"hf-roi-intro\">Traditional direct employment is fragmented, expensive and slow. HeroForce replaces that with shared, scalable employment infrastructure.<\/p>\n          <ul class=\"hf-roi-vp-list\">\n            <li class=\"hf-roi-vp-item\">\n              <span class=\"hf-roi-vp-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"11\" fill=\"#7622D7\"\/><path d=\"M7 11.5l2.8 2.8 5.2-5.2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n              <span class=\"hf-roi-vp-text\"><strong>Hire faster:<\/strong> Find, assess and onboard talent in hours or days, not weeks.<\/span>\n            <\/li>\n            <li class=\"hf-roi-vp-item\">\n              <span class=\"hf-roi-vp-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"11\" fill=\"#7622D7\"\/><path d=\"M7 11.5l2.8 2.8 5.2-5.2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n              <span class=\"hf-roi-vp-text\"><strong>Have confidence in compliance:<\/strong> Employment Hero removes hidden cost of employment from your plate by managing contracts, payroll, tax and local regulations.<\/span>\n            <\/li>\n            <li class=\"hf-roi-vp-item\">\n              <span class=\"hf-roi-vp-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"11\" fill=\"#7622D7\"\/><path d=\"M7 11.5l2.8 2.8 5.2-5.2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n              <span class=\"hf-roi-vp-text\"><strong>Reduce costs:<\/strong> Lower hiring, admin and compliance overhead with a predictable model.<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"hf-roi-right\">\n        <div class=\"hf-roi-table\" id=\"hf-roi-table\"><\/div>\n        <div class=\"hf-roi-mobile-cards\" id=\"hf-roi-mobile\"><\/div>\n        <p class=\"hf-roi-footer\">Not sure what option is right for your business? <a href=\"#compare\">See how HeroForce compares &rarr;<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LEGAL MARGINALIA TRUST PLAQUE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"hf-trust-plaque\">\n    <div class=\"hf-trust-plaque__left\">\n      <span class=\"hf-trust-plaque__overline\">CREDENTIALS<\/span>\n      <h2>Employment expertise you can count on.<\/h2>\n    <\/div>\n    <div class=\"hf-trust-plaque__right\">\n      <p>Australia&#8217;s Modern Award system is complex, and getting it wrong is costly. Employment Hero comes with a pre-built library of over <span class=\"proof-trigger award-trigger\">65+ Modern Awards <span class=\"hf-tooltip-anchor\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2025\/06\/AU_Icon_2_Paperless-Proccess-108x108.png\" alt=\"Awards\"><span class=\"hf-tooltip hf-tooltip--awards\"><span class=\"hf-ticker-track\"><span class=\"hf-ticker-item\"><strong>MA000115<\/strong>Aboriginal and Torres Strait Islander Health Workers and Practitioners and Aboriginal Community Controlled Health Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000018<\/strong>Aged Care Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000080<\/strong>Amusement, Events and Recreation Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000118<\/strong>Animal Care and Veterinary Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000114<\/strong>Aquaculture Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000079<\/strong>Architects Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000019<\/strong>Banking, Finance and Insurance Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000091<\/strong>Broadcasting, Recorded Entertainment and Cinemas Award 2020 \u2014 Television Broadcasting<\/span><span class=\"hf-ticker-item\"><strong>MA000020<\/strong>Building and Construction General On-site Award<\/span><span class=\"hf-ticker-item\"><strong>MA000021<\/strong>Business Equipment Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000120<\/strong>Children&#8217;s Services Award 2010<\/span><span class=\"hf-ticker-item\"><strong>MA000022<\/strong>Cleaning Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000002<\/strong>Clerks Private Sector Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000083<\/strong>Commercial Sales Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000023<\/strong>Contract Call Centres Award<\/span><span class=\"hf-ticker-item\"><strong>MA000024<\/strong>Cotton Ginning Award<\/span><span class=\"hf-ticker-item\"><strong>MA000075<\/strong>Educational Services (Post-Secondary Education) Award<\/span><span class=\"hf-ticker-item\"><strong>MA000076<\/strong>Educational Services (Schools) General Staff Award<\/span><span class=\"hf-ticker-item\"><strong>MA000077<\/strong>Educational Services (Teachers) Award<\/span><span class=\"hf-ticker-item\"><strong>MA000025<\/strong>Electrical, Electronic and Communications Contracting Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000003<\/strong>Fast Food Industry Award 2010<\/span><span class=\"hf-ticker-item\"><strong>MA000094<\/strong>Fitness Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000073<\/strong>Food, Beverage and Tobacco Manufacturing Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000105<\/strong>Funeral Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000101<\/strong>Gardening and Landscaping Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000004<\/strong>General Retail Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000026<\/strong>Graphic Arts, Printing and Publishing Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000005<\/strong>Hair and Beauty Industry Award 2010<\/span><span class=\"hf-ticker-item\"><strong>MA000027<\/strong>Health Professionals and Support Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000028<\/strong>Horticultural Award<\/span><span class=\"hf-ticker-item\"><strong>MA000009<\/strong>Hospitality Industry (General) Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000062<\/strong>Hydrocarbons Industry (Upstream) Award<\/span><span class=\"hf-ticker-item\"><strong>MA000029<\/strong>Joinery and Building Trades Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000067<\/strong>Journalists Published Media Award<\/span><span class=\"hf-ticker-item\"><strong>MA000099<\/strong>Labour Market Assistance Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000116<\/strong>Legal Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000081<\/strong>Live Performance Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000010<\/strong>Manufacturing and Associated Industries and Occupations Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000011<\/strong>Mining Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000104<\/strong>Miscellaneous Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000034<\/strong>Nurses Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000063<\/strong>Passenger Vehicle Transportation Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Broadacre Farming and Livestock Operations<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Pig Breeding and Raising<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Poultry Farming<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Shearing Operations<\/span><span class=\"hf-ticker-item\"><strong>MA000069<\/strong>Pharmaceutical Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000012<\/strong>Pharmacy Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000036<\/strong>Plumbing and Fire Sprinklers Award<\/span><span class=\"hf-ticker-item\"><strong>MA000065<\/strong>Professional Employees Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000013<\/strong>Racing Clubs Events Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000014<\/strong>Racing Industry Ground Maintenance Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000106<\/strong>Real Estate Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000058<\/strong>Registered and Licenced Clubs Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000119<\/strong>Restaurant Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000038<\/strong>Road Transport and Distribution Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000039<\/strong>Road Transport (Long Distance Operations) Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000107<\/strong>Salt Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000016<\/strong>Security Services Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000100<\/strong>Social, Community, Home Care and Disability Services Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000082<\/strong>Sporting Organisations Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000084<\/strong>Storage Services and Wholesale Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000103<\/strong>Supported Employment Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000041<\/strong>Telecommunications Services Award<\/span><span class=\"hf-ticker-item\"><strong>MA000017<\/strong>Textile, Clothing, Footwear and Associated Industries Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000071<\/strong>Timber Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000089<\/strong>Vehicle Repair, Services and Retail Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000043<\/strong>Waste Management Award<\/span><span class=\"hf-ticker-item\"><strong>MA000090<\/strong>Wine Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000115<\/strong>Aboriginal and Torres Strait Islander Health Workers and Practitioners and Aboriginal Community Controlled Health Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000018<\/strong>Aged Care Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000080<\/strong>Amusement, Events and Recreation Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000118<\/strong>Animal Care and Veterinary Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000114<\/strong>Aquaculture Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000079<\/strong>Architects Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000019<\/strong>Banking, Finance and Insurance Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000091<\/strong>Broadcasting, Recorded Entertainment and Cinemas Award 2020 \u2014 Television Broadcasting<\/span><span class=\"hf-ticker-item\"><strong>MA000020<\/strong>Building and Construction General On-site Award<\/span><span class=\"hf-ticker-item\"><strong>MA000021<\/strong>Business Equipment Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000120<\/strong>Children&#8217;s Services Award 2010<\/span><span class=\"hf-ticker-item\"><strong>MA000022<\/strong>Cleaning Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000002<\/strong>Clerks Private Sector Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000083<\/strong>Commercial Sales Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000023<\/strong>Contract Call Centres Award<\/span><span class=\"hf-ticker-item\"><strong>MA000024<\/strong>Cotton Ginning Award<\/span><span class=\"hf-ticker-item\"><strong>MA000075<\/strong>Educational Services (Post-Secondary Education) Award<\/span><span class=\"hf-ticker-item\"><strong>MA000076<\/strong>Educational Services (Schools) General Staff Award<\/span><span class=\"hf-ticker-item\"><strong>MA000077<\/strong>Educational Services (Teachers) Award<\/span><span class=\"hf-ticker-item\"><strong>MA000025<\/strong>Electrical, Electronic and Communications Contracting Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000003<\/strong>Fast Food Industry Award 2010<\/span><span class=\"hf-ticker-item\"><strong>MA000094<\/strong>Fitness Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000073<\/strong>Food, Beverage and Tobacco Manufacturing Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000105<\/strong>Funeral Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000101<\/strong>Gardening and Landscaping Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000004<\/strong>General Retail Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000026<\/strong>Graphic Arts, Printing and Publishing Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000005<\/strong>Hair and Beauty Industry Award 2010<\/span><span class=\"hf-ticker-item\"><strong>MA000027<\/strong>Health Professionals and Support Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000028<\/strong>Horticultural Award<\/span><span class=\"hf-ticker-item\"><strong>MA000009<\/strong>Hospitality Industry (General) Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000062<\/strong>Hydrocarbons Industry (Upstream) Award<\/span><span class=\"hf-ticker-item\"><strong>MA000029<\/strong>Joinery and Building Trades Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000067<\/strong>Journalists Published Media Award<\/span><span class=\"hf-ticker-item\"><strong>MA000099<\/strong>Labour Market Assistance Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000116<\/strong>Legal Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000081<\/strong>Live Performance Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000010<\/strong>Manufacturing and Associated Industries and Occupations Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000011<\/strong>Mining Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000104<\/strong>Miscellaneous Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000034<\/strong>Nurses Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000063<\/strong>Passenger Vehicle Transportation Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Broadacre Farming and Livestock Operations<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Pig Breeding and Raising<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Poultry Farming<\/span><span class=\"hf-ticker-item\"><strong>MA000035<\/strong>Pastoral Award 2020 \u2014 Shearing Operations<\/span><span class=\"hf-ticker-item\"><strong>MA000069<\/strong>Pharmaceutical Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000012<\/strong>Pharmacy Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000036<\/strong>Plumbing and Fire Sprinklers Award<\/span><span class=\"hf-ticker-item\"><strong>MA000065<\/strong>Professional Employees Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000013<\/strong>Racing Clubs Events Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000014<\/strong>Racing Industry Ground Maintenance Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000106<\/strong>Real Estate Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000058<\/strong>Registered and Licenced Clubs Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000119<\/strong>Restaurant Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000038<\/strong>Road Transport and Distribution Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000039<\/strong>Road Transport (Long Distance Operations) Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000107<\/strong>Salt Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000016<\/strong>Security Services Industry Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000100<\/strong>Social, Community, Home Care and Disability Services Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000082<\/strong>Sporting Organisations Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000084<\/strong>Storage Services and Wholesale Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000103<\/strong>Supported Employment Services Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000041<\/strong>Telecommunications Services Award<\/span><span class=\"hf-ticker-item\"><strong>MA000017<\/strong>Textile, Clothing, Footwear and Associated Industries Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000071<\/strong>Timber Industry Award<\/span><span class=\"hf-ticker-item\"><strong>MA000089<\/strong>Vehicle Repair, Services and Retail Award 2020<\/span><span class=\"hf-ticker-item\"><strong>MA000043<\/strong>Waste Management Award<\/span><span class=\"hf-ticker-item\"><strong>MA000090<\/strong>Wine Industry Award 2020<\/span><\/span><\/span><\/span><\/span><\/span>, already mapped and ready to apply so your people are always paid correctly.<\/p>\n      <p>But technology is only half the safeguard. Behind HeroForce is a <span class=\"proof-trigger roster-trigger\">team of employment lawyers and HR specialists <span class=\"hf-tooltip-anchor\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/bring-own-talent.webp\" alt=\"Team\"><span class=\"hf-tooltip hf-tooltip--roster\"><span class=\"hf-dedicated-header\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#CDACFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"filter: drop-shadow(0 0 4px rgba(165, 105, 255, 0.6));\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><span>YOUR DEDICATED EXPERTS<\/span><\/span><span class=\"hf-domain-list\"><span class=\"hf-domain-item\"><span class=\"hf-check\">\u2713<\/span> Fair Work audit defense<\/span><span class=\"hf-domain-item\"><span class=\"hf-check\">\u2713<\/span> Unfair dismissal guidance<\/span><span class=\"hf-domain-item\"><span class=\"hf-check\">\u2713<\/span> Cross-border contract compliance<\/span><span class=\"hf-domain-item\"><span class=\"hf-check\">\u2713<\/span> Complex wage interpretation<\/span><\/span><span class=\"hf-tooltip-footer\">All advisors are strictly vetted, locally-certified employment specialists.<\/span><\/span><\/span><\/span> with over 25 years of combined experience. Whether you need guidance on a tricky situation or ongoing advisory support, you&#8217;re backed by people who know employment law inside out.<\/p>\n    <\/div>\n  <\/section>\n\n  <div id=\"hf-mobile-drawer\" class=\"hf-mobile-drawer\">\n    <div class=\"hf-drawer-backdrop\"><\/div>\n    <div class=\"hf-drawer-content\">\n      <div class=\"hf-drawer-handle\"><\/div>\n      <button class=\"hf-drawer-close\" aria-label=\"Close\">&times;<\/button>\n      <div id=\"hf-drawer-body\"><\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"hf-ai-section\">\n    <div class=\"hf-ai-container\">\n      <div class=\"hf-ai-canvas-wrap\">\n        <div class=\"hf-ai-canvas\" id=\"hf-ai-canvas\">\n          <div class=\"hf-ai-dots\"><\/div>\n          <div class=\"hf-ai-dots-active\" id=\"hf-ai-dots-active\"><\/div>\n          <div class=\"hf-ai-glow\" id=\"hf-ai-glow\"><\/div>\n          <div class=\"hf-ai-intro\">\n            <img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/01\/Shine-AI-Icon.png\" alt=\"Hero AI\" class=\"hf-ai-shine-icon\">\n            <h2 class=\"hf-ai-headline has-heading-2-xl-font-size\">Made possible with Hero AI<\/h2>\n          <\/div>\n\n          <div class=\"hf-ai-desktop\" id=\"hf-ai-desktop\">\n            <div class=\"hf-ai-controller\" id=\"hf-ai-controller\"><\/div>\n            <div>\n              <div class=\"hf-ai-stack-wrap\"><div class=\"hf-ai-stack-inner\" id=\"hf-ai-stack\"><\/div><\/div>\n            <\/div>\n            <div class=\"hf-ai-detail\" id=\"hf-ai-detail\"><\/div>\n          <\/div>\n\n          <div class=\"hf-ai-mobile-stack-preview\">\n            <div class=\"hf-ai-stack-wrap\"><div class=\"hf-ai-stack-inner\" id=\"hf-ai-stack-mobile\"><\/div><\/div>\n          <\/div>\n\n          <div class=\"hf-ai-mobile\" id=\"hf-ai-mobile-top\"><\/div>\n\n          <p class=\"hf-ai-dock-eyebrow\" style=\"text-align:center; margin: 0 auto 24px;\">Meet your AI agents<\/p>\n          <div class=\"hf-ai-bento-belt\">\n            <a href=\"https:\/\/employmenthero.com\/ai\/\" target=\"_blank\" rel=\"noopener\" class=\"hf-ai-belt-card\">\n              <video class=\"hf-ai-belt-video\" autoplay loop muted playsinline disablePictureInPicture src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/AI-Recruitment-dark.mp4\"><\/video>\n              <div class=\"hf-ai-belt-overlay\"><\/div>\n              <div class=\"hf-ai-belt-text\"><h3>Recruitment Agent<\/h3><\/div>\n              <div class=\"hf-ai-drawer\">Discover Hero AI <span class=\"hf-ai-drawer-arrow\">\u2192<\/span><\/div>\n            <\/a>\n            <a href=\"https:\/\/employmenthero.com\/ai\/\" target=\"_blank\" rel=\"noopener\" class=\"hf-ai-belt-card\">\n              <video class=\"hf-ai-belt-video\" autoplay loop muted playsinline disablePictureInPicture src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/AI-Payroll-dark.mp4\"><\/video>\n              <div class=\"hf-ai-belt-overlay\"><\/div>\n              <div class=\"hf-ai-belt-text\"><h3>Payroll Agent<\/h3><\/div>\n              <div class=\"hf-ai-drawer\">Discover Hero AI <span class=\"hf-ai-drawer-arrow\">\u2192<\/span><\/div>\n            <\/a>\n            <a href=\"https:\/\/employmenthero.com\/ai\/\" target=\"_blank\" rel=\"noopener\" class=\"hf-ai-belt-card\">\n              <video class=\"hf-ai-belt-video\" autoplay loop muted playsinline disablePictureInPicture src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/AI-HR-dark.mp4\"><\/video>\n              <div class=\"hf-ai-belt-overlay\"><\/div>\n              <div class=\"hf-ai-belt-text\"><h3>HR Agent<\/h3><\/div>\n              <div class=\"hf-ai-drawer\">Discover Hero AI <span class=\"hf-ai-drawer-arrow\">\u2192<\/span><\/div>\n            <\/a>\n          <\/div>\n\n          <p class=\"hf-ai-dock-eyebrow\">Support that fits the way you work<\/p>\n          <div class=\"hf-ai-dock\">\n            <div class=\"hf-ai-dock-cell\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7622D7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M5.5 8.5l13-5M5.5 15.5l13 5M3 12h18\"\/><\/svg>\n              <div><h3 class=\"hf-ai-dock-h3\">AI-enhanced experience<\/h3><p class=\"hf-ai-dock-p\">Hero AI knows your business, your people and your policies. Ask anything and get instant, relevant answers without the need to dig through help articles.<\/p><\/div>\n            <\/div>\n            <div class=\"hf-ai-dock-cell\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7622D7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              <div><h3 class=\"hf-ai-dock-h3\">Dedicated human support<\/h3><p class=\"hf-ai-dock-p\">Connect with our dedicated team of employment experts whenever you need a human touch to guide your journey.<\/p><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hf-ai-mobile\" id=\"hf-ai-mobile-bottom\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" id=\"faq\">\n<div class=\"wp-block-employmentherocom2025-faq alignfull eh-faq eh-faq__bg-light\"><div class=\"eh-faq__container\"><div class=\"eh-faq__header\"><h2 class=\"eh-faq__title\">Frequently asked questions<\/h2><p class=\"eh-faq__subtitle\"><\/p><\/div><div class=\"eh-faq__content\">\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1749424368611\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1749424368611\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">What is HeroForce?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>HeroForce is our Shared Employment Infrastructure. While our software helps you manage your own employees, HeroForce allows you to hire and employ talent; locally, globally or on-demand, using our legal entities. We handle the contracts, payroll and compliance, while you manage the day-to-day work.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1749424368613\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1749424368613\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Who is the legal employer when using HeroForce?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>HeroForce acts as the legal Employer of Record. This means we take on the legal responsibility and admin burden of employment, allowing you to scale your team without the complexity of setting up new entities or managing fragmented local payroll systems.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1749425200594\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1749425200594\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Who is HeroForce suitable for?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>HeroForce is ideal for businesses that need to hire locally or overseas, scale flexibly or employ talent without the burden of internal HR infrastructure and compliance risk.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902519963\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902519963\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">How does HeroForce support local hiring?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>HeroForce removes your operational risk by shifting the legal employment responsibility to Employment Hero, while you continue to manage your people and their work. This allows businesses to scale their workforce without expanding internal HR, payroll or compliance teams.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902520970\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902520970\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">How does HeroForce support global hiring?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>HeroForce brings together AI-powered talent tools and Employment Hero\u2019s Employer of Record (EOR) service, which allows you to find, employ and manage talent anywhere globally without setting up local entities.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902522349\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902522349\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">What\u2019s the difference between direct employment and HeroForce?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>With direct employment, your business is the legal employer of your employees.. HeroForce means we take on that responsibility and handle employment admin for you. <a href=\"https:\/\/employmenthero.com\/products\/heroforce\/direct-employment-vs-heroforce\/\">Find out more on how the two compare here<\/a>.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902523663\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902523663\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">If I use HeroForce, do I have to source talent through Employment Hero?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>No. One of the best things about HeroForce is that it gives employers greater choice. You can bring your own candidates or source talent through HeroForce and employ them globally using <a href=\"https:\/\/employmenthero.com\/products\/employer-of-record\/\">Employment Hero\u2019s EOR service<\/a>.&nbsp;<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902525364\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902525364\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Where can I hire talent from?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>You can hire talent from within Australia or from over 180 countries through Employment Hero\u2019s AI-powered talent tools and employ them via HeroForce.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902565153\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902565153\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Do I still control my team with HeroForce?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>Yes. You decide who to hire, how work is done and how your team performs.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902566049\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902566049\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Is HeroForce outsourcing?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>HeroForce is not traditional outsourcing. It\u2019s a different way to run employment where you retain full operational control of your workforce and we take care of the legal, administrative and compliance responsibilities behind the scenes.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902581479\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902581479\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Are both options powered by the same platform?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>Yes. Both are built on Employment Hero\u2019s connected infrastructure and AI-powered capabilities.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-employmentherocom2025-simple-accordion eh-simple-accordion\"><input type=\"checkbox\" id=\"accordion-1773902592176\" class=\"eh-simple-accordion__checkbox\"\/><label for=\"accordion-1773902592176\" class=\"eh-simple-accordion__header\"><h3 class=\"eh-simple-accordion__title\">Can I switch later?<\/h3><span class=\"eh-simple-accordion__icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.3966 3.60341C10.3966 2.71788 11.1145 2 12 2C12.8855 2 13.6034 2.71788 13.6034 3.60341V10.3966H20.3966C21.2822 10.3966 22 11.1145 22 12C22 12.8856 21.2822 13.6034 20.3966 13.6034H13.6034V20.3966C13.6034 21.2822 12.8855 22 12 22C11.1145 22 10.3966 21.2822 10.3966 20.3966V13.6034H3.6034C2.71786 13.6034 2 12.8856 2 12C2 11.1145 2.71786 10.3966 3.6034 10.3966H10.3966V3.60341Z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/label><div class=\"eh-simple-accordion__content\"><div class=\"eh-simple-accordion__inner\">\n<p>Yes. As your business changes, you can choose the model that suits your needs. Plus you can have employees that are hired directly, with others hired through HeroForce.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\/\/schema.org\/\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What is HeroForce?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>HeroForce is our Shared Employment Infrastructure. While our software helps you manage your own employees, HeroForce allows you to hire and employ talent; locally, globally or on-demand, using our legal entities. We handle the contracts, payroll and compliance, while you manage the day-to-day work.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Who is the legal employer when using HeroForce?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>HeroForce acts as the legal Employer of Record. This means we take on the legal responsibility and admin burden of employment, allowing you to scale your team without the complexity of setting up new entities or managing fragmented local payroll systems.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Who is HeroForce suitable for?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>HeroForce is ideal for businesses that need to hire locally or overseas, scale flexibly or employ talent without the burden of internal HR infrastructure and compliance risk.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How does HeroForce support local hiring?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>HeroForce removes your operational risk by shifting the legal employment responsibility to Employment Hero, while you continue to manage your people and their work. This allows businesses to scale their workforce without expanding internal HR, payroll or compliance teams.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How does HeroForce support global hiring?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>HeroForce brings together AI-powered talent tools and Employment Hero\\u2019s Employer of Record (EOR) service, which allows you to find, employ and manage talent anywhere globally without setting up local entities.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What\\u2019s the difference between direct employment and HeroForce?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>With direct employment, your business is the legal employer of your employees.. HeroForce means we take on that responsibility and handle employment admin for you. <a href=\\\"https:\/\/employmenthero.com\/products\/heroforce\/direct-employment-vs-heroforce\/\\\">Find out more on how the two compare here<\/a>.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"If I use HeroForce, do I have to source talent through Employment Hero?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>No. One of the best things about HeroForce is that it gives employers greater choice. You can bring your own candidates or source talent through HeroForce and employ them globally using <a href=\\\"https:\/\/employmenthero.com\/products\/employer-of-record\/\\\">Employment Hero\\u2019s EOR service<\/a>.&nbsp;<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Where can I hire talent from?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>You can hire talent from within Australia or from over 180 countries through Employment Hero\\u2019s AI-powered talent tools and employ them via HeroForce.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Do I still control my team with HeroForce?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>Yes. You decide who to hire, how work is done and how your team performs.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is HeroForce outsourcing?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>HeroForce is not traditional outsourcing. It\\u2019s a different way to run employment where you retain full operational control of your workforce and we take care of the legal, administrative and compliance responsibilities behind the scenes.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Are both options powered by the same platform?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>Yes. Both are built on Employment Hero\\u2019s connected infrastructure and AI-powered capabilities.<\/p>\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Can I switch later?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"<p>Yes. As your business changes, you can choose the model that suits your needs. Plus you can have employees that are hired directly, with others hired through HeroForce.<\/p>\"\n            }\n        }\n    ]\n}<\/script><\/div>\n\n\n\n<style>\nhtml { scroll-behavior: smooth; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TOKENS (EH Design System)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* Global: tokens needed outside .hf-page-wrapper scope *\/\n:root {\n  --hf-violet-500: #7622D7;\n  --hf-light-violet-500: #9A58FC;\n  --hf-deep-violet: #460078;\n  --hf-light-violet-500-rgb: 154, 88, 252;\n}\n.hf-page-wrapper {\n  --hf-violet-500: #7622D7;\n  --hf-light-violet-500: #9A58FC;\n  --hf-deep-violet: #460078;\n  --hf-light-violet-50: #F5F0FF;\n  --hf-light-violet-200: #DDD6FE;\n  --hf-light-violet-300: #C4B5FD;\n  --hf-white: #FFFFFF;\n  --hf-off-black: #121214;\n  --hf-neutral-900: #18181B;\n  --hf-neutral-700: #3F3F46;\n  --hf-neutral-600: #52525B;\n  --hf-neutral-500: #71717A;\n  --hf-neutral-400: #A1A1AA;\n  --hf-neutral-300: #D4D4D8;\n  --hf-neutral-200: #E4E4E7;\n  --hf-neutral-100: #F4F4F5;\n  --hf-success-50:  #F0FDF4;\n  --hf-success-300: #86EFAC;\n  --hf-success-500: #22C55E;\n  --hf-success-600: #10B981;\n  --hf-success-600-rgb: 16, 185, 129;\n  --hf-success-700: #15803D;\n  --hf-success-800: #166534;\n  --hf-spacing-3: 12px;\n  --hf-spacing-4: 16px;\n  --hf-spacing-6: 24px;\n  --hf-spacing-8: 32px;\n  --hf-spacing-12: 72px;\n  --hf-font-default: \"DM Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  --hf-font-heading: \"Saiga\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  --hf-fs-xs: 0.75rem;\n  --hf-fs-sm: 0.875rem;\n  --hf-fs-md: clamp(0.875rem, 0.7321rem + 0.2976vw, 1rem);\n  --hf-fs-base: 1rem;\n  --hf-fs-lg: clamp(1rem, 0.8571rem + 0.2976vw, 1.125rem);\n  --hf-fs-display: clamp(2rem, 0.7857rem + 3.5714vw, 4rem);\n  --hf-fs-h1: clamp(1.75rem, 0rem + 4.1667vw, 3rem);\n  --hf-fs-h2: clamp(1.5rem, 1.0714rem + 1.4881vw, 2.75rem);\n  --hf-fs-h3: clamp(1.125rem, 0.6964rem + 0.8929vw, 1.5rem);\n  --hf-fs-h3l: 1rem;\n  --hf-heading-weight: 800;\n  --hf-heading-lh: 1.1;\n  --hf-heading-ls: -0.02em;\n  font-family: var(--hf-font-default);\n  color: var(--hf-off-black);\n  background-color: var(--hf-white);\n  box-sizing: border-box;\n  overflow-x: clip;\n  width: 100%;\n}\n\/* Override WP parent containers *\/\n.wp-block-post-content:has(.hf-page-wrapper) { overflow: visible; display: block; }\n.wp-block-post-content:has(.hf-page-wrapper) > .wp-block-group:has(.hf-page-wrapper) {\n  overflow: visible; position: relative; z-index: 1;\n  max-width: none !important;\n  padding: 0 !important;\n}\n\/* Break page-wrapper free of WP is-layout-constrained max-width + centering *\/\n.hf-page-wrapper {\n  max-width: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\/* Also target wp-block-html in case that wrapper is used *\/\n.wp-block-post-content:has(.hf-page-wrapper) .wp-block-html {\n  max-width: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\/* Remove inter-block gap between split page sections *\/\n.wp-block-post-content:has(.hf-page-wrapper) > * + .wp-block-group:has(.hf-page-wrapper),\n.wp-block-post-content:has(.hf-page-wrapper) .wp-block-html + .wp-block-html {\n  margin-block-start: 0 !important;\n}\n\/* Customer carousel between split sections *\/\n.wp-block-post-content:has(.hf-page-wrapper) .customer-carousel-small {\n  padding: 40px !important;\n}\n.has-white-background-color {\n  background-color: var(--wp--preset--color--light-violet-50) !important;\n}\n.hf-page-wrapper *, .hf-page-wrapper *::before, .hf-page-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 1 \u2014 HERO\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hf-hero-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: auto;\n  padding: 48px 0 60px;\n  text-align: center;\n  background-color: var(--hf-white);\n  background-image: radial-gradient(var(--hf-neutral-200) 1px, transparent 1px);\n  background-size: 24px 24px;\n}\n.hf-hero-wrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  background-image: radial-gradient(var(--hf-violet-500) 1.5px, transparent 1.5px);\n  background-size: 24px 24px;\n  -webkit-mask-image: radial-gradient(circle, transparent 0%, transparent 8%, black 14%, black 22%, transparent 30%, transparent 100%);\n  mask-image: radial-gradient(circle, transparent 0%, transparent 8%, black 14%, black 22%, transparent 30%, transparent 100%);\n  -webkit-mask-size: 250% 250%;\n  mask-size: 250% 250%;\n  -webkit-mask-position: center;\n  mask-position: center;\n  animation: hf-dot-ripple 10s ease-out infinite;\n}\n@keyframes hf-dot-ripple {\n  0% {\n    -webkit-mask-size: 0% 0%;\n    mask-size: 0% 0%;\n    opacity: 0.25;\n  }\n  60% {\n    opacity: 0.12;\n  }\n  100% {\n    -webkit-mask-size: 350% 350%;\n    mask-size: 350% 350%;\n    opacity: 0;\n  }\n}\n.hf-hero-content {\n  position: relative; z-index: 10;\n  max-width: 1100px;\n  display: flex; flex-direction: column; align-items: center;\n}\n\n\/* AI Tag *\/\n.hf-ai-tag-wrap { display: flex; justify-content: center; width: 100%; margin: 16px 0; }\n.hf-ai-tag {\n  position: relative; overflow: hidden; height: 40px; border-radius: 8px;\n  background: var(--hf-white); border: none; cursor: pointer;\n  display: inline-flex; text-decoration: none;\n  transition: all 0.3s ease-out;\n}\n.hf-ai-tag:hover { background: #F9F5FF; box-shadow: 0px 6px 40px 0px rgba(230,213,254,0.4), 0px -1px 3px 0px rgba(40,5,65,0.05); }\n.hf-ai-tag-border {\n  position: absolute; inset: 0; border-radius: 8px; padding: 1px !important; pointer-events: none;\n  background: linear-gradient(90deg, #9A58FC, #70DDFF, #E6D5FE, #BAFC58, #9A58FC);\n  background-size: 300% 100%;\n  animation: hf-ai-gradient 8s ease infinite;\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor; mask-composite: exclude;\n}\n.hf-ai-tag:hover .hf-ai-tag-border { animation-duration: 2s; }\n@keyframes hf-ai-gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }\n.hf-ai-tag-inner { position: relative; z-index: 10; display: flex; align-items: center; height: 100%; padding: 0 16px; }\n.hf-ai-tag-icon { flex-shrink: 0; margin-right: 10px; width: 20px; height: 20px; transition: transform 0.3s ease-out; }\n.hf-ai-tag:hover .hf-ai-tag-icon { transform: rotate(90deg); }\n.hf-ai-tag-text-wrap { position: relative; overflow: hidden; height: 40px; }\n.hf-ai-tag-text-slider { display: flex; flex-direction: column; transition: transform 0.3s ease-out; }\n.hf-ai-tag:hover .hf-ai-tag-text-slider { transform: translateY(-40px); }\n.hf-ai-tag-text-line { display: flex; align-items: center; justify-content: center; height: 40px; white-space: nowrap; font-weight: 700; font-size: var(--hf-fs-sm); font-family: var(--hf-font-default); }\n.hf-ai-tag-text-line--default { color: var(--hf-off-black); }\n.hf-ai-tag-text-line--hover { background: radial-gradient(circle, #9A58FC 0%, #70DDFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.hf-ai-tag-arrow { flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 0; margin-left: 0; opacity: 0; transition: all 0.3s ease-out; }\n.hf-ai-tag:hover .hf-ai-tag-arrow { width: 16px; margin-left: 10px; opacity: 1; }\n\n\/* Hero Text *\/\n.hf-hero-h1 {\n  font-family: var(--hf-font-heading); color: var(--hf-off-black);\n  letter-spacing: var(--hf-heading-ls); line-height: var(--hf-heading-lh);\n  margin-top: var(--hf-spacing-6); max-width: 1100px;\n  font-size: var(--hf-fs-display); font-weight: var(--hf-heading-weight);\n}\n.hf-hero-sub {\n  font-family: var(--hf-font-default); color: var(--hf-neutral-600);\n  font-size: var(--hf-fs-lg); line-height: 1.6; max-width: 800px; margin-top: var(--hf-spacing-6);\n}\n\n\/* \u2500\u2500 Single-Action Reveal Card \u2500\u2500 *\/\n.hf-checklist { width: fit-content; max-width: 800px; margin: 24px auto 0; }\n.hf-checklist-container { background: var(--hf-white); border: 1px solid rgba(0,0,0,0.08); border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); overflow: visible; position: relative; }\n.hf-checklist-header-bar { font-family: var(--hf-font-default); font-size: 13px; font-weight: 700; color: var(--hf-success-800) !important; padding: 12px 24px 12px 56px; border-bottom: 1px solid rgba(0,0,0,0.06); background: var(--hf-success-50) !important; text-align: left; border-radius: 12px 12px 0 0; }\n.hf-header-default { display: inline; }\n.hf-header-active { display: none; }\n.hf-checklist-row.active .hf-header-default { display: none; }\n.hf-checklist-row.active .hf-header-active { display: inline; }\n.hf-checklist-row { background: transparent; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; border-radius: 12px; text-align: left; position: relative; }\n.hf-checklist-row:hover { background: var(--hf-neutral-100); }\n.hf-checklist-row.active { background: var(--hf-success-50); animation: auraFlash 0.8s ease-out forwards; border-color: var(--hf-success-600); border-width: 2px; }\n.hf-checklist-header { display: flex; align-items: center; gap: 14px; padding: 20px 24px; text-align: left; position: relative; }\n.hf-checklist-icon-wrap { width: 20px; height: 20px; flex-shrink: 0; position: relative; display: flex; align-items: center; justify-content: center; }\n.hf-checklist-checkbox { width: 20px; height: 20px; border: 2px solid var(--hf-neutral-300); border-radius: 4px; background: transparent; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }\n.hf-checklist-checkbox-check { color: var(--hf-white); opacity: 0; transition: opacity 0.2s ease; font-size: 14px; line-height: 1; }\n.hf-checklist-row.active .hf-checklist-checkbox { background: var(--hf-success-600); border-color: var(--hf-success-600); animation: checkPop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\n.hf-checklist-row.active .hf-checklist-checkbox-check { opacity: 1; }\n.hf-checklist-problem { flex: 1; display: flex; flex-direction: column; gap: 6px; transition: opacity 0.25s ease; text-align: left; }\n.hf-checklist-row.active .hf-checklist-problem { display: none !important; }\n.hf-checklist-problem-text { font-family: var(--hf-font-default); font-size: 18px; font-weight: 700; color: var(--hf-neutral-900); line-height: 1.2; text-align: left; }\n.hf-checklist-detail { font-family: var(--hf-font-default); font-size: 13px; font-weight: 400; color: var(--hf-neutral-500); line-height: 1.5; text-align: left; }\n.hf-checklist-solution { max-height: none !important; display: none; text-align: left; flex: 1; color: var(--hf-success-800); }\n.hf-checklist-row.active .hf-checklist-solution { display: block !important; animation: hfFadeIn 0.4s ease-out; }\n.hf-checklist-solution-inner { padding: 0; text-align: left; }\n@keyframes hfFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n.hf-checklist-solution-heading { font-family: var(--hf-font-default); font-size: 18px; font-weight: 700; color: var(--hf-success-800); line-height: 1.2; margin: 0 0 8px; text-align: left; }\n.hf-checklist-solution-text { font-family: var(--hf-font-default); font-size: 15px; font-weight: 400; color: var(--hf-success-800); line-height: 1.6; margin: 0; text-align: left; }\n@keyframes checkPop { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } }\n@keyframes auraFlash { 0% { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); } 30% { box-shadow: 0 0 25px rgba(var(--hf-success-600-rgb),0.3); } 100% { box-shadow: 0 4px 15px rgba(var(--hf-success-600-rgb),0.1); } }\n\n\/* \u2500\u2500 CTA Hero State \u2500\u2500 *\/\n.hf-hero-cta-wrap .wp-block-button__link {\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n  transition: background 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n              box-shadow 1.2s cubic-bezier(0.4, 0, 0.2, 1),\n              border-color 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  color: #fff !important;\n}\n\/* Spotlight pulse \u2014 inner radial that breathes in place *\/\n.hf-hero-cta-wrap .wp-block-button__link::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(circle at 50% 20%, rgba(var(--hf-light-violet-500-rgb), 0.4) 0%, transparent 70%);\n  pointer-events: none;\n  z-index: -1;\n  opacity: 0;\n}\n\/* Gradient highlight pulse \u2014 brighter top-centre overlay *\/\n.hf-hero-cta-wrap .wp-block-button__link::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(ellipse at 50% 20%, rgba(var(--hf-light-violet-500-rgb), 0.6) 0%, transparent 65%);\n  pointer-events: none;\n  z-index: -1;\n  opacity: 0;\n}\n.hf-hero-cta-wrap .wp-block-button__link.hf-cta-resolved {\n  background: radial-gradient(ellipse at 50% 20%, var(--hf-light-violet-500) 0%, var(--hf-violet-500) 55%, var(--hf-deep-violet) 100%) !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0),\n              0 0 15px rgba(var(--hf-light-violet-500-rgb), 1),\n              0 0 40px rgba(var(--hf-light-violet-500-rgb), 0.5) !important;\n  border: 1px solid rgba(255, 255, 255, 0.25) !important;\n  color: #fff !important;\n  animation: hfGlowPulse 4s ease-in-out infinite;\n}\n.hf-hero-cta-wrap .wp-block-button__link.hf-cta-resolved::before {\n  animation: spotlightPulse 4s ease-in-out infinite;\n}\n.hf-hero-cta-wrap .wp-block-button__link.hf-cta-resolved::after {\n  animation: gradientPulse 4s ease-in-out infinite;\n}\n@keyframes spotlightPulse {\n  0%, 100% { opacity: 0.3; transform: scale(0.9); }\n  50%       { opacity: 0.8; transform: scale(1.1); }\n}\n@keyframes gradientPulse {\n  0%, 100% { opacity: 0.2; }\n  50%       { opacity: 0.9; }\n}\n@keyframes hfGlowPulse {\n  0%, 100% { box-shadow: 0 10px 30px rgba(0, 0, 0, 0), 0 0 8px rgba(var(--hf-light-violet-500-rgb), 0.3), 0 0 20px rgba(var(--hf-light-violet-500-rgb), 0.15); }\n  50%       { box-shadow: 0 10px 30px rgba(0, 0, 0, 0), 0 0 15px rgba(var(--hf-light-violet-500-rgb), 1),   0 0 40px rgba(var(--hf-light-violet-500-rgb), 0.5);  }\n}\n\n\/* Trust Runway *\/\n.hf-trust-runway { display: grid; grid-template-columns: repeat(2,1fr); gap: 32px 48px; margin-top: 32px; margin-bottom: 28px; }\n.hf-trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }\n.hf-trust-value { font-family: var(--hf-font-default); font-size: clamp(1.75rem,3vw,2.25rem); font-weight: 700; color: var(--hf-violet-500); letter-spacing: -0.02em; line-height: 1.1; white-space: nowrap; }\n.hf-trust-label { font-family: var(--hf-font-default); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hf-neutral-600); }\n\n\/* CTA *\/\n.hf-hero-cta-row { display: inline-flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: center; }\n.hf-hero-cta {\n  background-color: var(--hf-violet-500); color: var(--hf-white); border-radius: 9999px;\n  padding: 16px 32px; font-family: var(--hf-font-default); font-weight: 600;\n  text-decoration: none; display: inline-block; transition: background-color 0.2s ease;\n}\n.hf-hero-cta:hover { background-color: var(--hf-light-violet-500); }\n\n\/* Embedded Video Pill *\/\n.hf-hero-video-pill {\n  appearance: none; -webkit-appearance: none;\n  background: var(--hf-light-violet-50); border: 1px solid var(--hf-light-violet-200); border-radius: 9999px;\n  padding: 6px 24px 6px 6px; display: inline-flex; align-items: center; gap: 12px;\n  cursor: pointer; transition: all 0.2s ease;\n  font-family: var(--hf-font-default); color: var(--hf-violet-500); text-decoration: none;\n}\n.hf-hero-video-pill:hover { background: var(--hf-light-violet-200); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(118,34,215,0.1); }\n.hf-video-pill-thumb {\n  position: relative; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n}\n.hf-video-pill-thumb img { width: 100%; height: 100%; object-fit: cover; }\n.hf-video-pill-play {\n  position: absolute; inset: 0; background: rgba(0,0,0,0.3); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);\n  display: flex; align-items: center; justify-content: center;\n}\n.hf-video-pill-text { font-weight: 600; font-size: 16px; }\n\n\/* Trust Rotator *\/\n.hf-trust-rotator { position: relative; height: 22px; margin-top: 16px; filter: grayscale(100%) brightness(0.7); transition: filter 0.3s ease; }\n.hf-trust-rotator:hover { filter: grayscale(0%) brightness(1); }\n.hf-trust-badge { position: absolute; inset: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; opacity: 0; transition: opacity 0.5s ease; text-decoration: none; white-space: nowrap; font-family: var(--hf-font-default); font-size: 13px; font-weight: 500; color: var(--hf-neutral-600); }\n.hf-trust-badge--active { opacity: 1; }\n.hf-trust-stars { position: relative; display: inline-block; font-size: 14px; line-height: 1; letter-spacing: 1px; }\n.hf-trust-stars::before { content: \"\\2605\\2605\\2605\\2605\\2605\"; color: var(--hf-neutral-200); }\n.hf-trust-stars::after { content: \"\\2605\\2605\\2605\\2605\\2605\"; position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; width: var(--star-pct); }\n.hf-trust-badge--capterra .hf-trust-stars::after { color: #FF6C37; }\n.hf-trust-badge--trustpilot .hf-trust-stars::after { color: #00B67A; }\n.hf-trust-badge--g2 .hf-trust-stars::after { color: #FF492C; }\n.hf-trust-score { font-weight: 700; color: var(--hf-off-black); }\n.hf-trust-platform { font-weight: 600; color: var(--hf-neutral-500); }\n\n@media (min-width: 768px) { .hf-trust-runway { grid-template-columns: repeat(4,1fr); gap: 48px; } }\n\n\/* \u2500\u2500\u2500 Video Lightbox Modal \u2500\u2500\u2500 *\/\n.hf-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; }\n.hf-lightbox.is-open { opacity: 1; pointer-events: auto; }\n.hf-lightbox-backdrop { position: absolute; inset: 0; background: rgba(18,18,20,0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); cursor: pointer; }\n.hf-lightbox-frame {\n  position: relative; z-index: 1; width: 90vw; max-width: 1100px; aspect-ratio: 16\/9;\n  border-radius: 16px; overflow: hidden; background: #000;\n  box-shadow: 0 40px 100px -20px rgba(0,0,0,0.5);\n}\n.hf-lightbox-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }\n.hf-lightbox-close {\n  position: absolute; top: 16px; right: 16px; z-index: 2;\n  width: 40px; height: 40px; border-radius: 50%; border: none; cursor: pointer;\n  background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n  display: flex; align-items: center; justify-content: center;\n  color: #fff; font-size: 24px; line-height: 1;\n  transition: background 0.2s ease;\n}\n.hf-lightbox-close:hover { background: rgba(255,255,255,0.3); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 3 \u2014 CAPABILITY SHOWCASE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hf-capability-section { position: relative; z-index: 20; padding: clamp(60px, 7vw, 100px) 0 clamp(60px, 7vw, 100px); background: transparent; }\n.hf-capability-container { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 28px; }\n.hf-capability-context { display: flex; flex-direction: column; gap: 24px; }\n.hf-cap-h2 { font-family: var(--hf-font-heading); font-weight: var(--hf-heading-weight); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); color: var(--hf-off-black); }\n.hf-cap-intro { font-family: var(--hf-font-default); font-size: var(--hf-fs-md); line-height: 1.6; color: var(--hf-neutral-600); }\n.hf-page-wrapper a:not([class]) { color: var(--hf-violet-500); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.3s ease; }\n.hf-page-wrapper a:not([class]):hover { border-color: var(--hf-violet-500); }\n.hf-cap-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--hf-font-default); font-size: var(--hf-fs-sm); font-weight: 600; color: var(--hf-violet-500); text-decoration: none; transition: gap 0.2s ease; }\n.hf-cap-link:hover { gap: 10px; }\n.hf-capability-bento { display: grid; grid-template-columns: 1fr; gap: 24px; }\n.hf-cap-card { background: var(--hf-white); border: 1px solid var(--hf-neutral-200); border-radius: 16px; padding: 32px !important; display: flex; flex-direction: column; gap: 20px; }\n.hf-cap-card-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }\n.hf-cap-card-icon svg { width: 24px; height: 24px; color: var(--hf-violet-500); }\n.hf-cap-card-icon img { width: 100%; height: 100%; object-fit: contain; }\n.hf-cap-card-content { display: flex; flex-direction: column; gap: 8px; }\n.hf-cap-card-h3 { font-family: var(--hf-font-heading); font-size: var(--hf-fs-h3); font-weight: var(--hf-heading-weight); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); color: var(--hf-off-black); }\n.hf-cap-card-desc { font-family: var(--hf-font-default); font-size: var(--hf-fs-sm); line-height: 1.6; color: var(--hf-neutral-600); }\n\n@media (min-width: 1024px) { .hf-capability-container { grid-template-columns: 1fr 2fr; gap: 64px; align-items: start; } }\n@media (min-width: 640px) { .hf-capability-bento { grid-template-columns: repeat(2,1fr); } }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 3b \u2014 A SIMPLER WAY TO BUILD YOUR TEAM (STACKED CARDS)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hf-stack-standalone .hf-cta { background-color: var(--hf-violet-500); color: var(--hf-white); border-radius: 9999px; padding: 16px 32px; font-family: var(--hf-font-default); font-weight: 600; text-decoration: none; display: inline-block; transition: background-color 0.2s ease; }\n.hf-stack-standalone .hf-cta:hover { background-color: var(--hf-light-violet-500); }\n.hf-stack-standalone .hf-section { position: relative; background: var(--hf-white); padding: clamp(60px, 7vw, 100px) 0 0; overflow: hidden; margin-top: 48px; }\n.hf-stack-standalone .hf-section::before {\n  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0;\n  background-image:\n    radial-gradient(circle at 50% 50%, rgba(139,92,246,0.04) 0%, transparent 70%),\n    linear-gradient(to right, rgba(139,92,246,0.06) 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(139,92,246,0.06) 1px, transparent 1px),\n    linear-gradient(to right, rgba(139,92,246,0.03) 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(139,92,246,0.03) 1px, transparent 1px);\n  background-size: 100% 100%, 60px 60px, 60px 60px, 12px 12px, 12px 12px;\n  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);\n  mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);\n}\n.hf-stack-standalone .hf-section > * { position: relative; z-index: 1; }\n.hf-stack-standalone .hf-header { text-align: center; max-width: 700px; margin: 0 auto 48px; padding: 0 24px; }\n.hf-stack-standalone .hf-title { font-family: var(--hf-font-heading); font-size: var(--hf-fs-h2); font-weight: var(--hf-heading-weight); color: var(--hf-off-black); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); margin: 0 0 24px; }\n.hf-stack-standalone .hf-desc { font-family: var(--hf-font-default); font-size: var(--hf-fs-md); color: var(--hf-neutral-600); line-height: 1.6; margin: 0 0 24px; }\n.hf-stack-standalone .hf-wrapper { max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; position: relative; }\n.hf-stack-standalone .hf-card { position: relative; border-radius: 24px; padding: 32px; display: flex; align-items: center; gap: 24px; width: 100%; }\n.hf-stack-standalone .hf-card--top { background: var(--hf-white); z-index: 3; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 20px 40px -8px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04); }\n.hf-stack-standalone .hf-card--mid { background: var(--hf-light-violet-50); z-index: 2; margin-top: -40px; padding-top: 72px; width: calc(100% - 32px) !important; box-shadow: 0 24px 48px -12px rgba(90,20,150,0.15), inset 0 1px 1px rgba(255,255,255,0.8); }\n.hf-stack-standalone .hf-card--bot { background: var(--hf-light-violet-200) !important; z-index: 1; margin-top: -40px; padding-top: 72px; width: calc(100% - 64px) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,0.6); }\n.hf-stack-standalone .hf-icon { flex-shrink: 0; width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; }\n.hf-stack-standalone .hf-icon img { width: 100%; height: 100%; object-fit: contain; }\n.hf-stack-standalone .hf-card--top .hf-icon,\n.hf-stack-standalone .hf-card--mid .hf-icon { background: var(--hf-light-violet-50); }\n.hf-stack-standalone .hf-card--bot .hf-icon { background: var(--hf-white); }\n.hf-stack-standalone .hf-content { display: flex; flex-direction: column; gap: 6px; flex: 1; }\n.hf-stack-standalone .hf-card-title { font-family: var(--hf-font-heading); font-size: var(--hf-fs-h3); font-weight: var(--hf-heading-weight); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); color: var(--hf-off-black); }\n.hf-stack-standalone .hf-card-desc { font-family: var(--hf-font-default); font-size: 15px; line-height: 1.5; color: var(--hf-neutral-600); }\n.hf-stack-standalone .hf-callout { margin-top: 16px; display: flex; align-items: flex-start; gap: 12px; background: rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.06); border-radius: 8px; padding: 12px 16px; }\n.hf-stack-standalone .hf-callout-icon { width: 18px; height: 18px; flex-shrink: 0; color: #16A34A; margin-top: 2px; }\n.hf-stack-standalone .hf-callout-text { font-family: var(--hf-font-default); font-size: 14px; font-weight: 400; line-height: 1.5; color: #52525B; margin: 0; }\n.hf-stack-standalone .hf-callout-text strong { font-weight: 600; color: #18181B; }\n@media (max-width: 600px) {\n  .hf-stack-standalone .hf-card { flex-direction: column; align-items: flex-start; padding: 24px; gap: 16px; }\n  .hf-stack-standalone .hf-card--mid, .hf-stack-standalone .hf-card--bot { padding-top: 56px; margin-top: -32px; }\n  .hf-stack-standalone .hf-icon { width: 48px; height: 48px; }\n  .hf-stack-standalone .hf-header { margin-bottom: 32px; padding: 0 16px; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 4 \u2014 HOW IT WORKS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hf-how-section { background: var(--hf-white); padding: clamp(60px, 7vw, 100px) 0 clamp(60px, 7vw, 100px); }\n.hf-how-header { max-width: 900px; margin: 0 auto 28px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 24px; }\n.hf-how-kicker { font-family: var(--hf-font-default); font-size: 14px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--hf-neutral-600); }\n\n.hf-how-toggle-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; }\n.hf-how-toggle-label { font-family: var(--hf-font-heading); font-size: var(--hf-fs-h2); font-weight: var(--hf-heading-weight); letter-spacing: var(--hf-heading-ls); line-height: var(--hf-heading-lh); cursor: pointer; transition: color 0.25s ease; user-select: none; }\n.hf-how-toggle-label--active { color: var(--hf-off-black); }\n.hf-how-toggle-label--inactive { color: var(--hf-neutral-300); }\n\n.hf-how-switch { flex-shrink: 0; width: 56px; height: 32px; border-radius: 9999px; background: var(--hf-violet-500); border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; position: relative; }\n.hf-how-switch-nub { width: 24px; height: 24px; border-radius: 9999px; background: var(--hf-white); display: block; transition: transform 0.25s ease; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }\n.hf-how-switch--right .hf-how-switch-nub { transform: translateX(24px); }\n\n.hf-how-subtitle { font-family: var(--hf-font-default); font-size: var(--hf-fs-md); line-height: 1.6; color: var(--hf-neutral-600); max-width: 700px; }\n\n.hf-how-grid { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 24px; animation: hf-fade-in 0.3s ease forwards; }\n.hf-how-card { border: 1px solid var(--hf-neutral-200); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 16px; background: var(--hf-white); }\n.hf-how-card-tag { display: inline-flex; align-self: flex-start; background: var(--hf-light-violet-50); color: var(--hf-violet-500); border-radius: 9999px; padding: 4px 12px; font-family: var(--hf-font-default); font-size: 12px; font-weight: 600; letter-spacing: 0.02em; }\n.hf-how-card-h3 { font-family: var(--hf-font-heading); font-size: var(--hf-fs-h3); font-weight: var(--hf-heading-weight); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); color: var(--hf-off-black); }\n.hf-how-card-placeholder { width: 100%; height: 240px; border-radius: 8px; background: var(--hf-light-violet-50); border: 1px dashed var(--hf-light-violet-200); display: flex; align-items: center; justify-content: center; }\n.hf-how-card-placeholder span { font-family: var(--hf-font-default); font-size: 12px; color: var(--hf-neutral-600); text-align: center; padding: 0 16px; }\n.hf-how-card-img { width: 100%; height: 240px; border-radius: 8px; background: var(--hf-light-violet-50); overflow: hidden; }\n.hf-how-card-img img { width: 100%; height: 100%; object-fit: cover; object-position: left top; display: block; }\n.hf-how-card-p { font-family: var(--hf-font-default); font-size: 15px; line-height: 1.6; color: var(--hf-neutral-700); }\n\n.hf-how-outro { max-width: 1300px; margin: 32px auto 0; padding-top: 32px; border-top: 1px solid var(--hf-neutral-200); display: flex; align-items: center; gap: 32px; }\n.hf-how-outro-text { flex: 3; display: flex; flex-direction: column; gap: 8px; text-align: left; }\n.hf-how-outro-h3 { font-family: var(--hf-font-heading); font-size: var(--hf-fs-h3); font-weight: var(--hf-heading-weight); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); color: var(--hf-off-black); margin: 0; }\n.hf-how-outro-p { font-family: var(--hf-font-default); font-size: 15px; line-height: 1.7; color: var(--hf-neutral-600); margin: 0; }\n.hf-how-outro .hf-hero-cta { flex: 1; text-align: center; margin-top: 0; }\n\n@media (min-width: 768px) { .hf-how-grid { grid-template-columns: repeat(3,1fr); } }\n@keyframes hf-fade-in { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 5 \u2014 ROI COMPARISON\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hf-roi-section { position: relative; overflow: clip; padding: clamp(60px, 7vw, 100px) 0 clamp(60px, 7vw, 100px); background: var(--hf-white); }\n.hf-roi-grid-bg {\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\n  background-size: 40px 40px;\n  background-image: linear-gradient(to right, var(--hf-neutral-200) 1px, transparent 1px), linear-gradient(to bottom, var(--hf-neutral-200) 1px, transparent 1px);\n  -webkit-mask-image: radial-gradient(ellipse at 75% 50%, rgba(0,0,0,0.5) 0%, transparent 65%);\n  mask-image: radial-gradient(ellipse at 75% 50%, rgba(0,0,0,0.5) 0%, transparent 65%);\n}\n.hf-roi-inner { position: relative; z-index: 10; max-width: 1300px; margin: 0 auto; display: flex; flex-direction: column; gap: 64px; }\n\n.hf-roi-left { width: 100%; }\n.hf-roi-h2 { font-family: var(--hf-font-heading); font-weight: var(--hf-heading-weight); line-height: var(--hf-heading-lh); letter-spacing: var(--hf-heading-ls); color: var(--hf-off-black); margin-bottom: 24px; }\n.hf-roi-intro { font-family: var(--hf-font-default); font-size: var(--hf-fs-md); font-weight: 400; line-height: 1.6; color: var(--hf-neutral-600); }\n.hf-roi-vp-list { list-style: none; padding: 0; margin: 40px 0 0; display: flex; flex-direction: column; gap: 24px; }\n.hf-roi-vp-item { display: flex; align-items: flex-start; gap: 12px; }\n.hf-roi-vp-icon { flex-shrink: 0; margin-top: 2px; }\n.hf-roi-vp-text { font-family: var(--hf-font-default); font-size: 15px; line-height: 1.55; color: var(--hf-neutral-600); }\n.hf-roi-vp-text strong { color: var(--hf-off-black); font-weight: 700; }\n\n.hf-roi-right { width: 100%; }\n\n\/* Desktop table *\/\n.hf-roi-table { overflow: hidden; border: 1px solid var(--hf-neutral-200); border-radius: var(--hf-spacing-4); box-shadow: 0 4px 24px 0 rgba(18,18,20,0.08); display: none; }\n.hf-roi-table-row { display: grid; grid-template-columns: 1fr 1fr; }\n.hf-roi-table-cell { padding: var(--hf-spacing-8); }\n.hf-roi-table-head-trad { background: var(--hf-white); font-family: var(--hf-font-heading); font-size: var(--hf-fs-h3l); font-weight: 700; color: var(--hf-off-black); display: flex; align-items: flex-end; }\n.hf-roi-table-head-hf { background: var(--hf-light-violet-200); font-family: var(--hf-font-heading); font-size: var(--hf-fs-h3l); font-weight: 700; color: var(--hf-off-black); display: flex; align-items: center; }\n.hf-roi-cell-trad { background: var(--hf-white); border-top: 1px solid var(--hf-neutral-200); }\n.hf-roi-cell-hf { background: var(--hf-light-violet-50); }\n.hf-roi-cell-text { font-family: var(--hf-font-default); font-size: var(--hf-fs-md); font-weight: 400; line-height: 1.6; }\n.hf-roi-cell-trad .hf-roi-cell-text { color: var(--hf-neutral-500); }\n.hf-roi-cell-hf .hf-roi-cell-text { color: var(--hf-off-black); }\n\n.hf-proof-stat { margin-top: var(--hf-spacing-6); padding-left: var(--hf-spacing-3); border-left: 2px solid var(--hf-light-violet-500); }\n.hf-proof-stat-value { display: block; font-family: var(--hf-font-heading); font-size: var(--hf-fs-lg); font-weight: 700; color: var(--hf-violet-500); line-height: 1.2; }\n.hf-proof-stat-label { display: block; font-family: var(--hf-font-default); font-size: var(--hf-fs-xs); font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hf-neutral-500); margin-top: 4px; }\n\n\/* Mobile cards *\/\n.hf-roi-mobile-cards { display: flex; flex-direction: column; gap: 16px; }\n.hf-roi-mobile-card { overflow: hidden; border: 1px solid var(--hf-neutral-200); border-radius: var(--hf-spacing-3); box-shadow: 0 2px 12px 0 rgba(18,18,20,0.06); }\n.hf-roi-mobile-cell { padding: var(--hf-spacing-8); }\n.hf-roi-mobile-cell--trad { background: var(--hf-white); }\n.hf-roi-mobile-cell--hf { background: var(--hf-light-violet-50); border-top: 1px solid var(--hf-neutral-200); }\n.hf-roi-mobile-eyebrow { display: block; font-family: var(--hf-font-default); font-size: var(--hf-fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }\n.hf-roi-mobile-eyebrow--trad { color: var(--hf-neutral-400); }\n.hf-roi-mobile-eyebrow--hf { color: var(--hf-violet-500); }\n\n.hf-roi-footer { margin-top: 32px; padding-top: 24px; text-align: center; border-top: 1px solid var(--hf-neutral-200); font-family: var(--hf-font-default); font-size: var(--hf-fs-md); color: var(--hf-neutral-600); line-height: 1.6; }\n.hf-roi-footer a { color: var(--hf-violet-500); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }\n\n@media (min-width: 1024px) {\n  .hf-roi-inner { flex-direction: row; gap: 0; }\n  .hf-roi-left { width: 35%; flex-shrink: 0; padding-right: 64px; }\n  .hf-roi-sticky { position: sticky; top: 120px; }\n  .hf-roi-right { width: 65%; }\n  .hf-roi-table { display: block; }\n  .hf-roi-mobile-cards { display: none; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 6 \u2014 HERO AI (OBSIDIAN)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hf-ai-section { width: 100%; background: transparent; padding: 0 0 clamp(60px, 7vw, 100px); margin-top: 30px; position: relative; z-index: 20; }\n.hf-ai-container { max-width: 1300px; margin: 0 auto; }\n.hf-ai-canvas-wrap {\n  position: relative; border-radius: 3rem;\n  background: linear-gradient(180deg, var(--hf-deep-violet) 0%, #0A0A0B 80%); border: 1px solid rgba(255,255,255,0.08);\n  box-shadow: 0 -30px 120px -20px rgba(118,34,215,0.25), 0 40px 60px -15px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);\n}\n.hf-ai-canvas { position: relative; border-radius: 3rem; overflow: hidden; }\n\n\/* Dot grids *\/\n.hf-ai-dots { position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px; opacity: 0.5; }\n.hf-ai-dots-active { position: absolute; inset: 0; pointer-events: none; z-index: 1; background-image: radial-gradient(var(--hf-violet-500) 1px, transparent 1px); background-size: 24px 24px; opacity: 0.3; -webkit-mask-image: radial-gradient(450px circle at var(--hf-mouse-x, 50%) var(--hf-mouse-y, 50%), black, transparent 100%); mask-image: radial-gradient(450px circle at var(--hf-mouse-x, 50%) var(--hf-mouse-y, 50%), black, transparent 100%); }\n.hf-ai-glow { position: absolute; inset: 0; pointer-events: none; z-index: 2; background: radial-gradient(320px circle at var(--hf-glow-x, -999px) var(--hf-glow-y, -999px), rgba(118,34,215,0.25) 0%, transparent 100%); }\n\n.hf-ai-intro { position: relative; z-index: 10; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 48px 24px 0; margin: 0 auto; max-width: 768px; }\n.hf-ai-shine-icon { display: block; width: 64px; height: 64px; flex-shrink: 0; box-sizing: content-box; }\n.hf-ai-headline { font-family: var(--hf-font-heading); font-weight: 800; text-align: left; color: #FFFFFF; white-space: nowrap; }\n\n\/* Desktop 3-col layout *\/\n.hf-ai-desktop { position: relative; z-index: 10; display: none; grid-template-columns: 3fr 5fr 4fr; gap: 48px; align-items: center; padding: 64px 64px 0; }\n.hf-ai-controller { display: flex; flex-direction: column; }\n.hf-ai-ctrl-btn { display: flex; align-items: center; gap: 12px; padding: 12px 0; cursor: pointer; border: none; background: none; text-align: left; width: 100%; }\n.hf-ai-ctrl-dot { width: 8px; height: 8px; border-radius: 9999px; flex-shrink: 0; background: var(--hf-violet-500); transition: all 0.3s; transform: scale(0); opacity: 0; }\n.hf-ai-ctrl-btn--active .hf-ai-ctrl-dot { transform: scale(1); opacity: 1; }\n.hf-ai-ctrl-label { font-family: var(--hf-font-default); font-size: var(--hf-fs-sm); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.4; transition: all 0.3s; color: var(--hf-neutral-500); transform: translateX(-10px); }\n.hf-ai-ctrl-btn--active .hf-ai-ctrl-label { color: #FFFFFF; transform: translateX(0); }\n\n\/* 3D Stack *\/\n.hf-ai-stack-wrap { perspective: 1500px; display: flex; align-items: center; justify-content: center; height: 400px; position: relative; width: 100%; pointer-events: none; }\n.hf-ai-stack-inner { position: relative; transform-style: preserve-3d; transform: rotateX(60deg) rotateZ(-45deg); }\n.hf-ai-stack-layer { position: absolute; left: 50%; top: 50%; width: 380px; height: 240px; margin-left: -190px; margin-top: -120px; transition: all 0.5s cubic-bezier(0.25,0.8,0.25,1); background: rgba(255,255,255,0.05); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; pointer-events: auto; opacity: 0.4; z-index: 10; }\n.hf-ai-stack-layer--active { opacity: 1; z-index: 50; border: 2px solid var(--hf-violet-500); box-shadow: -1px 1px 0 var(--hf-violet-500), -2px 2px 0 var(--hf-violet-500), -3px 3px 0 var(--hf-violet-500), -4px 4px 0 var(--hf-violet-500), -5px 5px 0 var(--hf-violet-500), -6px 6px 0 var(--hf-violet-500), 0 20px 50px rgba(118,34,215,0.4); }\n.hf-ai-stack-layer:not(.hf-ai-stack-layer--active) { box-shadow: -1px 1px 0 rgba(118,34,215,0.3), -2px 2px 0 rgba(118,34,215,0.25), -3px 3px 0 rgba(118,34,215,0.2), -4px 4px 0 rgba(118,34,215,0.15), -5px 5px 0 rgba(118,34,215,0.1), -6px 6px 0 rgba(118,34,215,0.05), -20px 20px 40px rgba(0,0,0,0.4); }\n.hf-ai-stack-layer img { width: 100%; height: 100%; object-fit: cover; opacity: 0.3; transition: opacity 0.5s ease, filter 0.5s ease; filter: brightness(1); }\n.hf-ai-stack-layer--active img { opacity: 0.85; filter: brightness(1.3); }\n\n\/* Detail panel *\/\n.hf-ai-detail { position: relative; min-height: 180px; }\n.hf-ai-detail-item { position: absolute; top: 0; left: 0; right: 0; opacity: 0; filter: blur(4px); transition: opacity 0.3s ease, filter 0.3s ease; pointer-events: none; }\n.hf-ai-detail-item--active { opacity: 1; filter: blur(0); position: relative; pointer-events: auto; }\n.hf-ai-detail-h3 { font-family: var(--hf-font-heading); font-size: 20px; font-weight: 700; color: #FFFFFF; margin-bottom: 12px; }\n.hf-ai-detail-p { font-family: var(--hf-font-default); font-size: var(--hf-fs-base); line-height: 1.6; color: var(--hf-neutral-400); margin-bottom: 24px; }\n.hf-ai-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 9999px; font-family: var(--hf-font-default); font-weight: 600; font-size: var(--hf-fs-sm); background: var(--hf-violet-500); color: #FFFFFF; text-decoration: none; box-shadow: 0 4px 14px rgba(118,34,215,0.4); transition: all 0.3s; }\n.hf-ai-cta:hover { transform: scale(1.05); }\n\n\/* Support dock *\/\n.hf-ai-dock { position: relative; z-index: 20; display: none; max-width: 1024px; margin: 16px auto 64px; overflow: hidden; background: rgba(255,255,255,0.05); backdrop-filter: blur(64px) saturate(1.5); -webkit-backdrop-filter: blur(64px) saturate(1.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 2.5rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); }\n.hf-ai-dock-cell { flex: 1; display: flex; align-items: flex-start; gap: 12px; padding: 32px; }\n.hf-ai-dock-cell + .hf-ai-dock-cell { border-left: 1px solid rgba(255,255,255,0.1); }\n.hf-ai-dock-cell svg { flex-shrink: 0; margin-top: 2px; }\n.hf-ai-dock-h3 { font-family: var(--hf-font-heading); font-size: var(--hf-fs-base); font-weight: 700; color: #FFFFFF; margin-bottom: 4px; }\n.hf-ai-dock-p { font-family: var(--hf-font-default); font-size: var(--hf-fs-sm); line-height: 1.6; color: rgba(255,255,255,0.5); }\n.hf-ai-dock-eyebrow { position: relative; z-index: 20; display: block; text-align: center; font-family: var(--hf-font-default); font-size: var(--hf-fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.4); margin: 0 auto; padding: 24px 0 0; }\n\n\/* Mobile fallback *\/\n.hf-ai-mobile { position: relative; z-index: 10; display: flex; flex-direction: column; gap: 24px; padding: 48px 16px; }\n.hf-ai-mobile-card { padding: 24px; border-radius: 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }\n.hf-ai-mobile-card-label { display: block; font-family: var(--hf-font-default); font-size: var(--hf-fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hf-white); margin-bottom: 12px; }\n.hf-ai-mobile-card-p { font-family: var(--hf-font-default); font-size: var(--hf-fs-base); line-height: 1.6; color: rgba(255,255,255,0.6); }\n.hf-ai-mobile-h3 { font-family: var(--hf-font-heading); font-size: var(--hf-fs-lg); font-weight: 700; color: #FFFFFF; margin-bottom: 8px; }\n.hf-ai-mobile-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 24px; border-radius: 9999px; font-family: var(--hf-font-default); font-weight: 600; font-size: var(--hf-fs-base); background: var(--hf-violet-500); color: #FFFFFF; text-decoration: none; box-shadow: 0 4px 14px rgba(118,34,215,0.4); margin-top: 8px; transition: all 0.3s; }\n.hf-ai-mobile-cta:hover { transform: scale(1.05); }\n\n\/* Bento Belt \u2014 Agent video cards *\/\na.hf-ai-belt-card { text-decoration: none; color: inherit; display: block; }\n.hf-ai-bento-belt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0 auto 48px; padding: 0 64px; position: relative; z-index: 20; }\n.hf-ai-belt-card { position: relative; overflow: hidden; aspect-ratio: 469 \/ 323; width: 100%; height: auto; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; }\n.hf-ai-belt-video { display: block; position: absolute; inset: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; max-width: none; object-fit: cover; object-position: top; z-index: 1; }\n.hf-ai-belt-overlay { position: absolute; inset: 0; z-index: 2; background: linear-gradient(to top, #0A0A0B 10%, rgba(10,10,11,0.4) 100%); transition: opacity 0.3s ease; }\n.hf-ai-belt-text { position: absolute; bottom: 16px; left: 16px; z-index: 3; color: #FFFFFF; }\n.hf-ai-belt-text h3 { font-family: var(--hf-font-heading); font-size: 16px; font-weight: 700; margin: 0; }\n.hf-ai-drawer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; background: var(--wp--preset--color--violet-500); padding: 26px 16px 16px 16px; text-align: center; font-family: var(--hf-font-default); font-size: var(--hf-fs-sm); font-weight: 700; color: #FFFFFF; transform: translateY(-21%); border-radius: 0 0 20px 20px; pointer-events: none; transition: transform 0.3s ease; }\n.hf-ai-drawer-arrow { color: #FFFFFF; margin-left: 4px; }\n\n\/* Tablet: 2-col grid *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n  .hf-ai-bento-belt { grid-template-columns: repeat(3, 1fr); gap: 16px; }\n}\n\n\/* Mobile: scroll-snap track *\/\n@media (max-width: 767px) {\n  .hf-ai-canvas { overflow: clip; } \/* clip instead of hidden \u2014 avoids iOS competing scroll container *\/\n  .hf-ai-bento-belt { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 5px; padding: 0 16px; scroll-padding: 16px; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }\n  .hf-ai-bento-belt::-webkit-scrollbar { display: none; }\n  .hf-ai-belt-card { flex: 0 0 75vw; scroll-snap-align: start; }\n  .hf-ai-belt-overlay { opacity: 0.2; }\n  .hf-ai-belt-video { pointer-events: none; }\n}\n\n\/* Hover \u2014 pointer devices only *\/\n@media (hover: hover) {\n  .hf-ai-belt-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(118,34,215,0.3); overflow: visible; }\n  .hf-ai-belt-card:hover .hf-ai-belt-overlay { opacity: 0; }\n  .hf-ai-belt-card:hover .hf-ai-belt-text { opacity: 0; }\n  .hf-ai-belt-card:hover .hf-ai-belt-video { border-radius: 16px; }\n  .hf-ai-belt-card:hover .hf-ai-drawer { transform: translateY(76%); pointer-events: auto; }\n}\n\n.hf-ai-mobile-stack-preview { display: block; overflow: hidden; }\n.hf-ai-mobile-stack-preview .hf-ai-stack-wrap { height: 260px; }\n.hf-ai-mobile-stack-preview .hf-ai-stack-inner { transform: rotateX(60deg) rotateZ(-45deg) scale(0.65); }\n.hf-ai-mobile-stack-preview .hf-ai-stack-layer { pointer-events: none; cursor: default; }\n\n@media (min-width: 1024px) {\n  .hf-ai-desktop { display: grid; }\n  .hf-ai-dock-eyebrow { display: block; }\n  .hf-ai-dock { display: flex; }\n  .hf-ai-mobile { display: none; }\n  .hf-ai-mobile-stack-preview { display: none; }\n}\n\n\/* RESPONSIVE \u2014 Mobile-first overrides *\/\n@media (min-width: 769px) { .hf-hero-wrapper { min-height: auto; } }\n\n@media (max-width: 390px) {\n  .hf-hero-cta-row { flex-direction: column; width: 100%; }\n  .hf-hero-cta, .hf-hero-video-pill { width: 100%; justify-content: center; text-align: center; box-sizing: border-box; }\n  .hf-trust-runway { gap: 20px 24px; }\n}\n\n@media (max-width: 768px) {\n  .hf-lightbox-frame { width: 95vw; border-radius: 10px; }\n  .hf-lightbox-close { top: 10px; right: 10px; width: 36px; height: 36px; font-size: 20px; }\n  .hf-roi-inner { gap: 40px; }\n  .hf-roi-mobile-cell { padding: 20px; }\n  .hf-roi-h2 { margin-bottom: 16px; }\n  .hf-ai-canvas-wrap { border-radius: 1.5rem; }\n  .hf-ai-canvas { border-radius: 1.5rem; }\n  .hf-ai-intro { flex-direction: column; padding: 32px 16px 0; gap: 12px; }\n  .hf-ai-shine-icon { width: 48px; height: 48px; }\n  .hf-ai-headline { text-align: center; white-space: normal; }\n  .hf-ai-mobile { padding: 24px 16px 40px; gap: 16px; }\n  .hf-ai-mobile-card { padding: 20px; }\n}\n\n@media (max-width: 768px) {\n  .wp-block-post-content:has(.hf-page-wrapper) > *:has(.hf-page-wrapper) { margin-left: -1.5rem !important; margin-right: -1.5rem !important; }\n  .hf-page-wrapper > *:not(.hf-ai-section) { padding: 30px 0; }\n  .wp-block-post-content:has(.hf-page-wrapper) .customer-carousel-small { padding: 40px 24px !important; }\n  .hf-ai-canvas-wrap { box-shadow: none; }\n  .hf-hero-h1 { font-size: 2.5rem; }\n  .hf-checklist { width: 100%; max-width: 100%; }\n  .hf-checklist-header { flex-wrap: wrap; padding: 16px; gap: 10px; }\n  .hf-checklist-badge { position: absolute; top: 3px; }\n  .hf-checklist-row.active .hf-checklist-badge { transform: none; }\n  .hf-checklist-solution-inner { padding: 12px 16px 16px 16px; }\n  .hf-checklist-solution-box { flex-direction: column; gap: 16px; }\n}\n\n@media (max-width: 639px) {\n  .hf-capability-container { gap: 28px; }\n  .hf-cap-card { padding: 24px !important; }\n}\n\n@media (max-width: 560px) {\n  .hf-how-toggle-row { gap: 12px; }\n  .hf-how-header { gap: 16px; margin-bottom: 28px; }\n  .hf-how-grid { gap: 16px; }\n  .hf-how-card { padding: 20px; }\n  .hf-how-outro { margin-top: 24px; padding-top: 24px; flex-direction: column; text-align: center; }\n  .hf-how-outro-text { text-align: center; }\n  .hf-how-outro .hf-hero-cta { margin-top: 16px; }\n}\n\n\/* \u2500\u2500\u2500 Info tooltip \/ bottom drawer \u2500\u2500\u2500 *\/\n.hf-info-trigger { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--hf-neutral-400); background: none; cursor: pointer; font-family: var(--hf-font-default); font-size: 8px; font-weight: 600; font-style: italic; color: var(--hf-neutral-500); line-height: 1; padding: 0; margin-left: 3px; vertical-align: middle; position: relative; top: -1px; transition: border-color 0.2s, color 0.2s; }\n.hf-info-trigger:hover { border-color: var(--hf-violet-500); color: var(--hf-violet-500); }\n\n\/* Desktop tooltip *\/\n@media (min-width: 768px) {\n  .hf-info-tooltip { display: none; }\n  .hf-info-tooltip-fixed { position: fixed; z-index: 10000; background: var(--hf-off-black); color: var(--hf-white); font-family: var(--hf-font-default); font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.5; padding: 12px 16px; border-radius: 8px; width: 300px; pointer-events: none; opacity: 0; transition: opacity 0.2s; box-shadow: 0 4px 16px rgba(0,0,0,0.15); }\n  .hf-info-tooltip-fixed::after { content: \"\"; position: absolute; border: 6px solid transparent; }\n  .hf-info-tooltip-fixed--above::after { top: 100%; left: var(--hf-arrow-left, 50%); transform: translateX(-50%); border-top-color: var(--hf-off-black); }\n  .hf-info-tooltip-fixed--below::after { bottom: 100%; left: var(--hf-arrow-left, 50%); transform: translateX(-50%); border-bottom-color: var(--hf-off-black); }\n  .hf-info-tooltip-fixed.hf-info-active { opacity: 1; pointer-events: auto; }\n  .hf-info-drawer-backdrop, .hf-info-drawer { display: none !important; }\n}\n\n\/* Mobile bottom drawer *\/\n@media (max-width: 767px) {\n  .hf-info-tooltip, .hf-info-tooltip-fixed { display: none !important; }\n  .hf-info-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9998; opacity: 0; pointer-events: none; transition: opacity 0.3s; }\n  .hf-info-drawer-backdrop.hf-info-drawer-open { opacity: 1; pointer-events: auto; }\n  .hf-info-drawer { position: fixed; bottom: 0; left: 0; right: 0; background: var(--hf-white); border-radius: 16px 16px 0 0; padding: 24px 24px 32px; z-index: 9999; transform: translateY(100%); transition: transform 0.3s ease; box-shadow: 0 -4px 24px rgba(0,0,0,0.12); }\n  .hf-info-drawer.hf-info-drawer-open { transform: translateY(0);padding: 30px 20px; }\n  .hf-info-drawer-handle { width: 40px; height: 4px; background: var(--hf-neutral-300); border-radius: 2px; margin: 0 auto 16px; }\n  .hf-info-drawer-text { font-family: var(--hf-font-default); font-size: 14px; color: var(--hf-neutral-600); line-height: 1.6; }\n  .hf-info-drawer-close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: none; background: var(--hf-neutral-100); cursor: pointer; position: absolute; top: 16px; right: 16px; font-size: 18px; color: var(--hf-neutral-500); line-height: 1; }\n}\n\n\/* \u2500\u2500 Layout & spacing overrides \u2500\u2500 *\/\n.wp-block-group.is-layout-flex.is-content-justification-center { justify-content: center; gap: 16px; }\n.wp-block-group.is-layout-flex > .hf-page-wrapper { width: fit-content; }\n.wp-block-button__link { white-space: nowrap; }\n.hf-video-pill-text { white-space: nowrap; }\n.wp-element-button, .wp-block-button__link { border-radius: 9999px !important; }\n#hf-hero-intro { padding-bottom: 0; }\n#hf-hero-trust { padding-top: 0; }\n#hf-simpler-way { padding-bottom: 0; }\n\n@media (max-width: 600px) {\n  .wp-block-group.is-layout-flex.is-nowrap.is-content-justification-center { flex-direction: column; align-items: center; gap: 20px!important; }\n  .hf-hero-video-pill { padding: 8px 26px !important; }\n}\n\n\/* \u2500\u2500 Trust Stats Standalone Component \u2500\u2500 *\/\n.hf-trust-stats-standalone { box-sizing: border-box; width: 100%; }\n.hf-trust-stats-standalone *, .hf-trust-stats-standalone *::before, .hf-trust-stats-standalone *::after { box-sizing: border-box; }\n.hf-trust-stats-standalone .hf-trust-runway { grid-template-columns: repeat(4, 1fr); gap: 32px 48px; }\n@media (max-width: 768px) { .hf-trust-stats-standalone .hf-trust-runway { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; } }\n.hf-trust-stats-standalone .hf-trust-label-wrap { display: inline; position: relative; }\n.hf-trust-stats-standalone .hf-trust-info { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 14px; height: 14px; line-height: 1; border-radius: 50%; background: var(--hf-neutral-200); color: var(--hf-neutral-600); font-size: 9px; font-weight: 700; cursor: pointer; margin-left: 4px; }\n.hf-trust-stats-standalone .hf-trust-nowrap { white-space: nowrap; }\n.hf-trust-stats-standalone .hf-trust-label { font-family: var(--hf-font-default); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hf-neutral-600); line-height: 1.2; }\n.hf-trust-stats-standalone .hf-trust-tooltip { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: var(--hf-neutral-900); color: var(--hf-white); font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1.4; padding: 10px 14px; border-radius: 8px; white-space: normal; width: max-content; max-width: 220px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 100; pointer-events: none; }\n.hf-trust-stats-standalone .hf-trust-tooltip::after { content: \"\"; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: var(--hf-neutral-900); }\n@media (min-width: 769px) { .hf-trust-stats-standalone .hf-trust-label-wrap:hover .hf-trust-tooltip { opacity: 1; visibility: visible; } }\n.hf-trust-stats-standalone .hf-stat-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 9998; }\n.hf-trust-stats-standalone .hf-stat-drawer-backdrop.hf-active { opacity: 1; visibility: visible; }\n.hf-trust-stats-standalone .hf-stat-drawer { position: fixed; bottom: 0; left: 0; right: 0; background: var(--hf-white); border-radius: 16px 16px 0 0; padding: 24px 20px 32px; transform: translateY(100%); transition: transform 0.3s ease; z-index: 9999; }\n.hf-trust-stats-standalone .hf-stat-drawer.hf-active { transform: translateY(0); }\n.hf-trust-stats-standalone .hf-stat-drawer-handle { width: 40px; height: 4px; background: var(--hf-neutral-200); border-radius: 2px; margin: 0 auto 16px; }\n.hf-trust-stats-standalone .hf-stat-drawer-text { font-family: var(--hf-font-default); font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--hf-neutral-700); }\n@media (min-width: 769px) { .hf-trust-stats-standalone .hf-stat-drawer-backdrop, .hf-trust-stats-standalone .hf-stat-drawer { display: none !important; } }\n\n\/* \u2500\u2500 Trust Plaque \u2500\u2500 *\/\n.hf-trust-plaque { position: relative; z-index: 50; max-width: 1200px; margin: clamp(60px, 7vw, 100px) auto; padding: 80px 64px; background: var(--hf-neutral-100, #F4F4F5); border: 1px solid var(--hf-neutral-200, #E4E4E7); border-radius: 16px; display: grid; grid-template-columns: 1fr 2.5fr; gap: 80px; align-items: start; overflow: visible !important; }\n.hf-trust-plaque__left { position: sticky; top: 80px; overflow: visible; }\n.hf-trust-plaque__overline { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--hf-neutral-500, #71717A); margin-bottom: 12px; }\n.hf-trust-plaque__left h2 { font-family: var(--hf-font-heading); font-size: clamp(2.25rem, 1.8214rem + 0.8929vw, 2.625rem); font-weight: var(--hf-heading-weight, 800); line-height: var(--hf-heading-lh, 1.1); letter-spacing: -0.84px; color: var(--hf-off-black, rgb(18, 18, 20)); margin: 0; }\n.hf-trust-plaque__right { overflow: visible !important; }\n.hf-trust-plaque__right > p + p { margin-top: 28px; }\n.hf-trust-plaque__right > p { font-size: 28px; line-height: 1.3; color: var(--hf-off-black, rgb(18, 18, 20)); font-weight: 400; margin: 0; font-family: var(--hf-font-default); }\n.proof-trigger { display: inline; position: relative; cursor: help; color: var(--hf-off-black, rgb(18, 18, 20)); font-weight: 500; border-bottom: 2px dotted var(--hf-light-violet-300, #C4B5FD); transition: background-color 0.3s ease, color 0.3s ease, border-bottom-color 0.3s ease; padding: 0 4px; border-radius: 4px; white-space: normal; vertical-align: baseline; line-height: 1.1; }\n.proof-trigger::before { content: \"\"; position: absolute; bottom: 100%; left: 0; right: 0; height: 30px; }\n.hf-tooltip-anchor > img { width: 34px; height: 34px; margin-left: 8px; display: inline-block; pointer-events: none; }\n.proof-trigger:hover, .proof-trigger.is-open { background-color: var(--hf-light-violet-50, #F5F0FF); color: var(--hf-violet-500, #7622D7); border-bottom-color: var(--hf-violet-500, #7622D7); }\n.hf-tooltip { display: none !important; }\n.hf-tooltip-clone { display: block; position: relative; border-radius: 12px; white-space: normal; line-height: 1.5; pointer-events: none; }\n.hf-tooltip-clone--awards { width: 260px; height: 140px; overflow: hidden; padding: 16px; text-align: left; font-family: var(--hf-font-default, sans-serif); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--hf-neutral-200, #E4E4E7); box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15); }\n.hf-ticker-track { display: flex; flex-direction: column; animation: hf-ticker-scroll 96s linear infinite; animation-play-state: paused; }\n#hf-tooltip-portal .hf-ticker-track { animation-play-state: running; }\n.hf-ticker-item { display: block; padding: 5px 0; border-bottom: 1px solid var(--hf-neutral-200, #E4E4E7); font-size: 13px; line-height: 1.4; color: var(--hf-off-black, rgb(18, 18, 20)); white-space: normal; }\n.hf-ticker-item strong { display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--hf-neutral-500, #71717A); }\n@keyframes hf-ticker-scroll { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }\n.hf-tooltip-clone--roster { width: 320px; padding: 20px; background: linear-gradient(135deg, #2D0649 0%, #121214 100%); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 20px 50px -10px rgba(70, 0, 120, 0.5); }\n.hf-tooltip-clone::after { content: \"\"; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: transparent; pointer-events: none; }\n.hf-tooltip-clone--awards::after { border-top-color: rgba(255, 255, 255, 0.95); }\n.hf-tooltip-clone--roster::after { border-top-color: #121214; }\n.hf-dedicated-header { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; color: #FFFFFF !important; font-size: 11px; font-weight: 700; letter-spacing: 1px; }\n.hf-domain-list { display: flex; flex-direction: column; padding: 0; margin: 0; gap: 10px; }\n.hf-domain-item { display: flex; align-items: center; gap: 8px; color: #E9D5FF !important; font-size: 14px; line-height: 1.4; }\n.hf-check { color: #CDACFE; font-weight: bold; }\n.hf-tooltip-footer { display: block; margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #A1A1AA !important; font-size: 11px; font-style: italic; line-height: 1.4; }\n@media (max-width: 991px) {\n  .hf-trust-plaque { grid-template-columns: 1fr; gap: 40px; padding: 48px 24px; margin: 32px 0; width: 100%; border-left: none; border-right: none; }\n  .hf-trust-plaque__left { position: static; padding: 0 24px; }\n  .hf-trust-plaque__right { padding: 0 24px; }\n  .hf-trust-plaque__right > p { font-size: 22px; line-height: 1.3; }\n}\n.hf-drawer-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9999998 !important; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }\n.hf-drawer-content { position: fixed; bottom: 0; left: 0; right: 0; background: var(--hf-white, #fff); border-radius: 20px 20px 0 0; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1); z-index: 9999999 !important; max-height: 85vh; overflow-y: auto; pointer-events: none; }\n.hf-mobile-drawer.is-open .hf-drawer-backdrop { opacity: 1; visibility: visible; }\n.hf-mobile-drawer.is-open .hf-drawer-content { transform: translateY(0); pointer-events: auto; }\n.hf-drawer-handle { width: 40px; height: 4px; background: #E4E4E7; margin: 12px auto; border-radius: 2px; }\n.hf-drawer-close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: none; background: var(--hf-neutral-100, #F4F4F5); cursor: pointer; position: absolute; top: 12px; right: 16px; font-size: 18px; color: var(--hf-neutral-500, #71717A); line-height: 1; }\n#hf-drawer-body { padding: 16px 24px 32px; }\n#hf-drawer-body:has(.hf-tooltip-clone--roster) { background: transparent; color: #fff; padding: 32px 24px; }\n.hf-drawer-content:has(.hf-tooltip-clone--roster) { background: linear-gradient(135deg, #2D0649 0%, #121214 100%); }\n.hf-drawer-content:has(.hf-tooltip-clone--roster) .hf-drawer-handle { background: rgba(255, 255, 255, 0.25); }\n.hf-drawer-content:has(.hf-tooltip-clone--roster) .hf-drawer-close { background: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.8); }\n.hf-mobile-drawer .hf-tooltip-clone { display: block !important; width: auto !important; height: auto !important; overflow: visible !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; pointer-events: auto !important; padding: 16px 0 !important; }\n.hf-mobile-drawer .hf-tooltip-clone::after { display: none !important; }\n.hf-mobile-drawer .hf-ticker-track { animation: none !important; }\n\n<\/style>\n\n<div class=\"hf-page-wrapper\" style=\"display:contents;\" id=\"hf-portal-info\">\n  <div class=\"hf-info-drawer-backdrop\" id=\"hf-info-backdrop\"><\/div>\n  <div class=\"hf-info-drawer\" id=\"hf-info-drawer\">\n    <div class=\"hf-info-drawer-handle\"><\/div>\n    <button class=\"hf-info-drawer-close\" id=\"hf-info-drawer-close\">&times;<\/button>\n    <p class=\"hf-info-drawer-text\"><\/p>\n  <\/div>\n  <div class=\"hf-info-tooltip-fixed\" id=\"hf-info-tooltip-fixed\"><\/div>\n<\/div>\n\n<div class=\"hf-page-wrapper\" style=\"display:contents;\" id=\"hf-portal-lightbox\">\n  <div class=\"hf-lightbox\" id=\"hf-lightbox\">\n    <div class=\"hf-lightbox-backdrop\" id=\"hf-lightbox-backdrop\"><\/div>\n    <div class=\"hf-lightbox-frame\">\n      <button class=\"hf-lightbox-close\" id=\"hf-lightbox-close\" aria-label=\"Close video\">&times;<\/button>\n      <iframe id=\"hf-vimeo\" src=\"https:\/\/player.vimeo.com\/video\/1180649522?autopause=0&#038;badge=0&#038;byline=0&#038;portrait=0&#038;title=0&#038;playsinline=1&#038;dnt=1&#038;transparent=0&#038;color=7622d7\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\" allowfullscreen title=\"HeroForce Demo\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n<script>\n(function(){\n  \/* \u2500\u2500\u2500 PORTAL FIX: Move modals to body root to escape Gutenberg transform\/clip wrappers \u2500\u2500\u2500 *\/\n  var portalInfo = document.getElementById('hf-portal-info');\n  var portalLightbox = document.getElementById('hf-portal-lightbox');\n  if(portalInfo) document.body.appendChild(portalInfo);\n  if(portalLightbox) document.body.appendChild(portalLightbox);\n\n  \/* \u2500\u2500\u2500 SECTION 1: Trust Rotator \u2500\u2500\u2500 *\/\n  (function(){\n    var badges = document.querySelectorAll('#hf-trust-rotator .hf-trust-badge');\n    var rotator = document.getElementById('hf-trust-rotator');\n    if (!badges.length || !rotator) return;\n    var idx = 0, timer = null;\n    function next() {\n      badges[idx].classList.remove('hf-trust-badge--active');\n      idx = (idx + 1) % badges.length;\n      badges[idx].classList.add('hf-trust-badge--active');\n    }\n    function start() { timer = setInterval(next, 3000); }\n    function stop() { clearInterval(timer); }\n    start();\n    rotator.addEventListener('mouseenter', stop);\n    rotator.addEventListener('mouseleave', start);\n  })();\n\n  \/* \u2500\u2500\u2500 SECTION 2: Video Lightbox \u2500\u2500\u2500 *\/\n  (function(){\n    var trigger = document.getElementById(\"hf-video-trigger\");\n    var lightbox = document.getElementById(\"hf-lightbox\");\n    var backdrop = document.getElementById(\"hf-lightbox-backdrop\");\n    var closeBtn = document.getElementById(\"hf-lightbox-close\");\n    var vimeoIframe = document.getElementById(\"hf-vimeo\");\n    var player = null;\n\n    if (vimeoIframe) { if (window.Vimeo) {\n      player = new Vimeo.Player(vimeoIframe);\n    } }\n\n    function openLightbox() {\n      if(!lightbox) return;\n      lightbox.classList.add(\"is-open\");\n      document.body.style.overflow = \"hidden\";\n      if (player) player.play();\n    }\n\n    function closeLightbox() {\n      if (player) player.pause();\n      if(lightbox) lightbox.classList.remove(\"is-open\");\n      document.body.style.overflow = \"\";\n    }\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", function(e) { e.preventDefault(); openLightbox(); });\n      trigger.addEventListener(\"keydown\", function(e) {\n        if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); openLightbox(); }\n      });\n    }\n\n    if (closeBtn) closeBtn.addEventListener(\"click\", closeLightbox);\n    if (backdrop) backdrop.addEventListener(\"click\", closeLightbox);\n\n    document.addEventListener(\"keydown\", function(e) {\n      if (e.key === \"Escape\") { if (lightbox) { if (lightbox.classList.contains(\"is-open\")) closeLightbox(); } }\n    });\n  })();\n\n  \/* \u2500\u2500\u2500 SECTION 4: How It Works Toggle \u2500\u2500\u2500 *\/\n  var hiringCards = [\n    {tag:\"Automated Sourcing\",img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/hiring-Instant-Candidate-Matching-au-small.png\",h3:\"Instant AI candidate matching\",p:\"HeroForce scans our marketplace of 2M+ jobseekers to serve up a live, curated shortlist of the best-matched candidates for your role instantly.\"},\n    {tag:\"Smart Vetting\",img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/hiring-AI-agent-candidate-screening.webp\",h3:\"AI agent candidate screening\",p:\"Candidates undergo a rigorous, multi-step screening process to validate experience, skills and work eligibility before you even see their profile.\"},\n    {tag:\"Global Compliance\",img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/hiring-global-compliance-au-small.png\",h3:\"You choose where you hire\",p:\"Use HeroForce to hire across borders without local entities or hire locally and we\\u2019ll handle the legal employer obligations.\"}\n  ];\n  var transitioningCards = [\n    {tag:\"Team Migration\",img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/transition-Move-Existing-Employees-au-small.png\",h3:\"Move existing employee across\",p:\"It\\u2019s a straightforward process to move existing local and international teams across to HeroForce. <a href=\\\"javascript:void(0);\\\" onclick=\\\"document.querySelector('div[data-trigger-modal=&quot;modal-v2-block-5ccf610a-ee27-455d-b687-a21e1dae2a87&quot;]').click()\\\" style=\\\"color:var(--hf-violet-500);\\\">Speak with our team of employment experts<\/a> to find out how.\"},\n    {tag:\"Expert Support\",img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/transition-Support.webp\",h3:\"Support when it matters\",p:\"Our team of employment experts manage the transition process and ongoing employment admin for you, both locally and globally.\"},\n    {tag:\"Unified Platform\",img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/04\/transition-all-types-au-small.png\",h3:\"All types of employment in one place\",p:\"The single employment operating system allows you to hire directly or via HeroForce in one easy to use AI-powered platform.\"}\n  ];\n  var currentTab = \"hiring\";\n  function renderCards(cards){\n    var grid = document.getElementById(\"hf-how-grid\");\n    if(!grid) return;\n    grid.innerHTML = \"\";\n    cards.forEach(function(c){\n      var imgHtml = (c.img.indexOf('images\/') === 0 || c.img.indexOf('http') === 0)\n        ? '<div class=\"hf-how-card-img\"><img decoding=\"async\" src=\"'+c.img+'\" alt=\"'+c.h3+'\" loading=\"lazy\"><\/div>'\n        : '<div class=\"hf-how-card-placeholder\"><span>'+c.img+'<\/span><\/div>';\n      grid.innerHTML += '<div class=\"hf-how-card\"><span class=\"hf-how-card-tag\">'+c.tag+'<\/span><h3 class=\"hf-how-card-h3\">'+c.h3+'<\/h3>'+imgHtml+'<p class=\"hf-how-card-p\">'+c.p+'<\/p><\/div>';\n    });\n    grid.style.animation = \"none\"; grid.offsetHeight; grid.style.animation = \"\";\n  }\n  window.hfSetTab = function(tab){\n    currentTab = tab;\n    var sw = document.getElementById(\"hf-switch\");\n    var hl = document.getElementById(\"hf-toggle-hiring\");\n    var tl = document.getElementById(\"hf-toggle-transitioning\");\n    var sub = document.getElementById(\"hf-how-subtitle\");\n    if(!sw) return;\n    if(tab === \"transitioning\"){\n      sw.classList.add(\"hf-how-switch--right\");\n      hl.className = \"hf-how-toggle-label hf-how-toggle-label--inactive\";\n      tl.className = \"hf-how-toggle-label hf-how-toggle-label--active\";\n      sub.textContent = \"Already have a team you\\u2019ve employed directly? We\\u2019ve got you covered.\";\n      renderCards(transitioningCards);\n    } else {\n      sw.classList.remove(\"hf-how-switch--right\");\n      hl.className = \"hf-how-toggle-label hf-how-toggle-label--active\";\n      tl.className = \"hf-how-toggle-label hf-how-toggle-label--inactive\";\n      sub.textContent = \"\";\n      renderCards(hiringCards);\n    }\n  };\n  window.hfToggleTab = function(){ hfSetTab(currentTab === \"hiring\" ? \"transitioning\" : \"hiring\"); };\n  renderCards(hiringCards);\n\n  \/* \u2500\u2500\u2500 SECTION 5: ROI Table \u2500\u2500\u2500 *\/\n  var rows = [\n    {trad:\"Fragmented and disconnected silos\",hf:\"Fully embedded in Employment Hero\\u2019s Employment Operating System\",stat:\"Predictable\",label:\"TRANSPARENT COSTS\"},\n    {trad:\"Manual job boards and sifting\",hf:\"AI-powered candidate matching (2M+ candidate pool)\",stat:\"2M+\",label:\"WORK-READY TALENT POOL\"},\n    {trad:\"Unqualified and irrelevant applicants\",hf:\"Pre-vetted and verified top candidates\",stat:\"Typically 80%\",label:\"LOWER COSTS VS LABOUR HIRE*\"},\n    {trad:\"High manual HR and recruitment load\",hf:\"Intelligent automation handles tasks\",stat:\"Typically 34%\",label:\"LOWER COSTS THAN DIRECT EMPLOYMENT*\"},\n    {trad:\"You bear all legal employer risks\",hf:\"Employment Hero acts as the legal employer of record\",stat:\"180+\",label:\"COUNTRIES \\u2014 NO ENTITY SETUP REQUIRED\"}\n  ];\n  var hfDisclaimerText = \"Savings based on internal HeroForce modelling of representative total employment costs (incl taxes, and overheads) vs. market rates. Actual savings may vary by region, industry and specific local compliance requirements.\";\n  function hfRenderLabel(label) {\n    if (label.indexOf(\"*\") === -1) return '<span class=\"hf-proof-stat-label\">'+label+'<\/span>';\n    var clean = label.replace(\"*\",\"\");\n    return '<span class=\"hf-proof-stat-label\">'+clean+'<button class=\"hf-info-trigger\" aria-label=\"More info\"><span class=\"hf-info-tooltip\">'+hfDisclaimerText+'<\/span>i<\/button><\/span>';\n  }\n  \/\/ Desktop\n  var dt = document.getElementById(\"hf-roi-table\");\n  if(dt) {\n    dt.innerHTML = '<div class=\"hf-roi-table-row\"><div class=\"hf-roi-table-cell hf-roi-table-head-trad\">The old way<\/div><div class=\"hf-roi-table-cell hf-roi-table-head-hf\"><img decoding=\"async\" src=\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/01\/Shine-AI-Icon.png\" alt=\"\" style=\"width:22px;height:22px;object-fit:contain;margin-right:8px;\">HeroForce<\/div><\/div>';\n    rows.forEach(function(r){\n      dt.innerHTML += '<div class=\"hf-roi-table-row\"><div class=\"hf-roi-table-cell hf-roi-cell-trad\"><p class=\"hf-roi-cell-text\">'+r.trad+'<\/p><\/div><div class=\"hf-roi-table-cell hf-roi-cell-hf\"><p class=\"hf-roi-cell-text\">'+r.hf+'<\/p><div class=\"hf-proof-stat\"><span class=\"hf-proof-stat-value\">'+r.stat+'<\/span>'+hfRenderLabel(r.label)+'<\/div><\/div><\/div>';\n    });\n  }\n  \/\/ Mobile\n  var mb = document.getElementById(\"hf-roi-mobile\");\n  if(mb) {\n    rows.forEach(function(r){\n      mb.innerHTML += '<div class=\"hf-roi-mobile-card\"><div class=\"hf-roi-mobile-cell hf-roi-mobile-cell--trad\"><span class=\"hf-roi-mobile-eyebrow hf-roi-mobile-eyebrow--trad\">The old way:<\/span><p class=\"hf-roi-cell-text\" style=\"color:var(--hf-neutral-500)\">'+r.trad+'<\/p><\/div><div class=\"hf-roi-mobile-cell hf-roi-mobile-cell--hf\"><span class=\"hf-roi-mobile-eyebrow hf-roi-mobile-eyebrow--hf\">HeroForce:<\/span><p class=\"hf-roi-cell-text\" style=\"color:var(--hf-off-black)\">'+r.hf+'<\/p><div class=\"hf-proof-stat\"><span class=\"hf-proof-stat-value\">'+r.stat+'<\/span>'+hfRenderLabel(r.label)+'<\/div><\/div><\/div>';\n    });\n  }\n\n  \/* \u2500\u2500\u2500 Info icon: desktop fixed tooltip + mobile bottom drawer \u2500\u2500\u2500 *\/\n  (function(){\n    var backdrop = document.getElementById(\"hf-info-backdrop\");\n    var drawer = document.getElementById(\"hf-info-drawer\");\n    var drawerClose = document.getElementById(\"hf-info-drawer-close\");\n    var tooltip = document.getElementById(\"hf-info-tooltip-fixed\");\n    var isMobile = function(){ return window.innerWidth < 768; };\n    var activeBtn = null;\n\n    function closeDrawer(){\n      if(drawer) drawer.classList.remove(\"hf-info-drawer-open\");\n      if(backdrop) backdrop.classList.remove(\"hf-info-drawer-open\");\n    }\n\n    function closeTooltip(){\n      if(tooltip) tooltip.classList.remove(\"hf-info-active\",\"hf-info-tooltip-fixed--above\",\"hf-info-tooltip-fixed--below\");\n      activeBtn = null;\n    }\n\n    function positionTooltip(btn){\n      if(!tooltip) return;\n      var rect = btn.getBoundingClientRect();\n      var tw = 300, gap = 10;\n      \/\/ Decide above or below\n      var spaceAbove = rect.top;\n      var placeAbove = spaceAbove > 180;\n      tooltip.classList.remove(\"hf-info-tooltip-fixed--above\",\"hf-info-tooltip-fixed--below\");\n      tooltip.classList.add(placeAbove ? \"hf-info-tooltip-fixed--above\" : \"hf-info-tooltip-fixed--below\");\n      \/\/ Vertical\n      if (placeAbove) {\n        tooltip.style.bottom = (window.innerHeight - rect.top + gap) + \"px\";\n        tooltip.style.top = \"auto\";\n      } else {\n        tooltip.style.top = (rect.bottom + gap) + \"px\";\n        tooltip.style.bottom = \"auto\";\n      }\n      \/\/ Horizontal \u2014 center on button, but clamp to viewport\n      var centerX = rect.left + rect.width \/ 2 - tw \/ 2;\n      var margin = 12;\n      centerX = Math.max(margin, Math.min(centerX, window.innerWidth - tw - margin));\n      tooltip.style.left = centerX + \"px\";\n      \/\/ Adjust arrow to point at button center\n      var arrowLeft = rect.left + rect.width \/ 2 - centerX;\n      arrowLeft = Math.max(16, Math.min(arrowLeft, tw - 16));\n      tooltip.style.setProperty(\"--hf-arrow-left\", arrowLeft + \"px\");\n    }\n\n    document.querySelectorAll(\".hf-info-trigger\").forEach(function(btn){\n      \/\/ Helper: load dynamic content into tooltip + drawer\n      function loadContent() {\n        var dynamicText = btn.querySelector('.hf-info-tooltip') ? btn.querySelector('.hf-info-tooltip').innerHTML : '';\n        if (dynamicText) {\n          if(tooltip) tooltip.innerHTML = dynamicText;\n          var dText = document.querySelector('.hf-info-drawer-text');\n          if(dText) dText.innerHTML = dynamicText;\n        }\n      }\n\n      \/\/ Desktop: show on hover\n      btn.addEventListener(\"mouseenter\", function(){\n        if (isMobile()) return;\n        loadContent();\n        activeBtn = btn;\n        positionTooltip(btn);\n        if(tooltip) tooltip.classList.add(\"hf-info-active\");\n      });\n      btn.addEventListener(\"mouseleave\", function(){\n        if (isMobile()) return;\n        closeTooltip();\n      });\n\n      \/\/ Mobile: show drawer on click\n      btn.addEventListener(\"click\", function(e){\n        e.stopPropagation();\n        if (!isMobile()) return;\n        loadContent();\n        if(drawer) drawer.classList.add(\"hf-info-drawer-open\");\n        if(backdrop) backdrop.classList.add(\"hf-info-drawer-open\");\n      });\n    });\n\n    if(backdrop) backdrop.addEventListener(\"click\", closeDrawer);\n    if(drawerClose) drawerClose.addEventListener(\"click\", closeDrawer);\n\n    document.addEventListener(\"click\", function(e){\n      if (!e.target.closest(\".hf-info-trigger\")) { if (!e.target.closest(\".hf-info-tooltip-fixed\")) {\n        closeTooltip();\n      } }\n    });\n    window.addEventListener(\"scroll\", closeTooltip, true);\n  })();\n\n  \/* \u2500\u2500\u2500 SECTION 6: Hero AI Interactive \u2500\u2500\u2500 *\/\n  var layers = [\n    {id:\"workflow\",label:\"SINGLE SEAMLESS WORKFLOW\",desc:\"By bringing talent sourcing and employment into one single workflow, HeroForce becomes the most cost-effective and efficient way to scale your team.\",z:140,img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/one-seamless-workflow.svg\"},\n    {id:\"engine\",label:\"AI AGENTS ACROSS THE EMPLOYMENT LIFECYCLE\",desc:\"Our AI Recruitment, HR and Payroll agents are the engine behind the platform, performing tasks instantly across the entire employment lifecycle.\",z:70,img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/ai-agents.svg\"},\n    {id:\"foundation\",label:\"NATIVE AI CAPABILITY\",desc:\"Built directly into our Employment Operating System, the native AI capability transforms HeroForce into a powerful system of action.\",z:0,img:\"https:\/\/employmenthero.com\/wp-content\/uploads\/2026\/03\/native-ai.svg\"}\n  ];\n  var aiIdx = 2;\n\n  \/* \u2500\u2500 Build DOM once \u2500\u2500 *\/\n  (function initAI(){\n    \/\/ Controller\n    var ctrl = document.getElementById(\"hf-ai-controller\");\n    if(ctrl) {\n      layers.forEach(function(l,i){\n        ctrl.innerHTML += '<button class=\"hf-ai-ctrl-btn'+(i===aiIdx?' hf-ai-ctrl-btn--active':'')+'\" data-ai=\"'+i+'\"><span class=\"hf-ai-ctrl-dot\"><\/span><span class=\"hf-ai-ctrl-label\">'+l.label+'<\/span><\/button>';\n      });\n      ctrl.querySelectorAll(\"button\").forEach(function(b){ b.addEventListener(\"mouseenter\", function(){ setAI(parseInt(b.dataset.ai)); }); });\n    }\n\n    \/\/ Stack\n    var stack = document.getElementById(\"hf-ai-stack\");\n    if(stack) {\n      layers.forEach(function(l,i){\n        var el = document.createElement(\"div\");\n        el.className = \"hf-ai-stack-layer\" + (i===aiIdx?\" hf-ai-stack-layer--active\":\"\");\n        el.style.transform = \"translateZ(\"+l.z+\"px)\";\n        el.dataset.ai = i;\n        el.innerHTML = '<img decoding=\"async\" src=\"'+l.img+'\" alt=\"'+l.label+'\">';\n        el.addEventListener(\"mouseenter\", function(){ setAI(i); });\n        stack.appendChild(el);\n      });\n    }\n\n    \/\/ Detail \u2014 pre-render all items, only one visible\n    var det = document.getElementById(\"hf-ai-detail\");\n    if(det) {\n      layers.forEach(function(l,i){\n        var title = l.label.split(' ').map(function(w){ return w === 'AI' ? w : w.charAt(0) + w.slice(1).toLowerCase(); }).join(' ');\n        det.innerHTML += '<div class=\"hf-ai-detail-item'+(i===aiIdx?' hf-ai-detail-item--active':'')+'\" data-ai=\"'+i+'\"><h3 class=\"hf-ai-detail-h3\">'+title+'<\/h3><p class=\"hf-ai-detail-p\">'+l.desc+'<\/p><a href=\"https:\/\/employmenthero.com\/ai\/\" class=\"hf-ai-cta\">Discover Hero AI <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>';\n      });\n    }\n\n    \/\/ Mobile (static, no transitions needed)\n    var mobTop = document.getElementById(\"hf-ai-mobile-top\");\n    var mobBot = document.getElementById(\"hf-ai-mobile-bottom\");\n    var stackMob = document.getElementById(\"hf-ai-stack-mobile\");\n\n    \/\/ Mobile stack preview (static, no interactions)\n    if(stackMob) {\n      layers.forEach(function(l,i){\n        var el = document.createElement(\"div\");\n        el.className = \"hf-ai-stack-layer\" + (i===aiIdx?\" hf-ai-stack-layer--active\":\"\");\n        el.style.transform = \"translateZ(\"+l.z+\"px)\";\n        el.dataset.ai = i;\n        el.innerHTML = '<img decoding=\"async\" src=\"'+l.img+'\" alt=\"'+l.label+'\">';\n        stackMob.appendChild(el);\n      });\n    }\n\n    \/\/ Mobile top \u2014 workflow cards\n    if(mobTop) {\n      layers.forEach(function(l){\n        mobTop.innerHTML += '<div class=\"hf-ai-mobile-card\"><span class=\"hf-ai-mobile-card-label\">'+l.label+'<\/span><p class=\"hf-ai-mobile-card-p\">'+l.desc+'<\/p><\/div>';\n      });\n    }\n\n    \/\/ Mobile bottom \u2014 support cards + CTA\n    if(mobBot) {\n      mobBot.innerHTML += '<div class=\"hf-ai-mobile-card\"><h3 class=\"hf-ai-mobile-h3\">AI-enhanced experience<\/h3><p class=\"hf-ai-mobile-card-p\">Hero AI knows your business, your people and your policies. Ask anything and get instant, relevant answers without the need to dig through help articles.<\/p><\/div>';\n      mobBot.innerHTML += '<div class=\"hf-ai-mobile-card\"><h3 class=\"hf-ai-mobile-h3\">Dedicated human support<\/h3><p class=\"hf-ai-mobile-card-p\">Connect with our dedicated team of employment experts whenever you need a human touch to guide your journey.<\/p><\/div>';\n      mobBot.innerHTML += '<a href=\"https:\/\/employmenthero.com\/ai\/\" class=\"hf-ai-mobile-cta\">Discover Hero AI <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>';\n    }\n  })();\n\n  \/* \u2500\u2500 Toggle classes instead of re-rendering \u2500\u2500 *\/\n  function setAI(i){\n    if(i === aiIdx) return;\n    aiIdx = i;\n    \/\/ Controller buttons\n    document.querySelectorAll(\".hf-ai-ctrl-btn\").forEach(function(b){\n      b.classList.toggle(\"hf-ai-ctrl-btn--active\", parseInt(b.dataset.ai) === i);\n    });\n    \/\/ Stack layers \u2014 spread inactive cards away from active\n    var spread = 40;\n    document.querySelectorAll(\".hf-ai-stack-layer\").forEach(function(el){\n      var j = parseInt(el.dataset.ai);\n      var isActive = j === i;\n      el.classList.toggle(\"hf-ai-stack-layer--active\", isActive);\n      var baseZ = layers[j].z;\n      if(!isActive){\n        baseZ += (j < i) ? spread : -spread;\n      }\n      el.style.transform = \"translateZ(\"+baseZ+\"px)\";\n    });\n    \/\/ Detail items (blur\/fade transition)\n    document.querySelectorAll(\".hf-ai-detail-item\").forEach(function(el){\n      el.classList.toggle(\"hf-ai-detail-item--active\", parseInt(el.dataset.ai) === i);\n    });\n  }\n\n  \/\/ Spotlight effect\n  var canvas = document.getElementById(\"hf-ai-canvas\");\n  var dotsActive = document.getElementById(\"hf-ai-dots-active\");\n  var glow = document.getElementById(\"hf-ai-glow\");\n  if(canvas) { if(dotsActive) { if(glow) {\n    var glowTarget = {x:-999,y:-999}, glowCurrent = {x:-999,y:-999}, hovering = false, raf = null;\n    function lerp(a,b,f){ return a+(b-a)*f; }\n    function animateGlow(){\n      if(!hovering) return;\n      glowCurrent.x = lerp(glowCurrent.x, glowTarget.x, 0.1);\n      glowCurrent.y = lerp(glowCurrent.y, glowTarget.y, 0.1);\n      glow.style.setProperty(\"--hf-glow-x\", glowCurrent.x+\"px\");\n      glow.style.setProperty(\"--hf-glow-y\", glowCurrent.y+\"px\");\n      raf = requestAnimationFrame(animateGlow);\n    }\n    canvas.addEventListener(\"mousemove\", function(e){\n      var r = canvas.getBoundingClientRect();\n      var x = e.clientX - r.left, y = e.clientY - r.top;\n      dotsActive.style.setProperty(\"--hf-mouse-x\", x+\"px\");\n      dotsActive.style.setProperty(\"--hf-mouse-y\", y+\"px\");\n      glowTarget = {x:x, y:y};\n    });\n    canvas.addEventListener(\"mouseenter\", function(){ hovering = true; raf = requestAnimationFrame(animateGlow); });\n    canvas.addEventListener(\"mouseleave\", function(){\n      hovering = false; if(raf) cancelAnimationFrame(raf);\n      glowTarget = {x:-999,y:-999}; glowCurrent = {x:-999,y:-999};\n      glow.style.setProperty(\"--hf-glow-x\",\"-999px\"); glow.style.setProperty(\"--hf-glow-y\",\"-999px\");\n    });\n  } } }\n})();\n\n\/* \u2500\u2500 Trust Stats: Tooltip + Mobile Drawer \u2500\u2500 *\/\n(function(){\n  var backdrop = document.getElementById(\"hf-stat-backdrop\");\n  var drawer = document.getElementById(\"hf-stat-drawer\");\n  var drawerText = document.getElementById(\"hf-stat-drawer-text\");\n  if(!backdrop || !drawer) return;\n  function openDrawer(stat, tooltip){\n    drawerText.textContent = tooltip;\n    backdrop.classList.add(\"hf-active\");\n    drawer.classList.add(\"hf-active\");\n  }\n  function closeDrawer(){\n    backdrop.classList.remove(\"hf-active\");\n    drawer.classList.remove(\"hf-active\");\n  }\n  document.querySelectorAll(\".hf-trust-stats-standalone .hf-trust-info\").forEach(function(btn){\n    btn.addEventListener(\"click\", function(e){\n      if(window.innerWidth < 769){\n        e.stopPropagation();\n        openDrawer(btn.dataset.stat, btn.dataset.tooltip);\n      }\n    });\n  });\n  backdrop.addEventListener(\"click\", closeDrawer);\n  drawer.addEventListener(\"click\", function(e){ e.stopPropagation(); });\n})();\n<\/script>\n<script>\n\/* \u2500\u2500\u2500 Single-Action Reveal Card \u2500\u2500\u2500 *\/\n(function(){\n  var cta = document.querySelector('.hf-hero-cta-wrap .wp-block-button__link');\n  document.querySelectorAll('.hf-checklist-row').forEach(function(row){\n    row.addEventListener('click', function(){\n      row.classList.toggle('active');\n      if (cta) cta.classList.toggle('hf-cta-resolved', row.classList.contains('active'));\n    });\n  });\n})();\n<\/script>\n<script>\n\/* \u2500\u2500\u2500 Trust Plaque: cursor-tracking tooltips (portal) + drawer (mobile) \u2500\u2500\u2500 *\/\n(function(){\n  var drawer = document.getElementById('hf-mobile-drawer');\n  var drawerBody = document.getElementById('hf-drawer-body');\n  if (drawer && drawer.parentNode !== document.body) document.body.appendChild(drawer);\n\n  function closeDrawer() {\n    drawer.classList.remove('is-open');\n    document.body.style.overflow = '';\n    setTimeout(function(){ if (drawerBody) drawerBody.innerHTML = ''; }, 400);\n  }\n  var drawerClose = drawer ? drawer.querySelector('.hf-drawer-close') : null;\n  var drawerBackdrop = drawer ? drawer.querySelector('.hf-drawer-backdrop') : null;\n  if (drawerClose) drawerClose.addEventListener('click', closeDrawer);\n  if (drawerBackdrop) drawerBackdrop.addEventListener('click', closeDrawer);\n\n  \/* Portal \u2014 appended to body, avoids all containing-block issues *\/\n  var portal = document.createElement('div');\n  portal.id = 'hf-tooltip-portal';\n  portal.style.cssText = 'position:fixed;top:0;left:0;z-index:99999;pointer-events:none;opacity:0;transition:opacity 0.25s ease;';\n  document.body.appendChild(portal);\n\n  \/* makeClone: clones .hf-tooltip but swaps class to .hf-tooltip-clone so no CSS conflicts *\/\n  function makeClone(trigger) {\n    var tooltip = trigger.querySelector('.hf-tooltip');\n    if (!tooltip) return null;\n    var clone = tooltip.cloneNode(true);\n    var m = (clone.className || '').match(\/hf-tooltip--(\\S+)\/);\n    var suffix = m ? m[1] : '';\n    clone.className = 'hf-tooltip-clone' + (suffix ? ' hf-tooltip-clone--' + suffix : '');\n    return clone;\n  }\n\n  var triggers = [].slice.call(document.querySelectorAll('.proof-trigger'));\n  var activeRaf = null;\n\n  triggers.forEach(function(trigger){\n    trigger.addEventListener('mouseenter', function(e){\n      if (window.innerWidth <= 991) return;\n      var clone = makeClone(trigger);\n      if (!clone) return;\n      portal.innerHTML = '';\n      portal.appendChild(clone);\n      portal.style.transform = 'translate3d(' + e.clientX + 'px, ' + (e.clientY - 10) + 'px, 0) translate(-50%, -100%)';\n      portal.style.opacity = '1';\n      trigger.classList.add('is-open');\n    });\n\n    trigger.addEventListener('mousemove', function(e){\n      if (window.innerWidth <= 991) return;\n      if (activeRaf) cancelAnimationFrame(activeRaf);\n      activeRaf = requestAnimationFrame(function(){\n        portal.style.transform = 'translate3d(' + e.clientX + 'px, ' + (e.clientY - 10) + 'px, 0) translate(-50%, -100%)';\n      });\n    });\n\n    trigger.addEventListener('mouseleave', function(){\n      if (window.innerWidth <= 991) return;\n      portal.style.opacity = '0';\n      trigger.classList.remove('is-open');\n      if (activeRaf) { cancelAnimationFrame(activeRaf); activeRaf = null; }\n      setTimeout(function(){ portal.innerHTML = ''; }, 300);\n    });\n\n    trigger.addEventListener('click', function(e){\n      if (window.innerWidth > 991) return;\n      e.preventDefault();\n      e.stopPropagation();\n      var clone = makeClone(trigger);\n      if (!clone || !drawer || !drawerBody) return;\n      drawerBody.innerHTML = '';\n      drawerBody.appendChild(clone);\n      drawer.classList.add('is-open');\n      document.body.style.overflow = 'hidden';\n    });\n  });\n\n  document.addEventListener('click', function(e){\n    if (!e.target.closest || (!e.target.closest('.hf-mobile-drawer') && !e.target.closest('.proof-trigger'))) {\n      triggers.forEach(function(t){ t.classList.remove('is-open'); });\n    }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>AI Employment Operating System Our AI Commitment HeroForce: End-to-end employment, done for you Click to resolve the hidden cost of employment: Handled by Employment Hero \u2713 Employment costs your business 1.5-2.5x every salary you pay Buried across compliance, recruitment fees, payroll admin and regulatory risk. In one Fairwork compliance review, 48% of audited businesses were [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":33,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_lite_auth_enabled":false,"_lite_auth_trigger_method":"scroll","_lite_auth_scroll_percent":25,"_lite_auth_click_element_query":"","footnotes":""},"class_list":["post-72884","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/pages\/72884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/comments?post=72884"}],"version-history":[{"count":70,"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/pages\/72884\/revisions"}],"predecessor-version":[{"id":74319,"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/pages\/72884\/revisions\/74319"}],"up":[{"embeddable":true,"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/employmenthero.com\/wp-json\/wp\/v2\/media?parent=72884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}