{"id":130,"date":"2026-06-09T10:25:41","date_gmt":"2026-06-09T10:25:41","guid":{"rendered":"https:\/\/staging.ntl-recruit.hk\/?page_id=130"},"modified":"2026-06-29T09:57:35","modified_gmt":"2026-06-29T09:57:35","slug":"services","status":"publish","type":"page","link":"https:\/\/staging.ntl-recruit.hk\/?page_id=130","title":{"rendered":"2 Services &#8211; zh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"130\" class=\"elementor elementor-130\">\n\t\t\t\t<div class=\"elementor-element elementor-element-269a0b9 e-con e-atomic-element e-flexbox-base e-5e2f5a7 \" data-id=\"269a0b9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"269a0b9\">\n    \t\t<div class=\"elementor-element elementor-element-85dacf3 elementor-widget elementor-widget-html\" data-id=\"85dacf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     NTL Never Too Late \u2014 \u670d\u52d9\u9805\u76ee (Services Overview) v3\r\n     Style aligned to 1NTL-Home v5.html | Structure preserved from original\r\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\u2550\u2550\u2550\u2550 -->\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\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\r\n   ROOT \u2014 identical tokens to 1NTL-Home v5\r\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 *\/\r\n.ntl-page {\r\n  --ntl-deep:     #8D7A97;\r\n  --ntl-medium:   #9F8AA8;\r\n  --ntl-light:    #B8A7C0;\r\n  --ntl-pale:     #D4C8DB;\r\n  --ntl-offwhite: #F7F4F1;\r\n  --ntl-cream:    #F0EBE5;\r\n  --foreground:   #332E38;\r\n  --fg-60:        #332E38;\r\n  --fg-45:        #332E38;\r\n  --white:        #FFFFFF;\r\n  --radius-sm:    4px;\r\n  --radius-md:    8px;\r\n  --radius-lg:    16px;\r\n  --max-w:        1200px;\r\n  --font-serif:   'Cormorant Garamond', Georgia, serif;\r\n  --font-sans:    'Inter', system-ui, sans-serif;\r\n  --section-pad:  7.5rem 0;\r\n  font-family:    var(--font-sans);\r\n  color:          var(--foreground);\r\n  background:     var(--ntl-offwhite);\r\n  line-height:    1.75;\r\n  width:          100%;\r\n  position:       relative;\r\n}\r\n.ntl-page *, .ntl-page *::before, .ntl-page *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.ntl-page a { text-decoration: none; color: inherit; }\r\n.ntl-page img { display: block; max-width: 100%; height: auto; }\r\n\r\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n.ntl-page .wrap {\r\n  max-width: var(--max-w);\r\n  margin: 0 auto;\r\n  padding: 0 1.5rem;\r\n}\r\n@media (min-width: 1024px) { .ntl-page .wrap { padding: 0 2.5rem; } }\r\n\r\n\/* \u2500\u2500 Typography helpers \u2500\u2500 *\/\r\n.ntl-page .eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.38em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .eyebrow-line {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.85rem;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.35em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: var(--ntl-medium);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .eyebrow-line::before {\r\n  content: '';\r\n  display: block;\r\n  width: 2.5rem;\r\n  height: 1px;\r\n  background: var(--ntl-light);\r\n  flex-shrink: 0;\r\n}\r\n.ntl-page .section-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2rem, 3.2vw, 2.8rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  line-height: 1.25;\r\n  color: var(--foreground);\r\n}\r\n.ntl-page .section-sub {\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.85;\r\n}\r\n.ntl-page .accent { color: var(--ntl-deep); }\r\n\r\n\/* \u2500\u2500 Reveal animations \u2014 same cubic-bezier as Home v5 \u2500\u2500 *\/\r\n.ntl-page .reveal {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n  transition: opacity 0.75s cubic-bezier(0.22,1,0.36,1),\r\n              transform 0.75s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n.ntl-page .reveal.from-left  { transform: translateX(-32px); }\r\n.ntl-page .reveal.from-right { transform: translateX(32px); }\r\n.ntl-page .reveal.visible    { opacity: 1; transform: translate(0); }\r\n.ntl-page .d1 { transition-delay: 0.10s; }\r\n.ntl-page .d2 { transition-delay: 0.20s; }\r\n.ntl-page .d3 { transition-delay: 0.30s; }\r\n\r\n\/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n.ntl-page .btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1rem 2.25rem;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  background: var(--ntl-deep);\r\n  color: var(--white) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid var(--ntl-deep);\r\n  transition: background 0.3s, transform 0.25s;\r\n  cursor: pointer;\r\n}\r\n.ntl-page .btn-primary:hover {\r\n  background: var(--foreground);\r\n  border-color: var(--foreground);\r\n  transform: translateY(-1px);\r\n}\r\n.ntl-page .btn-primary .btn-arrow { transition: transform 0.3s; }\r\n.ntl-page .btn-primary:hover .btn-arrow { transform: translateX(4px); }\r\n\r\n.ntl-page .btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1rem 2.25rem;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  background: transparent;\r\n  color: var(--ntl-deep) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid rgba(141,122,151,0.3);\r\n  transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n  cursor: pointer;\r\n}\r\n.ntl-page .btn-ghost:hover {\r\n  background: var(--ntl-deep);\r\n  color: var(--white) !important;\r\n  border-color: var(--ntl-deep);\r\n}\r\n\r\n\/* \u2500\u2500 link-arrow (inline text link) \u2500\u2500 *\/\r\n.ntl-page .link-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.45rem;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--ntl-deep);\r\n  border-bottom: 1px solid rgba(141,122,151,0.3);\r\n  padding-bottom: 2px;\r\n  transition: border-color 0.3s, gap 0.3s;\r\n}\r\n.ntl-page .link-arrow:hover { border-color: var(--ntl-deep); gap: 0.65rem; }\r\n.ntl-page .link-arrow svg { transition: transform 0.3s; }\r\n.ntl-page .link-arrow:hover svg { transform: translateX(3px); }\r\n\r\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\r\n   SECTION 1 \u00b7 PAGE HERO\r\n   (same layout as original \u2014 50\/50 split with index card)\r\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 *\/\r\n.ntl-page #page-hero {\r\n  position: relative;\r\n  padding: 8rem 0 5.5rem;\r\n  background: var(--ntl-offwhite);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* organic blob \u2014 same as Home v5 hero *\/\r\n.ntl-page .hero-bg-blob {\r\n  position: absolute;\r\n  top: -10%; right: -8%;\r\n  width: 55vw; max-width: 700px;\r\n  aspect-ratio: 1;\r\n  pointer-events: none; z-index: 0;\r\n}\r\n.ntl-page .hero-bg-blob svg {\r\n  width: 100%; height: 100%;\r\n  opacity: 0.07;\r\n  animation: blobDrift 14s ease-in-out infinite;\r\n}\r\n@keyframes blobDrift {\r\n  0%,100% { transform: translateY(0) rotate(0deg) scale(1); }\r\n  33%      { transform: translateY(-18px) rotate(3deg) scale(1.02); }\r\n  66%      { transform: translateY(10px) rotate(-2deg) scale(0.98); }\r\n}\r\n\/* bottom rule *\/\r\n.ntl-page .hero-line-deco {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, var(--ntl-light) 30%, var(--ntl-light) 70%, transparent);\r\n  opacity: 0.4;\r\n}\r\n\r\n.ntl-page .page-hero-grid {\r\n  position: relative; z-index: 1;\r\n  display: grid;\r\n  gap: 3.5rem;\r\n  align-items: center;\r\n}\r\n@media (min-width: 1024px) {\r\n  .ntl-page .page-hero-grid { grid-template-columns: 1.05fr 0.95fr; gap: 5rem; }\r\n}\r\n\r\n\/* hero label dot *\/\r\n.ntl-page .hero-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  margin-bottom: 2rem;\r\n}\r\n.ntl-page .hero-label-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--ntl-medium);\r\n  flex-shrink: 0;\r\n}\r\n.ntl-page .hero-label-text {\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.38em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: var(--ntl-medium);\r\n}\r\n\r\n.ntl-page .page-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2.2rem, 4.5vw, 3.2rem);\r\n  font-weight: 400;\r\n  line-height: 1.15;\r\n  letter-spacing: 0.02em;\r\n  color: var(--foreground);\r\n  margin-bottom: 1.75rem;\r\n}\r\n.ntl-page .page-title em {\r\n  font-style: italic;\r\n  color: var(--ntl-deep);\r\n}\r\n.ntl-page .page-desc {\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.9;\r\n  max-width: 500px;\r\n  margin-bottom: 2.5rem;\r\n}\r\n.ntl-page .hero-btns {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n  align-items: center;\r\n}\r\n\r\n\/* service index card \u2014 refined from original *\/\r\n.ntl-page .service-index {\r\n  background: rgba(255,255,255,0.80);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  border: 1px solid rgba(184,167,192,0.2);\r\n  border-radius: var(--radius-lg);\r\n  padding: 2.5rem;\r\n  box-shadow: 0 24px 64px rgba(141,122,151,0.10);\r\n}\r\n.ntl-page .service-index-title {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  color: var(--foreground);\r\n  margin-bottom: 0.4rem;\r\n  line-height: 1.3;\r\n}\r\n.ntl-page .service-index-sub {\r\n  font-size: 0.82rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  margin-bottom: 1.75rem;\r\n  line-height: 1.7;\r\n}\r\n.ntl-page .index-link {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 1rem;\r\n  padding: 1.1rem 0;\r\n  border-top: 1px solid rgba(184,167,192,0.2);\r\n  color: var(--fg-60);\r\n  transition: color 0.25s, padding-left 0.25s;\r\n}\r\n.ntl-page .index-link:hover { color: var(--ntl-deep); padding-left: 0.4rem; }\r\n.ntl-page .index-link-name {\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.06em;\r\n}\r\n.ntl-page .index-link-num {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.5rem;\r\n  font-weight: 300;\r\n  color: var(--ntl-pale);\r\n  line-height: 1;\r\n  transition: color 0.25s;\r\n}\r\n.ntl-page .index-link:hover .index-link-num { color: var(--ntl-light); }\r\n\r\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\r\n   SECTION 2 \u00b7 FIT CARDS\r\n   (original 4-card grid, elevated styling)\r\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 *\/\r\n.ntl-page #fit {\r\n  padding: 6rem 0;\r\n  background: var(--white);\r\n}\r\n.ntl-page .fit-grid {\r\n  display: grid;\r\n  gap: 1.75rem;\r\n}\r\n@media (min-width: 768px) {\r\n  .ntl-page .fit-grid { grid-template-columns: repeat(4, 1fr); }\r\n}\r\n.ntl-page .fit-card {\r\n  padding: 2.25rem 2rem;\r\n  background: var(--ntl-offwhite);\r\n  border-radius: var(--radius-lg);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s;\r\n}\r\n.ntl-page .fit-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 56px rgba(141,122,151,0.12);\r\n}\r\n\/* top accent bar *\/\r\n.ntl-page .fit-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 3px;\r\n  background: linear-gradient(90deg, var(--ntl-light), var(--ntl-deep));\r\n  opacity: 0;\r\n  transition: opacity 0.3s;\r\n}\r\n.ntl-page .fit-card:hover::before { opacity: 1; }\r\n\r\n.ntl-page .fit-card-num {\r\n  font-family: var(--font-serif);\r\n  font-size: 2.8rem;\r\n  font-weight: 300;\r\n  color: var(--ntl-pale);\r\n  line-height: 1;\r\n  margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .fit-card-title {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  color: var(--foreground);\r\n  margin-bottom: 0.75rem;\r\n  line-height: 1.3;\r\n}\r\n.ntl-page .fit-card-text {\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.8;\r\n}\r\n\r\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\r\n   SECTION 3 \u00b7 SERVICES Z-LAYOUT\r\n   (original structure, visual language from Home v5)\r\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 *\/\r\n.ntl-page #services {\r\n  padding: var(--section-pad);\r\n  background: var(--ntl-offwhite);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.ntl-page .services-heading {\r\n  max-width: 640px;\r\n  margin-bottom: 5.5rem;\r\n}\r\n.ntl-page .services-heading .section-sub { margin-top: 1rem; }\r\n\r\n.ntl-page .z-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7rem;\r\n}\r\n.ntl-page .service-z {\r\n  display: grid;\r\n  gap: 3.5rem;\r\n  align-items: center;\r\n}\r\n@media (min-width: 1024px) {\r\n  .ntl-page .service-z { grid-template-columns: 0.95fr 1.05fr; gap: 5rem; }\r\n  .ntl-page .service-z.reverse .service-copy { order: 2; }\r\n  .ntl-page .service-z.reverse .service-visual { order: 1; }\r\n}\r\n\r\n\/* large serif number *\/\r\n.ntl-page .service-no {\r\n  font-family: var(--font-serif);\r\n  font-size: 5.5rem;\r\n  font-weight: 300;\r\n  line-height: 1;\r\n  color: rgba(212,200,219,0.5);\r\n  margin-bottom: -0.2rem;\r\n  display: block;\r\n}\r\n.ntl-page .service-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(1.8rem, 3vw, 2.8rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  line-height: 1.22;\r\n  color: var(--foreground);\r\n  margin-bottom: 1.1rem;\r\n}\r\n.ntl-page .service-lead {\r\n  font-size: 1.2rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.9;\r\n  margin-bottom: 1.75rem;\r\n}\r\n.ntl-page .service-points {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.75rem;\r\n  margin-bottom: 2rem;\r\n}\r\n.ntl-page .service-point {\r\n  display: flex;\r\n  gap: 0.85rem;\r\n  align-items: flex-start;\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.75;\r\n}\r\n.ntl-page .service-point-dash {\r\n  flex-shrink: 0;\r\n  color: var(--ntl-light);\r\n  font-size: 1rem;\r\n  line-height: 1.5;\r\n}\r\n.ntl-page .service-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.5rem;\r\n  margin-bottom: 2.25rem;\r\n}\r\n.ntl-page .service-tag {\r\n  display: inline-flex;\r\n  padding: 0.3rem 0.85rem;\r\n  background: rgba(184,167,192,0.15);\r\n  border-radius: 999px;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.1em;\r\n  color: var(--ntl-deep);\r\n}\r\n\r\n\/* CTA row at bottom of each service block *\/\r\n.ntl-page .service-cta-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  padding-top: 1.75rem;\r\n  border-top: 1px solid rgba(184,167,192,0.2);\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* visual card \u2014 same language as original but refined *\/\r\n.ntl-page .service-visual { position: relative; min-height: 420px; }\r\n.ntl-page .visual-card {\r\n  position: relative;\r\n  min-height: 420px;\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(135deg, rgba(255,255,255,0.90), rgba(247,244,241,0.75)),\r\n    radial-gradient(circle at 20% 20%, rgba(184,167,192,0.28), transparent 38%),\r\n    radial-gradient(circle at 80% 78%, rgba(141,122,151,0.18), transparent 42%);\r\n  border: 1px solid rgba(184,167,192,0.18);\r\n  box-shadow: 0 28px 72px rgba(141,122,151,0.12);\r\n}\r\n\/* subtle grid texture *\/\r\n.ntl-page .visual-card::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(141,122,151,0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(141,122,151,0.025) 1px, transparent 1px);\r\n  background-size: 40px 40px;\r\n  pointer-events: none;\r\n}\r\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\r\n   SECTION 4 \u00b7 HOW TO START\r\n   (original 3-step cards, elevated)\r\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 *\/\r\n.ntl-page #next-step {\r\n  padding: 6.5rem 0;\r\n  background: var(--white);\r\n}\r\n.ntl-page .next-step-header {\r\n  max-width: 580px;\r\n  margin-bottom: 3.5rem;\r\n}\r\n.ntl-page .next-step-header .section-sub { margin-top: 0.85rem; }\r\n\r\n.ntl-page .next-grid {\r\n  display: grid;\r\n  gap: 1.75rem;\r\n}\r\n@media (min-width: 768px) {\r\n  .ntl-page .next-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n.ntl-page .next-card {\r\n  padding: 2.5rem 2.25rem;\r\n  background: var(--ntl-offwhite);\r\n  border-radius: var(--radius-lg);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.4s cubic-bezier(0.22,1,0.36,1), transform 0.4s;\r\n}\r\n.ntl-page .next-card:hover {\r\n  box-shadow: 0 20px 56px rgba(141,122,151,0.12);\r\n  transform: translateY(-4px);\r\n}\r\n.ntl-page .next-card-step {\r\n  font-family: var(--font-serif);\r\n  font-size: 3rem;\r\n  font-weight: 300;\r\n  color: var(--ntl-pale);\r\n  line-height: 1;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .next-card-title {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  color: var(--foreground);\r\n  margin-bottom: 0.75rem;\r\n  line-height: 1.3;\r\n}\r\n.ntl-page .next-card-desc {\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  color: var(--fg-60);\r\n  line-height: 1.8;\r\n}\r\n\r\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\r\n   SECTION 5 \u00b7 CTA BANNER\r\n   (deep plum \u2014 same as Home v5 #cta)\r\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 *\/\r\n.ntl-page #cta {\r\n  padding: 7.5rem 0;\r\n  background: var(--ntl-deep);\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n.ntl-page .cta-bg-deco {\r\n  position: absolute; inset: 0;\r\n  pointer-events: none; overflow: hidden;\r\n}\r\n.ntl-page .cta-bg-circle-1 {\r\n  position: absolute;\r\n  top: -15rem; left: -10rem;\r\n  width: 40rem; height: 40rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.ntl-page .cta-bg-circle-2 {\r\n  position: absolute;\r\n  bottom: -10rem; right: -8rem;\r\n  width: 30rem; height: 30rem;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.ntl-page .cta-inner {\r\n  position: relative; z-index: 1;\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n}\r\n.ntl-page .cta-eyebrow {\r\n  font-size: 0.85rem;\r\n  letter-spacing: 0.38em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,0.5);\r\n  margin-bottom: 1.75rem;\r\n  display: block;\r\n}\r\n.ntl-page .cta-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2rem, 4vw, 3.2rem);\r\n  font-weight: 400;\r\n  letter-spacing: 0.03em;\r\n  color: var(--white);\r\n  line-height: 1.25;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .cta-title em { font-style: italic; opacity: 0.8; }\r\n.ntl-page .cta-sub {\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.65);\r\n  line-height: 1.85;\r\n  margin-bottom: 3rem;\r\n}\r\n.ntl-page .cta-divider {\r\n  width: 3rem; height: 1px;\r\n  background: rgba(255,255,255,0.2);\r\n  margin: 0 auto 3rem;\r\n}\r\n.ntl-page .cta-btns {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n  justify-content: center;\r\n}\r\n.ntl-page .btn-cta-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1.1rem 2.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  background: var(--white);\r\n  color: var(--ntl-deep) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid var(--white);\r\n  transition: background 0.3s, color 0.3s;\r\n}\r\n.ntl-page .btn-cta-primary:hover {\r\n  background: transparent;\r\n  color: var(--white) !important;\r\n}\r\n.ntl-page .btn-cta-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  padding: 1.1rem 2.5rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  background: transparent;\r\n  color: rgba(255,255,255,0.8) !important;\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid rgba(255,255,255,0.25);\r\n  transition: background 0.3s, border-color 0.3s;\r\n}\r\n.ntl-page .btn-cta-ghost:hover {\r\n  background: rgba(255,255,255,0.1);\r\n  border-color: rgba(255,255,255,0.5);\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media (max-width: 767px) {\r\n  .ntl-page { --section-pad: 5rem 0; }\r\n  .ntl-page #page-hero { padding: 6rem 0 4rem; }\r\n  .ntl-page .service-index { padding: 1.75rem; }\r\n  .ntl-page .service-visual, .ntl-page .visual-card { min-height: 340px; }\r\n  .ntl-page .visual-mini.top  { top: 1.25rem; left: 1.25rem; }\r\n  .ntl-page .visual-mini.bottom { right: 1.25rem; bottom: 1.25rem; }\r\n  .ntl-page .visual-caption { left: 1.25rem; bottom: 1.25rem; max-width: 170px; }\r\n  .ntl-page .service-z.reverse .visual-caption { right: 1.25rem; }\r\n}\r\n<\/style>\r\n\r\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\u2550\u2550\u2550\u2550\r\n     PAGE WRAPPER\r\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\u2550\u2550\u2550\u2550 -->\r\n<div class=\"ntl-page\">\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SECTION 1 \u00b7 HERO\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"page-hero\">\r\n\r\n  <div class=\"hero-bg-blob\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 500 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M250 80C350 60 440 130 460 230C480 330 420 430 320 460C220 490 110 440 80 340C50 240 80 120 150 90C180 78 220 84 250 80Z\" fill=\"#8D7A97\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"hero-line-deco\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"page-hero-grid\">\r\n\r\n      <!-- Left: headline + CTA -->\r\n      <div class=\"reveal\">\r\n        <div class=\"hero-label\">\r\n          <span class=\"hero-label-dot\"><\/span>\r\n          <span class=\"hero-label-text\">Workforce Solutions<\/span>\r\n        <\/div>\r\n        <h1 class=\"page-title\">\r\n          \u6309\u4f01\u696d\u9700\u8981\uff0c<br>\r\n          \u63a5\u5165<em>\u5408\u9069\u7684\u4eba\u624d<\/em><br>\r\n          \u8207\u71df\u904b\u652f\u63f4\r\n        <\/h1>\r\n        <p class=\"page-desc\">\r\n          \u4f60\u53ef\u4ee5\u5148\u5feb\u901f\u4e86\u89e3\u4e09\u5927\u670d\u52d9\u5982\u4f55\u5c0d\u61c9\u4e0d\u540c\u71df\u904b\u5834\u666f\uff0c\u518d\u9032\u5165\u6bcf\u500b\u670d\u52d9\u9801\u67e5\u770b\u8a73\u7d30\u5167\u5bb9\u3001\u9069\u7528\u60c5\u6cc1\u8207\u5408\u4f5c\u65b9\u5f0f\u3002\r\n        <\/p>\r\n        <div class=\"hero-btns\">\r\n          <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\" class=\"btn-primary\">\r\n            \u9810\u7d04\u9700\u6c42\u8a3a\u65b7\r\n            <svg class=\"btn-arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n          <a href=\"#services\" class=\"btn-ghost\">\u4e86\u89e3\u4e09\u5927\u670d\u52d9<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: service index card -->\r\n      <aside class=\"service-index reveal from-right d2\" aria-label=\"\u670d\u52d9\u5feb\u901f\u5165\u53e3\">\r\n        <h2 class=\"service-index-title\">\u4f60\u60f3\u5148\u4e86\u89e3\u54ea\u4e00\u7a2e\u652f\u63f4\uff1f<\/h2>\r\n        <p class=\"service-index-sub\">\u9078\u64c7\u6700\u8cbc\u8fd1\u4f60\u7576\u524d\u6311\u6230\u7684\u670d\u52d9\uff0c\u76f4\u63a5\u9032\u5165\u8a73\u7d30\u4ecb\u7d39\u3002<\/p>\r\n        <nav>\r\n          <a class=\"index-link\" href=\"#hro\">\r\n            <span class=\"index-link-name\">HR \u696d\u52d9\u5916\u5305\u670d\u52d9<\/span>\r\n            <span class=\"index-link-num\">01<\/span>\r\n          <\/a>\r\n          <a class=\"index-link\" href=\"#consultant\">\r\n            <span class=\"index-link-name\">\u5171\u4eab\u9867\u554f\u670d\u52d9<\/span>\r\n            <span class=\"index-link-num\">02<\/span>\r\n          <\/a>\r\n          <a class=\"index-link\" href=\"#staffing\">\r\n            <span class=\"index-link-name\">\u5f48\u6027\u62db\u8058\u670d\u52d9<\/span>\r\n            <span class=\"index-link-num\">03<\/span>\r\n          <\/a>\r\n        <\/nav>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SECTION 2 \u00b7 FIT CARDS  (who is this for?)\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"fit\">\r\n  <div class=\"wrap\">\r\n    <div class=\"fit-grid\">\r\n\r\n      <div class=\"fit-card reveal from-bottom\">\r\n        <div class=\"fit-card-num\">01<\/div>\r\n        <h3 class=\"fit-card-title\">\u4eba\u624b\u6d41\u52d5\u9ad8<\/h3>\r\n        <p class=\"fit-card-text\">\u7576\u62db\u8058\u8207\u57f9\u8a13\u4e0d\u65b7\u91cd\u8907\uff0c\u4f01\u696d\u9700\u8981\u66f4\u7a69\u5b9a\u7684\u71df\u904b\u627f\u63a5\uff0c\u800c\u975e\u53cd\u8986\u6551\u706b\u3002<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fit-card reveal from-bottom d1\">\r\n        <div class=\"fit-card-num\">02<\/div>\r\n        <h3 class=\"fit-card-title\">\u9810\u7b97\u6709\u9650<\/h3>\r\n        <p class=\"fit-card-text\">\u4ee5\u9748\u6d3b\u6a21\u5f0f\u63a5\u5165\u6210\u719f\u7d93\u9a57\uff0c\u907f\u514d\u904e\u65e9\u627f\u64d4\u5168\u8077\u56fa\u5b9a\u6210\u672c\u3002<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fit-card reveal from-bottom d2\">\r\n        <div class=\"fit-card-num\">03<\/div>\r\n        <h3 class=\"fit-card-title\">\u6d41\u7a0b\u5206\u6563<\/h3>\r\n        <p class=\"fit-card-text\">\u628a HR\u3001Payroll\u3001Admin \u7b49\u5f8c\u52e4\u5de5\u4f5c\u68b3\u7406\u6210\u6e05\u6670\u3001\u53ef\u6301\u7e8c\u7684\u6d41\u7a0b\u3002<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fit-card reveal from-bottom d3\">\r\n        <div class=\"fit-card-num\">04<\/div>\r\n        <h3 class=\"fit-card-title\">\u7ba1\u7406\u5c64\u88ab\u62d6\u6162<\/h3>\r\n        <p class=\"fit-card-text\">\u6e1b\u5c11\u65e5\u5e38\u96dc\u52d9\uff0c\u8b93\u7ba1\u7406\u5c64\u91cd\u65b0\u5c08\u6ce8\u589e\u9577\u8207\u6838\u5fc3\u6c7a\u7b56\u3002<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SECTION 3 \u00b7 CORE SERVICES  (Z-layout, original structure)\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"services\">\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"services-heading reveal\">\r\n      <span class=\"eyebrow-line\">Core Services \u00b7 \u4e09\u5927\u670d\u52d9<\/span>\r\n      <h2 class=\"section-title\">\u9748\u6d3b\u61c9\u5c0d<br>\u4e2d\u5c0f\u4f01\u696d\u7684\u4eba\u529b\u9700\u6c42<\/h2>\r\n      <p class=\"section-sub\">\u6bcf\u4e00\u7a2e\u670d\u52d9\u6a21\u5f0f\uff0c\u90fd\u5c0d\u61c9\u4e00\u7a2e\u771f\u5be6\u7684\u4f01\u696d\u6311\u6230\u3002\u4f60\u53ef\u4ee5\u55ae\u7368\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u7d44\u5408\u63a5\u5165\uff0c\u6309\u9700\u8abf\u6574\u3002<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"z-list\">\r\n\r\n      <!-- \u2500\u2500 Service 01: BPO \u2500\u2500 -->\r\n      <article class=\"service-z\" id=\"hro\">\r\n        <div class=\"service-copy reveal from-left\">\r\n          <span class=\"service-no\">01<\/span>\r\n          <span class=\"eyebrow\">Business Process Outsourcing<\/span>\r\n          <h3 class=\"service-title\">HR \u696d\u52d9\u5916\u5305\u670d\u52d9<\/h3>\r\n          <p class=\"service-lead\">\r\n            \u9069\u5408\u9700\u8981\u7a69\u5b9a\u5f8c\u52e4\u652f\u63f4\u7684\u4e2d\u5c0f\u4f01\u3002NTL \u5354\u52a9\u627f\u63a5 HR\u3001Payroll\u3001Admin \u8207\u71df\u904b\u652f\u63f4\u5de5\u4f5c\uff0c\u8b93\u6d41\u7a0b\u66f4\u6e05\u6670\u3001\u51fa\u932f\u66f4\u5c11\u3001\u6210\u672c\u66f4\u53ef\u63a7\u3002\r\n          <\/p>\r\n          <div class=\"service-points\">\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u68b3\u7406\u91cd\u8907\u884c\u653f\u8207\u4eba\u4e8b\u6d41\u7a0b\uff0c\u6e1b\u5c11\u7ba1\u7406\u5c64\u88ab\u65e5\u5e38\u96dc\u52d9\u4f54\u7528\u3002<\/span>\r\n            <\/div>\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u4ee5\u7a69\u5b9a\u5718\u968a\u627f\u63a5\u85aa\u916c\u3001\u6587\u4ef6\u3001\u6392\u73ed\u53ca\u5f8c\u52e4\u5354\u8abf\uff0c\u5e73\u5747\u964d\u4f4e 30\u201350% \u7684\u71df\u904b\u6210\u672c\u3002<\/span>\r\n            <\/div>\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u9069\u5408\u9910\u98f2\u3001\u96f6\u552e\u3001\u670d\u52d9\u696d\u53ca\u6c92\u6709\u5b8c\u6574 HR \u5718\u968a\u7684\u4f01\u696d\u3002<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"service-tags\">\r\n            <span class=\"service-tag\">HR \u652f\u63f4<\/span>\r\n            <span class=\"service-tag\">Payroll<\/span>\r\n            <span class=\"service-tag\">Admin<\/span>\r\n            <span class=\"service-tag\">\u71df\u904b\u6d41\u7a0b<\/span>\r\n          <\/div>\r\n          <div class=\"service-cta-row\">\r\n            <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=105\" class=\"btn-primary\">\r\n              \u4e86\u89e3\u8a73\u60c5\r\n              <svg class=\"btn-arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\" class=\"link-arrow\">\r\n              \u9810\u7d04\u8aee\u8a62\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-visual reveal from-right d1\">\r\n          <div class=\"visual-card\">\r\n<img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_vwmhxfvwmhxfvwmh-e1782726355471.png\" alt=\"HR \u696d\u52d9\u5916\u5305\u670d\u52d9\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Service 02: Shared Consultant \u2500\u2500 -->\r\n      <article class=\"service-z reverse\" id=\"consultant\">\r\n        <div class=\"service-copy reveal from-right\">\r\n          <span class=\"service-no\">02<\/span>\r\n          <span class=\"eyebrow\">Shared Consultant<\/span>\r\n          <h3 class=\"service-title\">\u5171\u4eab\u9867\u554f\u670d\u52d9<\/h3>\r\n          <p class=\"service-lead\">\r\n            \u9069\u5408\u6b63\u5728\u5efa\u7acb\u5236\u5ea6\u3001\u9700\u8981\u8cc7\u6df1\u5224\u65b7\u4f46\u672a\u5fc5\u9700\u8981\u5168\u8077\u9ad8\u7ba1\u7684\u4f01\u696d\u3002NTL \u4ee5\u9748\u6d3b\u6a21\u5f0f\u63a5\u5165 HR\u3001Operations \u6216\u7ba1\u7406\u9867\u554f\u80fd\u529b\uff0c\u5354\u52a9\u4f01\u696d\u505a\u51fa\u66f4\u6210\u719f\u7684\u6c7a\u7b56\u2014\u2014\u6210\u672c\u6bd4\u5168\u8077\u4f4e 60%\u3002\r\n          <\/p>\r\n          <div class=\"service-points\">\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u5efa\u7acb\u4eba\u4e8b\u5236\u5ea6\u3001\u5de5\u4f5c\u6d41\u7a0b\u3001\u8077\u8cac\u5206\u5de5\u8207\u7ba1\u7406\u6846\u67b6\u3002<\/span>\r\n            <\/div>\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u7528\u5916\u90e8\u6210\u719f\u8996\u89d2\u5354\u52a9\u4f01\u696d\u8655\u7406\u5167\u90e8\u7ba1\u7406\u76f2\u9ede\u3002<\/span>\r\n            <\/div>\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u9069\u5408\u521d\u5275\u3001\u6210\u9577\u578b\u4e2d\u5c0f\u4f01\u6216\u7f3a\u4e4f\u8cc7\u6df1 HR \/ Operations \u4e3b\u7ba1\u7684\u5718\u968a\u3002<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"service-tags\">\r\n            <span class=\"service-tag\">HR \u9867\u554f<\/span>\r\n            <span class=\"service-tag\">\u5236\u5ea6\u8a2d\u8a08<\/span>\r\n            <span class=\"service-tag\">\u71df\u904b\u9867\u554f<\/span>\r\n            <span class=\"service-tag\">\u7ba1\u7406\u6846\u67b6<\/span>\r\n          <\/div>\r\n          <div class=\"service-cta-row\">\r\n            <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=74\" class=\"btn-primary\">\r\n              \u4e86\u89e3\u8a73\u60c5\r\n              <svg class=\"btn-arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\" class=\"link-arrow\">\r\n              \u9810\u7d04\u8aee\u8a62\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-visual reveal from-left d1\">\r\n          <div class=\"visual-card\">\r\n<img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_vwmhxfvwmhxfvwmh-1-e1782726251489.png\" alt=\"\u5171\u4eab\u9867\u554f\u670d\u52d9\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Service 03: Flexible Staffing \u2500\u2500 -->\r\n      <article class=\"service-z\" id=\"staffing\">\r\n        <div class=\"service-copy reveal from-left\">\r\n          <span class=\"service-no\">03<\/span>\r\n          <span class=\"eyebrow\">Flexible Recruitment<\/span>\r\n          <h3 class=\"service-title\">\u5f48\u6027\u62db\u8058\u670d\u52d9<\/h3>\r\n          <p class=\"service-lead\">\r\n            \u9069\u5408\u9762\u5c0d\u5c08\u6848\u9ad8\u5cf0\u3001\u77ed\u671f\u7f3a\u53e3\u6216\u4e0d\u78ba\u5b9a\u62db\u8058\u9700\u6c42\u7684\u4f01\u696d\u3002NTL \u5354\u52a9\u5feb\u901f\u63a5\u5165\u6709\u7d93\u9a57\u3001\u80fd\u7a69\u5b9a\u4ea4\u4ed8\u7684\u4eba\u624d\uff0c\u5e73\u5747 72 \u5c0f\u6642\u5b8c\u6210\u914d\u5c0d\uff0c\u7559\u4efb\u7387\u9ad8\u9054 92%\u3002\r\n          <\/p>\r\n          <div class=\"service-points\">\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u88dc\u4e0a\u77ed\u671f\u3001\u5c08\u6848\u6216\u968e\u6bb5\u6027\u4eba\u624b\u7f3a\u53e3\uff0c\u4e0d\u5fc5\u5373\u6642\u589e\u52a0\u5168\u8077\u7de8\u5236\u3002<\/span>\r\n            <\/div>\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u4ee5\u7d93\u9a57\u578b\u4eba\u624d\u652f\u63f4\u884c\u653f\u3001\u9805\u76ee\u3001\u71df\u904b\u6216\u4eba\u4e8b\u76f8\u95dc\u5de5\u4f5c\u3002<\/span>\r\n            <\/div>\r\n            <div class=\"service-point\">\r\n              <span class=\"service-point-dash\">\u2014<\/span>\r\n              <span>\u9069\u5408\u9ad8\u5cf0\u671f\u3001\u81e8\u6642\u7a7a\u7f3a\u3001\u8f49\u578b\u671f\u6216\u5e0c\u671b\u5148\u8a66\u884c\u5408\u4f5c\u7684\u4f01\u696d\u3002<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"service-tags\">\r\n            <span class=\"service-tag\">\u77ed\u671f\u652f\u63f4<\/span>\r\n            <span class=\"service-tag\">\u5c08\u6848\u4eba\u624b<\/span>\r\n            <span class=\"service-tag\">Secondment<\/span>\r\n            <span class=\"service-tag\">\u5feb\u901f\u88dc\u4f4d<\/span>\r\n          <\/div>\r\n          <div class=\"service-cta-row\">\r\n            <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=76\" class=\"btn-primary\">\r\n              \u4e86\u89e3\u8a73\u60c5\r\n              <svg class=\"btn-arrow\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\" class=\"link-arrow\">\r\n              \u9810\u7d04\u8aee\u8a62\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-visual reveal from-right d1\">\r\n          <div class=\"visual-card\">\r\n<img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_vwmhxfvwmhxfvwmh-2-e1782726098838.png\" alt=\"\u5f48\u6027\u62db\u8058\u670d\u52d9\">\r\n  \t  <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SECTION 4 \u00b7 HOW TO START\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"next-step\">\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"next-step-header reveal\">\r\n      <span class=\"eyebrow-line\">How To Start<\/span>\r\n      <h2 class=\"section-title\">\u5982\u679c\u4e0d\u78ba\u5b9a\u61c9\u8a72\u9078\u54ea\u4e00\u9805\uff0c<br>\u53ef\u4ee5\u7531\u9700\u6c42\u8a3a\u65b7\u958b\u59cb<\/h2>\r\n      <p class=\"section-sub\">\u544a\u8a34\u6211\u5011\u4f60\u7684\u6311\u6230\uff0c\u6211\u5011\u5e6b\u4f60\u627e\u5230\u6700\u5408\u9069\u7684\u670d\u52d9\u5165\u53e3\u3002<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"next-grid\">\r\n\r\n      <div class=\"next-card reveal from-bottom\">\r\n        <div class=\"next-card-step\">01<\/div>\r\n        <h3 class=\"next-card-title\">\u4e86\u89e3\u4f60\u7684\u71df\u904b\u75db\u9ede<\/h3>\r\n        <p class=\"next-card-desc\">\u5148\u91d0\u6e05\u662f\u6d41\u7a0b\u554f\u984c\u3001\u4eba\u624d\u7f3a\u53e3\uff0c\u9084\u662f\u7ba1\u7406\u5236\u5ea6\u9700\u8981\u5efa\u7acb\u3002<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"next-card reveal from-bottom d1\">\r\n        <div class=\"next-card-step\">02<\/div>\r\n        <h3 class=\"next-card-title\">\u914d\u5c0d\u5408\u9069\u670d\u52d9\u5165\u53e3<\/h3>\r\n        <p class=\"next-card-desc\">\u6839\u64da\u4f01\u696d\u968e\u6bb5\u8207\u9810\u7b97\uff0c\u5efa\u8b70 BPO\u3001\u5171\u4eab\u9867\u554f\u6216\u5f48\u6027\u62db\u8058\u3002<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"next-card reveal from-bottom d2\">\r\n        <div class=\"next-card-step\">03<\/div>\r\n        <h3 class=\"next-card-title\">\u9032\u5165\u8a73\u7d30\u670d\u52d9\u9801<\/h3>\r\n        <p class=\"next-card-desc\">\u6bcf\u500b\u670d\u52d9\u9801\u6df1\u5165\u5c55\u793a\u6d41\u7a0b\u3001\u5408\u4f5c\u65b9\u5f0f\u3001\u6848\u4f8b\u8207\u884c\u52d5\u5165\u53e3\u3002<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     SECTION 5 \u00b7 CTA BANNER\r\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"cta\">\r\n  <div class=\"cta-bg-deco\" aria-hidden=\"true\">\r\n    <div class=\"cta-bg-circle-1\"><\/div>\r\n    <div class=\"cta-bg-circle-2\"><\/div>\r\n  <\/div>\r\n  <div class=\"wrap\">\r\n    <div class=\"cta-inner reveal\">\r\n      <span class=\"cta-eyebrow\">Take the First Step<\/span>\r\n      <h2 class=\"cta-title\">\r\n        \u8b93\u6211\u5011\u5148\u4e86\u89e3\u4f60\u7684\u5718\u968a\uff0c<br>\r\n        \u9700\u8981<em>\u54ea\u4e00\u7a2e\u652f\u63f4<\/em>\r\n      <\/h2>\r\n      <p class=\"cta-sub\">\r\n        \u544a\u8a34\u6211\u5011\u4f60\u73fe\u6642\u9762\u5c0d\u7684\u4eba\u624b\u3001\u6d41\u7a0b\u6216\u7ba1\u7406\u6311\u6230\uff0cNTL \u6703\u5354\u52a9\u4f60\u5224\u65b7\u6700\u5408\u9069\u7684\u670d\u52d9\u5165\u53e3\u3002\r\n      <\/p>\r\n      <div class=\"cta-divider\"><\/div>\r\n      <div class=\"cta-btns\">\r\n        <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\" class=\"btn-cta-primary\">\r\n          \u9810\u7d04\u9700\u6c42\u8a3a\u65b7\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n        <a href=\"#services\" class=\"btn-cta-ghost\">\u8fd4\u56de\u670d\u52d9\u9078\u64c7<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\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\u2550\u2550\u2550\u2550\r\n     SCROLL REVEAL \u2014 IntersectionObserver (same as Home v5)\r\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\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n(function () {\r\n  'use strict';\r\n  var els = document.querySelectorAll('.ntl-page .reveal');\r\n  if (!els.length) return;\r\n  var io = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('visible');\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  els.forEach(function (el) { io.observe(el); });\r\n\r\n  document.querySelectorAll('.ntl-page a[href^=\"#\"]').forEach(function (a) {\r\n    a.addEventListener('click', function (e) {\r\n      var id = a.getAttribute('href').slice(1);\r\n      var target = document.getElementById(id);\r\n      if (target) {\r\n        e.preventDefault();\r\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n      }\r\n    });\r\n  });\r\n}());\r\n<\/script><!-- \/.ntl-page -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Workforce Solutions \u6309\u4f01\u696d\u9700\u8981\uff0c \u63a5\u5165\u5408\u9069\u7684\u4eba\u624d \u8207\u71df\u904b\u652f\u63f4 \u4f60\u53ef\u4ee5\u5148\u5feb\u901f\u4e86\u89e3\u4e09\u5927\u670d\u52d9\u5982\u4f55\u5c0d\u61c9\u4e0d\u540c\u71df\u904b\u5834\u666f\uff0c\u518d\u9032\u5165\u6bcf\u500b\u670d\u52d9\u9801\u67e5\u770b\u8a73\u7d30\u5167\u5bb9\u3001\u9069\u7528\u60c5\u6cc1\u8207\u5408\u4f5c\u65b9\u5f0f\u3002 \u9810\u7d04\u9700\u6c42\u8a3a\u65b7 \u4e86\u89e3\u4e09\u5927\u670d\u52d9 \u4f60\u60f3\u5148\u4e86\u89e3\u54ea\u4e00\u7a2e\u652f\u63f4\uff1f \u9078\u64c7\u6700\u8cbc\u8fd1\u4f60\u7576\u524d\u6311\u6230\u7684\u670d\u52d9\uff0c\u76f4\u63a5\u9032\u5165\u8a73\u7d30\u4ecb\u7d39\u3002 HR \u696d\u52d9\u5916\u5305\u670d\u52d9 01 \u5171\u4eab\u9867\u554f\u670d\u52d9 02 \u5f48\u6027\u62db\u8058\u670d\u52d9 03 01 \u4eba\u624b\u6d41\u52d5\u9ad8 \u7576\u62db\u8058\u8207\u57f9\u8a13\u4e0d\u65b7\u91cd\u8907\uff0c\u4f01\u696d\u9700\u8981\u66f4\u7a69\u5b9a\u7684\u71df\u904b\u627f\u63a5\uff0c\u800c\u975e\u53cd\u8986\u6551\u706b\u3002 02 \u9810\u7b97\u6709\u9650 \u4ee5\u9748\u6d3b\u6a21\u5f0f\u63a5\u5165\u6210\u719f\u7d93\u9a57\uff0c\u907f\u514d\u904e\u65e9\u627f\u64d4\u5168\u8077\u56fa\u5b9a\u6210\u672c\u3002 03 \u6d41\u7a0b\u5206\u6563 \u628a HR\u3001Payroll\u3001Admin \u7b49\u5f8c\u52e4\u5de5\u4f5c\u68b3\u7406\u6210\u6e05\u6670\u3001\u53ef\u6301\u7e8c\u7684\u6d41\u7a0b\u3002 04 \u7ba1\u7406\u5c64\u88ab\u62d6\u6162 \u6e1b\u5c11\u65e5\u5e38\u96dc\u52d9\uff0c\u8b93\u7ba1\u7406\u5c64\u91cd\u65b0\u5c08\u6ce8\u589e\u9577\u8207\u6838\u5fc3\u6c7a\u7b56\u3002 Core Services \u00b7 \u4e09\u5927\u670d\u52d9 \u9748\u6d3b\u61c9\u5c0d\u4e2d\u5c0f\u4f01\u696d\u7684\u4eba\u529b\u9700\u6c42 \u6bcf\u4e00\u7a2e\u670d\u52d9\u6a21\u5f0f\uff0c\u90fd\u5c0d\u61c9\u4e00\u7a2e\u771f\u5be6\u7684\u4f01\u696d\u6311\u6230\u3002\u4f60\u53ef\u4ee5\u55ae\u7368\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u7d44\u5408\u63a5\u5165\uff0c\u6309\u9700\u8abf\u6574\u3002 01 Business Process Outsourcing HR \u696d\u52d9\u5916\u5305\u670d\u52d9 \u9069\u5408\u9700\u8981\u7a69\u5b9a\u5f8c\u52e4\u652f\u63f4\u7684\u4e2d\u5c0f\u4f01\u3002NTL \u5354\u52a9\u627f\u63a5 HR\u3001Payroll\u3001Admin \u8207\u71df\u904b\u652f\u63f4\u5de5\u4f5c\uff0c\u8b93\u6d41\u7a0b\u66f4\u6e05\u6670\u3001\u51fa\u932f\u66f4\u5c11\u3001\u6210\u672c\u66f4\u53ef\u63a7\u3002 \u2014 \u68b3\u7406\u91cd\u8907\u884c\u653f\u8207\u4eba\u4e8b\u6d41\u7a0b\uff0c\u6e1b\u5c11\u7ba1\u7406\u5c64\u88ab\u65e5\u5e38\u96dc\u52d9\u4f54\u7528\u3002 \u2014 \u4ee5\u7a69\u5b9a\u5718\u968a\u627f\u63a5\u85aa\u916c\u3001\u6587\u4ef6\u3001\u6392\u73ed\u53ca\u5f8c\u52e4\u5354\u8abf\uff0c\u5e73\u5747\u964d\u4f4e 30\u201350% \u7684\u71df\u904b\u6210\u672c\u3002 \u2014 \u9069\u5408\u9910\u98f2\u3001\u96f6\u552e\u3001\u670d\u52d9\u696d\u53ca\u6c92\u6709\u5b8c\u6574 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"_angie_page":false,"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=130"}],"version-history":[{"count":36,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":635,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/130\/revisions\/635"}],"wp:attachment":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}