{"id":532,"date":"2026-06-25T09:17:12","date_gmt":"2026-06-25T09:17:12","guid":{"rendered":"https:\/\/staging.ntl-recruit.hk\/?page_id=532"},"modified":"2026-06-25T10:37:23","modified_gmt":"2026-06-25T10:37:23","slug":"services-hro-zh","status":"publish","type":"page","link":"https:\/\/staging.ntl-recruit.hk\/?page_id=532","title":{"rendered":"2 Services &#8211; 1 HRO &#8211; zh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"532\" class=\"elementor elementor-532\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aec5d7c e-con e-atomic-element e-flexbox-base e-9c88599 \" data-id=\"aec5d7c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aec5d7c\">\n    \t\t<div class=\"elementor-element elementor-element-7701d39 elementor-widget elementor-widget-html\" data-id=\"7701d39\" 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 HR \u696d\u52d9\u5916\u5305\u670d\u52d9 (HRO Service Detail) v2\r\n     Style aligned to 1NTL-Home v5.html | Content original to HRO\r\n     Fonts: Cormorant Garamond + Inter (Noto Serif\/Sans TC for CJK)\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<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&family=Inter:wght@300;400;500&family=Noto+Serif+TC:wght@300;400;500;600&family=Noto+Sans+TC: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 Home v5 \/ Services v3\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-70:        #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', 'Noto Serif TC', Georgia, serif;\r\n  --font-sans:    'Inter', 'Noto Sans TC', 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.ntl-page ul { list-style: none; }\r\n\r\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n.ntl-page .wrap { max-width: var(--max-w); margin: 0 auto; padding: 0 1.5rem; }\r\n@media (min-width: 1024px) { .ntl-page .wrap { padding: 0 2.5rem; } }\r\n.ntl-page .wrap-narrow { max-width: 960px; margin: 0 auto; padding: 0 1.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; letter-spacing: 0.38em; text-transform: uppercase;\r\n  font-weight: 400; color: var(--ntl-medium); margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .eyebrow-line {\r\n  display: inline-flex; align-items: center; gap: 0.85rem;\r\n  font-size: 0.85rem; letter-spacing: 0.35em; text-transform: uppercase;\r\n  font-weight: 400; color: var(--ntl-medium); margin-bottom: 1.5rem;\r\n}\r\n.ntl-page .eyebrow-line::before {\r\n  content: ''; display: block; width: 2.5rem; height: 1px;\r\n  background: var(--ntl-light); 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; letter-spacing: 0.04em; line-height: 1.25;\r\n  color: var(--foreground);\r\n}\r\n.ntl-page .section-sub {\r\n  font-size: 1.2rem; font-weight: 300; color: var(--fg-60); line-height: 1.85;\r\n}\r\n.ntl-page .center-head {\r\n  text-align: center; max-width: 660px; margin: 0 auto 4.5rem;\r\n}\r\n.ntl-page .center-head .section-sub { margin-top: 1.1rem; }\r\n.ntl-page .head-rule {\r\n  width: 3rem; height: 1px; background: var(--ntl-light);\r\n  margin: 1.5rem auto 0;\r\n}\r\n.ntl-page .accent { color: var(--ntl-deep); }\r\n\r\n\/* \u2500\u2500 Reveal animations \u2014 same easing as Home v5 \u2500\u2500 *\/\r\n.ntl-page .reveal {\r\n  opacity: 0; 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.ntl-page .d4 { transition-delay: 0.40s; }\r\n\r\n\/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n.ntl-page .btn-primary {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  padding: 1rem 2.25rem; font-size: 0.85rem; font-weight: 400;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  background: var(--ntl-deep); color: var(--white) !important;\r\n  border-radius: var(--radius-sm); border: 1px solid var(--ntl-deep);\r\n  transition: background 0.3s, transform 0.25s; cursor: pointer;\r\n}\r\n.ntl-page .btn-primary:hover { background: var(--foreground); border-color: var(--foreground); transform: translateY(-1px); }\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.ntl-page .btn-ghost {\r\n  display: inline-flex; align-items: center; gap: 0.6rem;\r\n  padding: 1rem 2.25rem; font-size: 0.85rem; font-weight: 400;\r\n  letter-spacing: 0.16em; text-transform: uppercase;\r\n  background: transparent; color: var(--ntl-deep) !important;\r\n  border-radius: var(--radius-sm); border: 1px solid rgba(141,122,151,0.3);\r\n  transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n}\r\n.ntl-page .btn-ghost:hover { background: var(--ntl-deep); color: var(--white) !important; border-color: var(--ntl-deep); }\r\n\r\n\/* keyframes *\/\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@keyframes lineFloat {\r\n  0%,100% { transform: translateY(0); }\r\n  50%      { transform: translateY(14px); }\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 1 \u00b7 HERO  (50\/50 asymmetrical split)\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 #hro-hero {\r\n  position: relative; padding: 8rem 0 6rem;\r\n  background: var(--ntl-offwhite); overflow: hidden;\r\n}\r\n.ntl-page .hero-bg-blob {\r\n  position: absolute; top: -12%; right: -6%;\r\n  width: 52vw; max-width: 660px; aspect-ratio: 1;\r\n  pointer-events: none; z-index: 0;\r\n}\r\n.ntl-page .hero-bg-blob svg { width: 100%; height: 100%; opacity: 0.07; animation: blobDrift 14s ease-in-out infinite; }\r\n.ntl-page .hero-bottom-rule {\r\n  position: absolute; bottom: 0; left: 0; right: 0; 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.ntl-page .hro-hero-grid {\r\n  position: relative; z-index: 1; display: grid; gap: 3.5rem; align-items: center;\r\n}\r\n@media (min-width: 1024px) { .ntl-page .hro-hero-grid { grid-template-columns: 1.05fr 0.95fr; gap: 5rem; } }\r\n\r\n.ntl-page .hero-label { display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 1.75rem; }\r\n.ntl-page .hero-label-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ntl-medium); }\r\n.ntl-page .hero-label-text { font-size: 0.85rem; letter-spacing: 0.38em; text-transform: uppercase; color: var(--ntl-medium); }\r\n.ntl-page .hro-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2.3rem, 4.6vw, 3.2rem);\r\n  font-weight: 400; line-height: 1.16; letter-spacing: 0.02em;\r\n  color: var(--foreground); margin-bottom: 1rem;\r\n}\r\n.ntl-page .hro-title em { font-style: italic; color: var(--ntl-deep); }\r\n.ntl-page .hro-tagline {\r\n  font-family: var(--font-serif); font-style: italic;\r\n  font-size: 1.15rem; color: var(--ntl-medium); letter-spacing: 0.05em;\r\n  margin-bottom: 1.75rem;\r\n}\r\n.ntl-page .hro-desc {\r\n  font-size: 1.2rem; font-weight: 300; color: var(--fg-60);\r\n  line-height: 1.9; max-width: 520px; margin-bottom: 2rem;\r\n}\r\n.ntl-page .hro-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2.5rem; }\r\n.ntl-page .hro-tag {\r\n  display: inline-flex; padding: 0.35rem 0.9rem;\r\n  background: rgba(184,167,192,0.15); border-radius: 999px;\r\n  font-size: 0.85rem; font-weight: 400; letter-spacing: 0.06em; color: var(--ntl-deep);\r\n}\r\n.ntl-page .hero-btns { display: flex; flex-wrap: wrap; gap: 1rem; }\r\n\r\n\/* hero illustration card *\/\r\n.ntl-page .hero-illus-card {\r\n  position: relative;\r\n  background: rgba(255,255,255,0.80); backdrop-filter: blur(12px);\r\n  border: 1px solid rgba(184,167,192,0.22); border-radius: var(--radius-lg);\r\n  padding: 2.5rem; box-shadow: 0 28px 72px rgba(141,122,151,0.12);\r\n}\r\n.ntl-page .hero-illus-card .illus-blob {\r\n  position: absolute; width: 60%; aspect-ratio: 1;\r\n  border-radius: 48% 52% 40% 60% \/ 55% 38% 62% 45%;\r\n  background: rgba(184,167,192,0.18); top: 8%; right: 6%;\r\n  animation: blobDrift 11s ease-in-out infinite; z-index: 0;\r\n}\r\n.ntl-page .hero-illus-card svg.figure { position: relative; z-index: 1; width: 100%; height: auto; }\r\n.ntl-page .hero-illus-caption { position: relative; z-index: 1; text-align: center; margin-top: 1.25rem; }\r\n.ntl-page .hero-illus-caption .cap-en {\r\n  display: block; font-size: 0.75rem; letter-spacing: 0.22em; text-transform: uppercase;\r\n  color: var(--ntl-medium); margin-bottom: 0.35rem;\r\n}\r\n.ntl-page .hero-illus-caption .cap-zh {\r\n  display: block; font-family: var(--font-serif); font-size: 1rem; color: var(--foreground); letter-spacing: 0.04em;\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 2 \u00b7 WHAT IS HRO  (\u5b9a\u4f4d + \u5c0d\u6bd4)\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 #hro-define { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .define-lead {\r\n  max-width: 820px; margin: 0 auto 3.5rem; text-align: center;\r\n  font-size: 1.2rem; font-weight: 300; line-height: 1.95; color: var(--fg-70);\r\n}\r\n.ntl-page .define-lead strong { font-weight: 500; color: var(--ntl-deep); }\r\n.ntl-page .compare-grid { display: grid; gap: 2rem; }\r\n@media (min-width: 768px) { .ntl-page .compare-grid { grid-template-columns: 1fr 1fr; } }\r\n.ntl-page .compare-card {\r\n  padding: 2.5rem; border-radius: var(--radius-lg); position: relative;\r\n}\r\n.ntl-page .compare-card.old {\r\n  background: var(--ntl-offwhite); border: 1px solid rgba(184,167,192,0.18);\r\n}\r\n.ntl-page .compare-card.ntl {\r\n  background: rgba(184,167,192,0.12); border: 1px solid rgba(141,122,151,0.28);\r\n}\r\n.ntl-page .compare-badge {\r\n  position: absolute; top: -0.7rem; right: 1.75rem;\r\n  background: var(--ntl-deep); color: var(--white);\r\n  font-size: 0.85rem; letter-spacing: 0.2em; text-transform: uppercase;\r\n  padding: 0.3rem 0.8rem; border-radius: 999px;\r\n}\r\n.ntl-page .compare-kicker {\r\n  display: flex; align-items: center; gap: 0.6rem;\r\n  font-size: 1.2rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;\r\n  margin-bottom: 1.1rem;\r\n}\r\n.ntl-page .compare-card.old .compare-kicker { color: var(--fg-45); }\r\n.ntl-page .compare-card.ntl .compare-kicker { color: var(--ntl-deep); }\r\n.ntl-page .compare-text { font-size: 1rem; font-weight: 300; line-height: 1.85; color: var(--fg-70); }\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 CORE SERVICE SCOPE  (4 numbered cards, framed)\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 #hro-scope { padding: var(--section-pad); background: var(--ntl-offwhite); position: relative; overflow: hidden; }\r\n.ntl-page .scope-frame {\r\n  background: var(--white); border-radius: var(--radius-lg);\r\n  border: 1px solid rgba(184,167,192,0.2);\r\n  box-shadow: 0 32px 80px rgba(141,122,151,0.08);\r\n  padding: 4rem 2.5rem;\r\n}\r\n@media (min-width: 1024px) { .ntl-page .scope-frame { padding: 5rem 4rem; } }\r\n.ntl-page .scope-grid { display: grid; gap: 1.5rem; }\r\n@media (min-width: 768px) { .ntl-page .scope-grid { grid-template-columns: repeat(2, 1fr); gap: 1.75rem; } }\r\n.ntl-page .scope-card {\r\n  background: var(--ntl-offwhite); border-radius: var(--radius-lg);\r\n  padding: 2.75rem 2.5rem; position: relative; overflow: hidden;\r\n  display: flex; flex-direction: column; min-height: 340px;\r\n  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s, background 0.3s;\r\n}\r\n\/* checkerboard tint: cards 1 & 4 lighter, 2 & 3 with subtle plum wash *\/\r\n.ntl-page .scope-card.tint { background: rgba(184,167,192,0.10); }\r\n.ntl-page .scope-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(141,122,151,0.14); background: var(--white); }\r\n.ntl-page .scope-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;\r\n  background: linear-gradient(90deg, var(--ntl-light), var(--ntl-deep));\r\n  opacity: 0; transition: opacity 0.3s;\r\n}\r\n.ntl-page .scope-card:hover::before { opacity: 1; }\r\n\/* decorative illustration anchored in each card corner *\/\r\n.ntl-page .scope-illus {\r\n  position: absolute; bottom: -1.5rem; right: -1rem; width: 9rem; height: 9rem;\r\n  color: var(--ntl-light); opacity: 0.28; pointer-events: none;\r\n  transition: opacity 0.4s, transform 0.5s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n.ntl-page .scope-card:hover .scope-illus { opacity: 0.42; transform: translate(-4px,-4px) rotate(-3deg); }\r\n.ntl-page .scope-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }\r\n.ntl-page .scope-icon {\r\n  flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 50%;\r\n  background: rgba(141,122,151,0.12); display: flex; align-items: center; justify-content: center;\r\n  color: var(--ntl-deep); transition: background 0.3s;\r\n}\r\n.ntl-page .scope-card:hover .scope-icon { background: rgba(141,122,151,0.2); }\r\n.ntl-page .scope-num {\r\n  font-family: var(--font-serif); font-size: 2.4rem; font-weight: 300;\r\n  color: var(--ntl-pale); line-height: 1;\r\n}\r\n.ntl-page .scope-title {\r\n  font-family: var(--font-serif); font-size: 1.5rem; font-weight: 500;\r\n  letter-spacing: 0.03em; color: var(--foreground); margin-bottom: 0.3rem; line-height: 1.3;\r\n}\r\n.ntl-page .scope-sub {\r\n  font-size: 1rem; font-weight: 400; letter-spacing: 0.08em;\r\n  color: var(--ntl-medium); margin-bottom: 1.25rem;\r\n}\r\n.ntl-page .scope-list { display: flex; flex-direction: column; gap: 0.55rem; padding-top: 1.1rem; border-top: 1px solid rgba(184,167,192,0.2); position: relative; z-index: 1; }\r\n.ntl-page .scope-list li { display: flex; gap: 0.55rem; align-items: flex-start; font-size: 1.2rem; font-weight: 300; color: var(--fg-70); line-height: 1.65; }\r\n.ntl-page .scope-list li::before { content: ''; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--ntl-medium); margin-top: 0.55rem; }\r\n.ntl-page .scope-value {\r\n  position: relative; z-index: 1;\r\n  margin-top: auto; padding-top: 1.25rem;\r\n  font-size: 1rem; font-weight: 400; letter-spacing: 0.04em; color: var(--ntl-deep);\r\n}\r\n.ntl-page .scope-value span { display: block; font-size: 1rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ntl-medium); margin-bottom: 0.25rem; }\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 WHO NEEDS IT  (5 scenario cards)\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 #hro-who { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .who-head { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 3.5rem; }\r\n@media (min-width: 1024px) { .ntl-page .who-head { flex-direction: row; align-items: flex-end; justify-content: space-between; } }\r\n.ntl-page .who-head .who-note { max-width: 380px; font-size: 0.92rem; font-weight: 300; color: var(--fg-60); line-height: 1.8; }\r\n.ntl-page .who-grid { display: grid; gap: 1.25rem; }\r\n@media (min-width: 768px) { .ntl-page .who-grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (min-width: 1024px) { .ntl-page .who-grid { grid-template-columns: repeat(5, 1fr); } }\r\n.ntl-page .who-card {\r\n  padding: 1.9rem 1.6rem; background: var(--ntl-offwhite);\r\n  border: 1px solid rgba(184,167,192,0.18); border-radius: var(--radius-lg);\r\n  display: flex; flex-direction: column; transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.ntl-page .who-card:hover { border-color: rgba(141,122,151,0.4); transform: translateY(-4px); }\r\n.ntl-page .who-num { font-family: var(--font-serif); font-size: 1.8rem; font-weight: 300; color: var(--ntl-deep); line-height: 1; margin-bottom: 1rem; }\r\n.ntl-page .who-title { font-family: var(--font-serif); font-size: 1.2rem; font-weight: 500; line-height: 1.4; color: var(--foreground); margin-bottom: 0.85rem; }\r\n.ntl-page .who-pain { font-size: 1.2rem; font-weight: 300; color: var(--fg-60); line-height: 1.7; margin-bottom: 1.5rem; }\r\n.ntl-page .who-pain b { font-weight: 500; color: var(--ntl-medium); }\r\n.ntl-page .who-fix {\r\n  margin-top: auto; text-align: center; font-size: 1rem; font-weight: 500; letter-spacing: 0.04em;\r\n  color: var(--ntl-deep); background: rgba(184,167,192,0.14); padding: 0.55rem 0.75rem; border-radius: var(--radius-sm);\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 6 \u00b7 CASE STUDIES  (Home v5-aligned dual-benefit cards)\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 #hro-cases { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .cs-grid { display: grid; gap: 2rem; grid-template-columns: 1fr; }\r\n@media (min-width: 768px) { .ntl-page .cs-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; } }\r\n.ntl-page .cs-card {\r\n  background: var(--ntl-offwhite); border-radius: var(--radius-lg); overflow: hidden;\r\n  display: flex; flex-direction: column;\r\n  transition: box-shadow 0.4s cubic-bezier(0.22,1,0.36,1), transform 0.4s;\r\n}\r\n.ntl-page .cs-card:hover { box-shadow: 0 24px 64px rgba(141,122,151,0.14); transform: translateY(-6px); }\r\n.ntl-page .cs-visual {\r\n  position: relative; aspect-ratio: 16\/9; overflow: hidden;\r\n  background: linear-gradient(135deg, rgba(184,167,192,0.25), rgba(141,122,151,0.12));\r\n}\r\n.ntl-page .cs-visual svg { width: 100%; height: 100%; }\r\n.ntl-page .cs-visual img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.7s cubic-bezier(0.22,1,0.36,1); }\r\n.ntl-page .cs-card:hover .cs-visual img { transform: scale(1.05); }\r\n.ntl-page .cs-visual-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(51,46,56,0.22), transparent 60%); }\r\n.ntl-page .cs-tag {\r\n  position: absolute; top: 1.1rem; left: 1.1rem;\r\n  font-size: 0.85rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--white);\r\n  background: rgba(141,122,151,0.78); backdrop-filter: blur(4px);\r\n  padding: 0.3rem 0.75rem; border-radius: 999px;\r\n}\r\n.ntl-page .cs-body { padding: 2.25rem 2.4rem; flex: 1; display: flex; flex-direction: column; }\r\n.ntl-page .cs-title {\r\n  font-family: var(--font-serif); font-size: clamp(1.2rem, 1.8vw, 1.45rem);\r\n  font-weight: 500; letter-spacing: 0.02em; color: var(--foreground); line-height: 1.4; margin-bottom: 1.5rem;\r\n}\r\n\/* problem \u2192 action \u2192 result micro-narrative *\/\r\n.ntl-page .cs-narrative { display: flex; flex-direction: column; gap: 0.9rem; margin-bottom: 1.5rem; }\r\n.ntl-page .cs-narr-row { font-size: 1rem; font-weight: 300; color: var(--fg-70); line-height: 1.7; }\r\n.ntl-page .cs-narr-row b { display: block; font-size: 1rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ntl-deep); margin-bottom: 0.25rem; }\r\n\/* dual benefit rows (company \/ woman) \u2014 aligned to Home v5 *\/\r\n.ntl-page .cs-benefits { display: flex; flex-direction: column; gap: 0.85rem; margin-top: auto; }\r\n.ntl-page .cs-benefit-row { display: flex; gap: 0.9rem; align-items: flex-start; padding: 1.1rem 1.25rem; border-radius: var(--radius-md); background: var(--white); }\r\n.ntl-page .cs-benefit-row.company { border-left: 3px solid var(--ntl-deep); }\r\n.ntl-page .cs-benefit-row.woman { border-left: 3px solid var(--ntl-light); }\r\n.ntl-page .cs-benefit-icon { flex-shrink: 0; width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\r\n.ntl-page .cs-benefit-row.company .cs-benefit-icon { background: rgba(141,122,151,0.12); }\r\n.ntl-page .cs-benefit-row.woman .cs-benefit-icon { background: rgba(184,167,192,0.18); }\r\n.ntl-page .cs-benefit-label { font-size: 1rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ntl-medium); margin-bottom: 0.3rem; }\r\n.ntl-page .cs-benefit-text { font-size: 1.2rem; font-weight: 300; color: var(--fg-70); line-height: 1.65; }\r\n.ntl-page .cs-benefit-text strong { font-weight: 500; color: var(--ntl-deep); }\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 7 \u00b7 PROCESS  (3-step timeline)\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 #hro-process { padding: var(--section-pad); background: var(--ntl-offwhite); }\r\n.ntl-page .proc-grid { display: grid; gap: 1.75rem; position: relative; }\r\n@media (min-width: 768px) { .ntl-page .proc-grid { grid-template-columns: repeat(3, 1fr); } }\r\n.ntl-page .proc-connector { display: none; }\r\n@media (min-width: 768px) {\r\n  .ntl-page .proc-connector {\r\n    display: block; position: absolute; top: 3.5rem; left: 16%; right: 16%;\r\n    height: 1px; background: linear-gradient(90deg, transparent, var(--ntl-light), transparent); z-index: 0;\r\n  }\r\n}\r\n.ntl-page .proc-card {\r\n  position: relative; z-index: 1; background: var(--white);\r\n  border: 1px solid rgba(184,167,192,0.2); border-radius: var(--radius-lg);\r\n  padding: 2.5rem 2.25rem; transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n.ntl-page .proc-card:hover { transform: translateY(-4px); box-shadow: 0 18px 48px rgba(141,122,151,0.1); }\r\n.ntl-page .proc-num { font-family: var(--font-serif); font-size: 3rem; font-weight: 300; color: var(--ntl-pale); line-height: 1; margin-bottom: 1rem; }\r\n.ntl-page .proc-step { display: inline-flex; font-size: 0.85rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ntl-deep); background: rgba(184,167,192,0.16); padding: 0.3rem 0.75rem; border-radius: 999px; margin-bottom: 1rem; }\r\n.ntl-page .proc-title { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 500; color: var(--foreground); margin-bottom: 0.75rem; letter-spacing: 0.03em; }\r\n.ntl-page .proc-desc { font-size: 1.25rem; font-weight: 300; color: var(--fg-60); line-height: 1.8; margin-bottom: 1.5rem; }\r\n.ntl-page .proc-meta { padding-top: 1.1rem; border-top: 1px solid rgba(184,167,192,0.2); display: flex; flex-direction: column; gap: 0.5rem; }\r\n.ntl-page .proc-meta-row { font-size: 1rem; font-weight: 300; color: var(--fg-60); }\r\n.ntl-page .proc-meta-row b { font-weight: 500; color: var(--ntl-deep); }\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 8 \u00b7 FAQ  (accordion)\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 #hro-faq { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .faq-list { display: flex; flex-direction: column; gap: 1rem; }\r\n.ntl-page .faq-item { border: 1px solid rgba(184,167,192,0.32); border-radius: var(--radius-lg); overflow: hidden; background: var(--ntl-offwhite); transition: border-color 0.3s; }\r\n.ntl-page .faq-item:hover { border-color: rgba(141,122,151,0.4); }\r\n.ntl-page .faq-q {\r\n  width: 100%; text-align: left; cursor: pointer; background: transparent; border: none;\r\n  padding: 1.5rem 1.75rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;\r\n  font-family: var(--font-serif); font-size: 1.1rem; font-weight: 500; color: var(--foreground); letter-spacing: 0.02em;\r\n}\r\n.ntl-page .faq-icon { flex-shrink: 0; width: 1.1rem; height: 1.1rem; color: var(--ntl-deep); transition: transform 0.35s; }\r\n.ntl-page .faq-item.open .faq-icon { transform: rotate(180deg); }\r\n.ntl-page .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.22,1,0.36,1); }\r\n.ntl-page .faq-a-inner { padding: 0 1.75rem 1.5rem; border-top: 1px solid rgba(184,167,192,0.18); padding-top: 1.1rem; }\r\n.ntl-page .faq-a-inner p { font-size: 1.2rem; font-weight: 300; color: var(--fg-70); line-height: 1.85; }\r\n.ntl-page .faq-a-inner p + p { margin-top: 0.75rem; }\r\n.ntl-page .faq-a-inner strong { font-weight: 500; color: var(--ntl-deep); }\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 9 \u00b7 FINAL CTA  (deep plum, text-based)\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 #hro-cta { padding: 7.5rem 0; background: var(--ntl-deep); position: relative; overflow: hidden; text-align: center; }\r\n.ntl-page .cta-circle-1 { position: absolute; top: -15rem; left: -10rem; width: 40rem; height: 40rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.06); }\r\n.ntl-page .cta-circle-2 { position: absolute; bottom: -10rem; right: -8rem; width: 30rem; height: 30rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.05); }\r\n.ntl-page .cta-botanical { position: absolute; bottom: 0; right: 0; width: 16rem; height: 16rem; opacity: 0.1; pointer-events: none; }\r\n.ntl-page .cta-inner { position: relative; z-index: 1; max-width: 680px; margin: 0 auto; }\r\n.ntl-page .cta-eyebrow { font-size: 0.85rem; letter-spacing: 0.38em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 1.75rem; display: block; }\r\n.ntl-page .cta-title { font-family: var(--font-serif); font-size: clamp(2rem, 4vw, 3rem); font-weight: 400; letter-spacing: 0.03em; color: var(--white); line-height: 1.3; margin-bottom: 1.5rem; }\r\n.ntl-page .cta-title em { font-style: italic; opacity: 0.85; }\r\n.ntl-page .cta-sub { font-size: 1.2rem; font-weight: 300; color: rgba(255,255,255,0.7); line-height: 1.9; margin-bottom: 3rem; }\r\n.ntl-page .cta-divider { width: 3rem; height: 1px; background: rgba(255,255,255,0.2); margin: 0 auto 3rem; }\r\n.ntl-page .cta-btns { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }\r\n.ntl-page .btn-cta-primary {\r\n  display: inline-flex; align-items: center; gap: 0.6rem; padding: 1.1rem 2.5rem;\r\n  font-size: 1rem; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase;\r\n  background: var(--white); color: var(--ntl-deep) !important; border-radius: var(--radius-sm); border: 1px solid var(--white);\r\n  transition: background 0.3s, color 0.3s;\r\n}\r\n.ntl-page .btn-cta-primary:hover { background: transparent; color: var(--white) !important; }\r\n.ntl-page .btn-cta-ghost {\r\n  display: inline-flex; align-items: center; gap: 0.6rem; padding: 1.1rem 2.5rem;\r\n  font-size: 1rem; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase;\r\n  background: transparent; color: rgba(255,255,255,0.85) !important; border-radius: var(--radius-sm); 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 { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.5); }\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 #hro-hero { padding: 6rem 0 4rem; }\r\n  .ntl-page .hero-illus-card { padding: 1.75rem; }\r\n  .ntl-page .scope-frame { padding: 2.5rem 1.5rem; }\r\n  .ntl-page .scope-card { min-height: auto; padding: 2rem 1.75rem; }\r\n  .ntl-page .scope-illus { width: 7rem; height: 7rem; }\r\n  .ntl-page .cs-body { padding: 1.75rem; }\r\n}\r\n<\/style>\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\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=\"hro-hero\">\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-bottom-rule\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"hro-hero-grid\">\r\n\r\n      <!-- Left -->\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\">HR Outsourcing \u00b7 \u7ba1\u7406\u5c64\u6e1b\u58d3\u65b9\u6848<\/span>\r\n        <\/div>\r\n        <h1 class=\"hro-title\">\u628a\u5f8c\u52e4\u58d3\u529b<br><em>\u63a5\u4f4f<\/em>\uff0c\u628a\u98a8\u96aa<em>\u964d\u4e0b\u4f86<\/em><\/h1>\r\n        <p class=\"hro-tagline\">\u6210\u672c\u53ef\u63a7\u30fb\u6548\u7387\u63d0\u5347\u30fb\u5408\u898f\u7a69\u5b9a<\/p>\r\n        <p class=\"hro-desc\">\r\n          \u5c07\u85aa\u916c\u3001\u4eba\u4e8b\u884c\u653f\u3001\u6587\u4ef6\u8207\u57fa\u790e\u6703\u8a08\u6d41\u7a0b\uff0c\u4ea4\u7d66\u719f\u6089\u9999\u6e2f\u5408\u898f\u3001\u6210\u719f\u53ef\u9760\u7684\u5c08\u696d\u5718\u968a\u3002NTL \u5e6b\u7ba1\u7406\u5c64\u6e1b\u5c11\u65e5\u5e38\u6551\u706b\u3001\u964d\u4f4e\u51fa\u932f\u98a8\u96aa\uff0c\u8b93\u5167\u90e8\u8cc7\u6e90\u91cd\u65b0\u56de\u5230\u771f\u6b63\u5275\u9020\u50f9\u503c\u7684\u696d\u52d9\u589e\u9577\u3002\r\n        <\/p>\r\n        <div class=\"hro-tags\">\r\n          <span class=\"hro-tag\">\u9999\u6e2f\u4eba\u529b\u8cc7\u6e90\u5916\u5224<\/span>\r\n          <span class=\"hro-tag\">\u85aa\u916c\u8655\u7406\u5916\u5224<\/span>\r\n          <span class=\"hro-tag\">\u4e2d\u5c0f\u4f01\u4eba\u4e8b\u652f\u63f4<\/span>\r\n          <span class=\"hro-tag\">\u5408\u898f\u8207\u71df\u904b\u6e1b\u58d3<\/span>\r\n        <\/div>\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\u514d\u8cbb\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\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#hro-scope\" class=\"btn-ghost\">\u67e5\u770b\u670d\u52d9\u7bc4\u570d<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: hand-drawn line illustration card -->\r\n  <img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_vwmhxfvwmhxfvwmh-2-253x300.png\" \r\n     alt=\"\u4eba\u529b\u8cc7\u6e90\u89e3\u6c7a\u65b9\u6848\" \r\n     class=\"svc-image\" \r\n     loading=\"lazy\">\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 WHAT IS HRO\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=\"hro-define\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center-head reveal\">\r\n      <span class=\"eyebrow\">Positioning \u00b7 \u670d\u52d9\u5b9a\u4f4d<\/span>\r\n      <h2 class=\"section-title\">\u4e0d\u662f\u628a\u5de5\u4f5c\u4e1f\u51fa\u53bb\uff0c<br>\u800c\u662f\u628a\u58d3\u529b\u63a5\u4f4f\u3001\u628a\u98a8\u96aa\u964d\u4e0b\u4f86<\/h2>\r\n      <div class=\"head-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <p class=\"define-lead reveal d1\">\r\n      \u6211\u5011\u63d0\u4f9b\u7684\u4e0d\u662f\u300c\u4eba\u624b\u66ff\u88dc\u300d\uff0c\u800c\u662f <strong>\u300c\u7d93\u9a57 \uff0b \u79d1\u6280\u300d<\/strong> \u6574\u5408\u7684\u7a69\u5b9a\u670d\u52d9\u2014\u2014\u7531\u5177\u5099\u591a\u5e74\u5c08\u696d\u7d93\u9a57\u7684\u6210\u719f\u5973\u6027\u4eba\u624d\uff0c\u914d\u5408\u6bcd\u516c\u53f8\u7684 RPA\uff0fAI \u81ea\u52d5\u5316\u5de5\u5177\uff0c\u70ba\u4f01\u696d\u627f\u63a5\u7e41\u7463\u4f46\u95dc\u9375\u7684 HR\u3001\u85aa\u916c\u3001\u884c\u653f\u8207\u6703\u8a08\u6d41\u7a0b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"compare-grid\">\r\n      <div class=\"compare-card old reveal from-left d1\">\r\n        <div class=\"compare-kicker\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n          \u4e00\u822c\u5916\u5224\uff0f\u5167\u90e8\u517c\u4efb\r\n        <\/div>\r\n        <p class=\"compare-text\">\u5de5\u4f5c\u5206\u6563\u5728\u8001\u95c6\u3001\u884c\u653f\u6216\u521d\u7d1a\u4eba\u54e1\u8eab\u4e0a\uff1b\u770b\u4f3c\u7701\u6210\u672c\uff0c\u5be6\u969b\u4ee4\u932f\u6f0f\u3001\u8ffd\u6578\u3001\u5408\u898f\u7591\u554f\u8207\u4eba\u54e1\u6d41\u5931\uff0c\u4e0d\u65b7\u56de\u5230\u7ba1\u7406\u5c64\u624b\u4e0a\u91cd\u8907\u8655\u7406\u3002<\/p>\r\n      <\/div>\r\n      <div class=\"compare-card ntl reveal from-right d2\">\r\n        <span class=\"compare-badge\">NTL \u5efa\u8b70<\/span>\r\n        <div class=\"compare-kicker\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><polyline points=\"8 12 11 15 16 9\"\/><\/svg>\r\n          NTL \u7ba1\u7406\u5c64\u6e1b\u58d3\u65b9\u6848\r\n        <\/div>\r\n        <p class=\"compare-text\">\u7531\u5177\u4f01\u696d\u53ca\u5c08\u696d\u670d\u52d9\u80cc\u666f\u7684\u6210\u719f\u4eba\u624d\u627f\u63a5\u65e5\u5e38\u6d41\u7a0b\uff0c\u914d\u5408\u81ea\u52d5\u5316\u5de5\u5177\u63d0\u5347\u6e96\u78ba\u5ea6\uff1b\u4f01\u696d\u5f97\u5230\u7684\u662f\u7a69\u5b9a\u4ea4\u4ed8\u3001\u6e05\u6670\u8cac\u4efb\uff0c\u4ee5\u53ca\u53ef\u6301\u7e8c\u7684\u71df\u904b\u7bc0\u594f\u3002<\/p>\r\n      <\/div>\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 SERVICE SCOPE\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=\"hro-scope\">\r\n  <div class=\"wrap\">\r\n    <div class=\"scope-frame\">\r\n      <div class=\"center-head reveal\" style=\"margin-bottom:3.5rem;\">\r\n        <span class=\"eyebrow\">Service Scope \u00b7 \u91cd\u9ede\u670d\u52d9\u7bc4\u570d<\/span>\r\n        <h2 class=\"section-title\">\u56db\u5927\u6838\u5fc3\uff0c\u628a\u5f8c\u52e4\u91cd\u65b0\u6574\u7406\u6210\u6d41\u7a0b<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"scope-grid\">\r\n\r\n        <!-- Card 01 \u00b7 \u4eba\u529b\u8cc7\u6e90\u884c\u653f -->\r\n        <div class=\"scope-card reveal from-bottom\">\r\n          <div class=\"scope-head\">\r\n            <div class=\"scope-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" 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>\r\n            <\/div>\r\n            <div class=\"scope-num\">01<\/div>\r\n          <\/div>\r\n          <h3 class=\"scope-title\">\u4eba\u529b\u8cc7\u6e90\u884c\u653f<\/h3>\r\n          <p class=\"scope-sub\">\u5408\u7d04\u30fb\u5047\u671f\u30fb\u4eba\u4e8b\u6a94\u6848<\/p>\r\n          <ul class=\"scope-list\">\r\n            <li>\u54e1\u5de5\u5165\uff0f\u96e2\u8077\u5408\u7d04\u7ba1\u7406<\/li>\r\n            <li>\u5047\u671f\u3001\u8003\u52e4\u8207\u8003\u7e3e\u7d71\u7c4c<\/li>\r\n            <li>\u6578\u78bc\u5316\u6a94\u6848\u8207\u6d41\u7a0b\u7ba1\u7406<\/li>\r\n            <li>\u672c\u5730\u52de\u5de5\u6cd5\u4f8b\u5408\u898f\u5be9\u67e5<\/li>\r\n          <\/ul>\r\n          <p class=\"scope-value\"><span>\u7ba1\u7406\u5c64\u50f9\u503c<\/span>\u6e1b\u5c11\u5408\u898f\u76f2\u9ede\u8207\u52de\u8cc7\u6469\u64e6\u3002<\/p>\r\n          <svg class=\"scope-illus\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" aria-hidden=\"true\"><circle cx=\"50\" cy=\"34\" r=\"14\"\/><path d=\"M24 86c0-16 12-26 26-26s26 10 26 26\"\/><path d=\"M14 70q12-6 18 2\" stroke-dasharray=\"2,3\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <!-- Card 02 \u00b7 \u85aa\u916c\u8655\u7406 -->\r\n        <div class=\"scope-card tint reveal from-bottom d1\">\r\n          <div class=\"scope-head\">\r\n            <div class=\"scope-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"scope-num\">02<\/div>\r\n          <\/div>\r\n          <h3 class=\"scope-title\">\u85aa\u916c\u8655\u7406<\/h3>\r\n          <p class=\"scope-sub\">\u8a08\u85aa\u30fb\u5f37\u7a4d\u91d1\u30fb\u7a05\u52d9\u6587\u4ef6<\/p>\r\n          <ul class=\"scope-list\">\r\n            <li>\u6708\u85aa\uff0f\u9031\u85aa\uff0f\u6642\u85aa\u591a\u5143\u8a08\u7b97<\/li>\r\n            <li>\u5f37\u7a4d\u91d1\u884c\u653f\u8207\u7533\u5831<\/li>\r\n            <li>\u9063\u6563\u8cbb\u8207\u9577\u671f\u670d\u52d9\u91d1\u7cbe\u7b97<\/li>\r\n            <li>\u7a05\u52d9\u7533\u5831\u8207\u50f1\u4e3b\u5831\u7a05\u6587\u4ef6<\/li>\r\n          <\/ul>\r\n          <p class=\"scope-value\"><span>\u7ba1\u7406\u5c64\u50f9\u503c<\/span>\u6e96\u6642\u3001\u6e96\u78ba\uff0c\u6e1b\u5c11\u54e1\u5de5\u6295\u8a34\u3002<\/p>\r\n          <svg class=\"scope-illus\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" aria-hidden=\"true\"><circle cx=\"50\" cy=\"50\" r=\"22\"\/><path d=\"M50 38v24M44 44h9a4 4 0 0 1 0 8h-6a4 4 0 0 0 0 8h9\"\/><path d=\"M20 30q8-4 12 2\" stroke-dasharray=\"2,3\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <!-- Card 03 \u00b7 \u884c\u653f\u8207\u6587\u4ef6\u7ba1\u7406 -->\r\n        <div class=\"scope-card tint reveal from-bottom d2\">\r\n          <div class=\"scope-head\">\r\n            <div class=\"scope-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/><line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"scope-num\">03<\/div>\r\n          <\/div>\r\n          <h3 class=\"scope-title\">\u884c\u653f\u8207\u6587\u4ef6\u7ba1\u7406<\/h3>\r\n          <p class=\"scope-sub\">\u6587\u4ef6\u30fb\u63a1\u8cfc\u30fb\u8de8\u90e8\u9580\u5354\u8abf<\/p>\r\n          <ul class=\"scope-list\">\r\n            <li>\u65e5\u5e38\u884c\u653f\u8207\u8fa6\u516c\u5ba4\u7ba1\u7406\u5354\u8abf<\/li>\r\n            <li>\u5408\u7d04\u3001\u5354\u8b70\u8207\u6cd5\u5f8b\u6587\u4ef6\u6574\u7406<\/li>\r\n            <li>\u63a1\u8cfc\u6d41\u7a0b\u7c21\u5316\u8207\u4f9b\u61c9\u5546\u5c0d\u9f4a<\/li>\r\n            <li>\u8de8\u90e8\u9580\u6e9d\u901a\u8207\u6703\u8b70\u7d00\u9304<\/li>\r\n          <\/ul>\r\n          <p class=\"scope-value\"><span>\u7ba1\u7406\u5c64\u50f9\u503c<\/span>\u65e5\u5e38\u6587\u4ef6\u6709\u5e8f\uff0c\u6c7a\u7b56\u66f4\u5feb\u3002<\/p>\r\n          <svg class=\"scope-illus\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" aria-hidden=\"true\"><rect x=\"28\" y=\"26\" width=\"40\" height=\"50\" rx=\"3\"\/><line x1=\"36\" y1=\"40\" x2=\"60\" y2=\"40\"\/><line x1=\"36\" y1=\"50\" x2=\"60\" y2=\"50\"\/><line x1=\"36\" y1=\"60\" x2=\"52\" y2=\"60\"\/><path d=\"M70 30q8 2 8 10\" stroke-dasharray=\"2,3\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <!-- Card 04 \u00b7 \u6703\u8a08\u652f\u63f4 -->\r\n        <div class=\"scope-card reveal from-bottom d3\">\r\n          <div class=\"scope-head\">\r\n            <div class=\"scope-icon\">\r\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"10\" y2=\"10\"\/><line x1=\"12\" y1=\"10\" x2=\"14\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"10\" y2=\"14\"\/><line x1=\"12\" y1=\"14\" x2=\"14\" y2=\"14\"\/><line x1=\"8\" y1=\"18\" x2=\"14\" y2=\"18\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"scope-num\">04<\/div>\r\n          <\/div>\r\n          <h3 class=\"scope-title\">\u6703\u8a08\u652f\u63f4<\/h3>\r\n          <p class=\"scope-sub\">\u5e33\u52d9\u30fb\u5831\u92b7\u30fb\u5c0d\u5e33\u652f\u63f4<\/p>\r\n          <ul class=\"scope-list\">\r\n            <li>\u65e5\u5e38\u5e33\u52d9\u8207\u5831\u92b7\u55ae\u64da\u5be9\u6838<\/li>\r\n            <li>\u61c9\u6536\u8207\u61c9\u4ed8\u5e33\u6b3e\u5b9a\u671f\u6838\u7b97<\/li>\r\n            <li>\u9280\u884c\u5c0d\u5e33\u8207\u73fe\u91d1\u6d41\u57fa\u790e\u5831\u544a<\/li>\r\n            <li>\u5916\u90e8\u5be9\u8a08\u8207\u6703\u8a08\u5e2b\u6d41\u7a0b\u5354\u8abf<\/li>\r\n          <\/ul>\r\n          <p class=\"scope-value\"><span>\u7ba1\u7406\u5c64\u50f9\u503c<\/span>\u5e33\u52d9\u6709\u7bc0\u594f\uff0c\u4e0d\u518d\u81e8\u6025\u88dc\u944a\u3002<\/p>\r\n          <svg class=\"scope-illus\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" aria-hidden=\"true\"><path d=\"M26 74V52M42 74V40M58 74V46M74 74V34\"\/><path d=\"M24 30q14-10 26-2t26-6\" stroke-dasharray=\"2,3\"\/><\/svg>\r\n        <\/div>\r\n\r\n      <\/div>\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 WHO NEEDS IT\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=\"hro-who\">\r\n  <div class=\"wrap\">\r\n    <div class=\"who-head\">\r\n      <div class=\"reveal\">\r\n        <span class=\"eyebrow\">Who It Serves \u00b7 \u9069\u5408\u4f01\u696d<\/span>\r\n        <h2 class=\"section-title\">\u54ea\u4e9b\u4f01\u696d\u6700\u9700\u8981\u5f8c\u52e4\u6e1b\u58d3<\/h2>\r\n      <\/div>\r\n      <p class=\"who-note reveal d1\">\u5982\u679c\u4ee5\u4e0b\u60c5\u6cc1\u6b63\u5728\u6301\u7e8c\u6d88\u8017\u7ba1\u7406\u5c64\u6642\u9593\uff0c\u4ee3\u8868\u5f8c\u52e4\u6d41\u7a0b\u5df2\u7d93\u9700\u8981\u66f4\u7a69\u5b9a\u7684\u5916\u90e8\u652f\u63f4\u3002<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"who-grid\">\r\n      <div class=\"who-card reveal from-bottom\">\r\n        <div class=\"who-num\">01<\/div>\r\n        <h3 class=\"who-title\">\u7121\u5c08\u8077 HR \u7684\u4e2d\u5c0f\u4f01<\/h3>\r\n        <p class=\"who-pain\"><b>\u5e38\u898b\u56f0\u5883\uff1a<\/b>\u8001\u95c6\u6216\u884c\u653f\u540c\u4e8b\u517c\u9867\u4eba\u4e8b\uff0c\u5236\u5ea6\u4e0d\u5b8c\u6574\uff0c\u5408\u898f\u5b58\u5728\u96b1\u60a3\u3002<\/p>\r\n        <div class=\"who-fix\">\u5efa\u7acb\u7a69\u5b9a HR \u652f\u63f4<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal from-bottom d1\">\r\n        <div class=\"who-num\">02<\/div>\r\n        <h3 class=\"who-title\">\u5feb\u901f\u64f4\u5f35\u7684\u521d\u5275<\/h3>\r\n        <p class=\"who-pain\"><b>\u5e38\u898b\u56f0\u5883\uff1a<\/b>\u4eba\u6578\u66b4\u589e\uff0c\u5275\u8fa6\u4eba\u96e3\u4ee5\u540c\u6642\u517c\u9867\u7522\u54c1\u8207\u4eba\u4e8b\u6a5f\u5236\u3002<\/p>\r\n        <div class=\"who-fix\">3 \u9031\u5167\u642d\u5efa\u5408\u898f\u7cfb\u7d71<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal from-bottom d2\">\r\n        <div class=\"who-num\">03<\/div>\r\n        <h3 class=\"who-title\">\u5916\u8cc7\u9999\u6e2f\u9996\u8fa6<\/h3>\r\n        <p class=\"who-pain\"><b>\u5e38\u898b\u56f0\u5883\uff1a<\/b>\u4e0d\u719f\u672c\u5730 MPF\u3001\u5047\u671f\u5236\u5ea6\u8207\u50f1\u50ad\u689d\u4f8b\uff0c\u96e3\u901a\u96c6\u5718\u5be9\u8a08\u3002<\/p>\r\n        <div class=\"who-fix\">\u672c\u5730\u5408\u898f\u843d\u5730\u5c0d\u63a5<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal from-bottom d3\">\r\n        <div class=\"who-num\">04<\/div>\r\n        <h3 class=\"who-title\">\u9910\u98f2\uff0f\u96f6\u552e\u9023\u9396<\/h3>\r\n        <p class=\"who-pain\"><b>\u5e38\u898b\u56f0\u5883\uff1a<\/b>\u591a\u5e97\u6392\u73ed\u6df7\u4e82\u3001\u9ad8\u6d41\u52d5\u7387\uff0c\u9031\u85aa\u6708\u85aa\u5408\u7b97\u8ca0\u64d4\u91cd\u3002<\/p>\r\n        <div class=\"who-fix\">\u6392\u73ed\u8207\u85aa\u916c\u667a\u6167\u5316<\/div>\r\n      <\/div>\r\n      <div class=\"who-card reveal from-bottom d4\">\r\n        <div class=\"who-num\">05<\/div>\r\n        <h3 class=\"who-title\">\u5c08\u696d\u670d\u52d9\u9867\u554f\u516c\u53f8<\/h3>\r\n        <p class=\"who-pain\"><b>\u5e38\u898b\u56f0\u5883\uff1a<\/b>\u5f8c\u52e4\u7463\u788e\u6c89\u91cd\uff0c\u4f46\u4e0d\u60f3\u589e\u52a0\u5168\u8077\u7de8\u5236\u6524\u8584\u5229\u6f64\u3002<\/p>\r\n        <div class=\"who-fix\">\u5f48\u6027\u914d\u7f6e\u6309\u91cf\u8abf\u6574<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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 6 \u00b7 CASE STUDIES  (Home v5-aligned dual-benefit cards)\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=\"hro-cases\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center-head reveal\">\r\n      <span class=\"eyebrow\">Case Studies \u00b7 \u771f\u5be6\u6848\u4f8b<\/span>\r\n      <h2 class=\"section-title\">\u5f9e\u6df7\u4e82\u5f8c\u52e4\uff0c\u5230\u7a69\u5b9a\u4ea4\u4ed8<\/h2>\r\n      <p class=\"section-sub\">\u6bcf\u4e00\u500b\u6848\u4f8b\uff0c\u65e2\u662f\u4f01\u696d\u554f\u984c\u7684\u89e3\u6c7a\uff0c\u4e5f\u662f\u4e00\u4f4d\u6210\u719f\u5973\u6027\u8077\u696d\u751f\u547d\u7684\u91cd\u555f\u3002<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cs-grid\">\r\n\r\n      <!-- Case 1 -->\r\n      <article class=\"cs-card reveal from-bottom\">\r\n        <div class=\"cs-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_n4wt0vn4wt0vn4wt.png\" alt=\"Charis \u2014 \u9910\u98f2\u96c6\u5718 HR \u5916\u639b\u6848\u4f8b\">\r\n          <div class=\"cs-visual-overlay\"><\/div>\r\n          <span class=\"cs-tag\">F&amp;B \u00b7 HR Outsourcing<\/span>\r\n        <\/div>\r\n        <div class=\"cs-body\">\r\n          <h3 class=\"cs-title\">\u9910\u98f2\u96c6\u5718\uff1a\u85aa\u916c\u8207\u6392\u73ed\uff0c\u7531\u624b\u52d5\u6df7\u4e82\u8f49\u70ba\u7a69\u5b9a\u6578\u78bc\u5316<\/h3>\r\n          <div class=\"cs-narrative\">\r\n            <p class=\"cs-narr-row\"><b>\u554f\u984c<\/b>\u672c\u5730\u9023\u9396\u9910\u98f2\u96c6\u5718\u6709 8 \u9593\u5206\u5e97\u3001\u903e\u767e\u540d\u54e1\u5de5\uff0c\u85aa\u916c\u8207\u6392\u73ed\u9577\u671f\u4f9d\u8cf4\u624b\u52d5\u8655\u7406\uff0cHR \u4e00\u65e6\u6d41\u52d5\u4fbf\u5bb9\u6613\u51fa\u932f\u8207\u5f15\u8d77\u6295\u8a34\u3002<\/p>\r\n            <p class=\"cs-narr-row\"><b>NTL \u652f\u63f4<\/b>\u5354\u52a9\u6574\u7406\u54e1\u5de5\u8cc7\u6599\u3001\u8003\u52e4\u8207\u85aa\u916c\u6d41\u7a0b\uff0c\u5efa\u7acb\u6e05\u6670\u6aa2\u67e5\u7bc0\u9ede\uff0c\u4e26\u4ee5\u81ea\u52d5\u5316\u5de5\u5177\u6e1b\u5c11\u91cd\u8907\u5c0d\u5e33\u3002<\/p>\r\n          <\/div>\r\n          <div class=\"cs-benefits\">\r\n            <div class=\"cs-benefit-row company\">\r\n              <div class=\"cs-benefit-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8D7A97\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u4f01\u696d\u7372\u76ca<\/div>\r\n                <p class=\"cs-benefit-text\"><strong>\u85aa\u916c\u8655\u7406\u6642\u9593\u7e2e\u77ed 40%<\/strong>\uff0c\u5e38\u898f HR \u5de5\u4f5c\u91cf\u6e1b\u5c11\u903e\u4e00\u534a\uff0c\u7ba1\u7406\u5c64\u4e0d\u518d\u6bcf\u6708\u88ab\u85aa\u916c\u554f\u984c\u62d6\u4f4f\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cs-benefit-row woman\">\r\n              <div class=\"cs-benefit-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B8A7C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u5973\u6027\u7372\u76ca \u2014 Charis<\/div>\r\n                <p class=\"cs-benefit-text\">\u524d\u8de8\u570b\u4f01\u696d HRBP\uff0c\u903e 20 \u5e74\u4eba\u4e8b\u7d93\u9a57\u3002\u7d93 NTL \u914d\u5c0d\u9748\u6d3b\u8fd4\u5d17\uff0c<strong>\u4e3b\u5c0e\u5ba2\u6236\u6578\u4f4d\u5316\u8f49\u578b<\/strong>\uff0c\u91cd\u5efa\u8077\u696d\u50f9\u503c\u8207\u4fe1\u5fc3\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Case 2 -->\r\n      <article class=\"cs-card reveal from-bottom d1\">\r\n        <div class=\"cs-visual\">\r\n          <img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_e9x6be9x6be9x6be.png\" alt=\"Amanda \u2014 \u8de8\u570b IT \u4f01\u696d\u884c\u653f\u5916\u5305\u6848\u4f8b\">\r\n          <div class=\"cs-visual-overlay\"><\/div>\r\n          <span class=\"cs-tag\">IT Enterprise \u00b7 BPO<\/span>\r\n        <\/div>\r\n        <div class=\"cs-body\">\r\n          <h3 class=\"cs-title\">\u8de8\u570b IT \u4f01\u696d\uff1a\u884c\u653f\u8207\u63a1\u8cfc\u6d41\u7a0b\uff0c\u91cd\u65b0\u4e0a\u8ecc\u9053<\/h3>\r\n          <div class=\"cs-narrative\">\r\n            <p class=\"cs-narr-row\"><b>\u554f\u984c<\/b>\u9999\u6e2f\u5718\u968a\u9700\u8655\u7406\u56b4\u683c\u63a1\u8cfc\u5be9\u6279\u8207\u5927\u91cf\u884c\u653f\u7d30\u7bc0\uff0c\u5167\u90e8\u9577\u671f\u8d85\u8ca0\u8377\uff0c\u9805\u76ee\u9032\u5ea6\u53d7\u5f71\u97ff\u3002<\/p>\r\n            <p class=\"cs-narr-row\"><b>NTL \u652f\u63f4<\/b>\u914d\u5c0d\u8cc7\u6df1\u884c\u653f\u7d93\u7406\uff0c\u91cd\u6574\u4f9b\u61c9\u5546\u6e9d\u901a\u3001\u6587\u4ef6\u5be9\u6279\u8207\u65e5\u5e38\u884c\u653f\u7bc0\u594f\uff0c\u8b93\u5167\u90e8\u5718\u968a\u91cd\u65b0\u5c08\u6ce8\u6838\u5fc3\u9805\u76ee\u3002<\/p>\r\n          <\/div>\r\n          <div class=\"cs-benefits\">\r\n            <div class=\"cs-benefit-row company\">\r\n              <div class=\"cs-benefit-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8D7A97\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u4f01\u696d\u7372\u76ca<\/div>\r\n                <p class=\"cs-benefit-text\">\u884c\u653f\u8207\u63a1\u8cfc\u6d41\u7a0b\u91cd\u65b0\u7a69\u5b9a\uff0c<strong>\u5ef6\u8aa4\u660e\u986f\u4e0b\u964d<\/strong>\uff0c\u4e26\u7372\u5ba2\u6236\u7e3d\u90e8\u6b63\u5f0f\u80af\u5b9a\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cs-benefit-row woman\">\r\n              <div class=\"cs-benefit-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B8A7C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u5973\u6027\u7372\u76ca \u2014 Amanda<\/div>\r\n                <p class=\"cs-benefit-text\">\u524d\u4f01\u696d\u9ad8\u7ba1\uff0c\u70ba\u5c0b\u6c42\u751f\u6d3b\u5e73\u8861\u800c\u91cd\u6574\u7bc0\u594f\u3002\u7d93 NTL \u914d\u5c0d\u81f3\u5927\u578b IT \u4f01\u696d\uff0c<strong>\u4ee5\u5f48\u6027\u5de5\u6642\u7ba1\u7406\u65e5\u5e38\u71df\u904b<\/strong>\uff0c\u517c\u9867\u4e8b\u696d\u8207\u751f\u6d3b\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/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 7 \u00b7 PROCESS\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=\"hro-process\">\r\n  <div class=\"wrap\">\r\n    <div class=\"center-head reveal\">\r\n      <span class=\"eyebrow\">How We Work \u00b7 \u5408\u4f5c\u6d41\u7a0b<\/span>\r\n      <h2 class=\"section-title\">\u4e09\u6b65\u9a5f\uff0c\u628a\u5f8c\u52e4\u58d3\u529b\u4ea4\u51fa\u53bb<\/h2>\r\n      <div class=\"head-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"proc-grid\">\r\n      <div class=\"proc-connector\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"proc-card reveal from-bottom\">\r\n        <div class=\"proc-num\">01<\/div>\r\n        <span class=\"proc-step\">\u7b2c\u4e00\u6b65<\/span>\r\n        <h3 class=\"proc-title\">\u9700\u6c42\u8a3a\u65b7<\/h3>\r\n        <p class=\"proc-desc\">\u8207\u7ba1\u7406\u5c64\u91d0\u6e05\u73fe\u6709 HR\u3001\u85aa\u916c\u3001\u884c\u653f\u53ca\u5408\u898f\u75db\u9ede\uff0c\u5224\u65b7\u54ea\u4e9b\u6d41\u7a0b\u6700\u61c9\u512a\u5148\u5916\u639b\u3002<\/p>\r\n        <div class=\"proc-meta\">\r\n          <span class=\"proc-meta-row\"><b>\u8017\u6642\uff1a<\/b>1\u20133 \u500b\u5de5\u4f5c\u5929<\/span>\r\n          <span class=\"proc-meta-row\"><b>\u4ea4\u4ed8\u7269\uff1a<\/b>\u514d\u8cbb\u9700\u6c42\u8a3a\u65b7\u5831\u544a \uff0b \u521d\u6b65\u670d\u52d9\u5efa\u8b70<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"proc-card reveal from-bottom d1\">\r\n        <div class=\"proc-num\">02<\/div>\r\n        <span class=\"proc-step\">\u7b2c\u4e8c\u6b65<\/span>\r\n        <h3 class=\"proc-title\">\u65b9\u6848\u8a2d\u8a08\u8207\u914d\u7f6e<\/h3>\r\n        <p class=\"proc-desc\">\u6309\u5de5\u4f5c\u91cf\u3001\u98a8\u96aa\u7a0b\u5ea6\u8207\u9810\u7b97\u8a2d\u8a08\u670d\u52d9\u7bc4\u570d\uff0c\u914d\u7f6e\u6210\u719f\u4eba\u624d\u53ca\u5408\u9069\u7684\u81ea\u52d5\u5316\u5de5\u5177\u3002<\/p>\r\n        <div class=\"proc-meta\">\r\n          <span class=\"proc-meta-row\"><b>\u8017\u6642\uff1a<\/b>3\u20135 \u500b\u5de5\u4f5c\u5929<\/span>\r\n          <span class=\"proc-meta-row\"><b>\u4ea4\u4ed8\u7269\uff1a<\/b>\u6b63\u5f0f\u670d\u52d9\u5408\u7d04 \uff0b \u63a8\u85a6\u4eba\u624d\u7c21\u6b77<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"proc-card reveal from-bottom d2\">\r\n        <div class=\"proc-num\">03<\/div>\r\n        <span class=\"proc-step\">\u7b2c\u4e09\u6b65<\/span>\r\n        <h3 class=\"proc-title\">\u4e0a\u7dda\u8207\u6301\u7e8c\u512a\u5316<\/h3>\r\n        <p class=\"proc-desc\">\u670d\u52d9\u555f\u52d5\u5f8c\u6301\u7e8c\u8ffd\u8e64\u4ea4\u4ed8\u54c1\u8cea\uff0c\u5b9a\u671f\u6aa2\u8996\u932f\u6f0f\u3001\u6642\u9593\u6210\u672c\u8207\u6d41\u7a0b\u6539\u5584\u7a7a\u9593\u3002<\/p>\r\n        <div class=\"proc-meta\">\r\n          <span class=\"proc-meta-row\"><b>\u8017\u6642\uff1a<\/b>\u5373\u65e5\u555f\u52d5\uff0c\u6309\u6708\u63a8\u6f14<\/span>\r\n          <span class=\"proc-meta-row\"><b>\u4ea4\u4ed8\u7269\uff1a<\/b>\u6708\u5ea6\u670d\u52d9\u5831\u544a \uff0b \u6d41\u7a0b\u512a\u5316\u63d0\u8b70<\/span>\r\n        <\/div>\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 8 \u00b7 FAQ\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=\"hro-faq\">\r\n  <div class=\"wrap-narrow\">\r\n    <div class=\"center-head reveal\">\r\n      <span class=\"eyebrow\">FAQ \u00b7 \u5e38\u898b\u554f\u984c<\/span>\r\n      <h2 class=\"section-title\">\u7ba1\u7406\u5c64\u5e38\u898b\u7591\u554f<\/h2>\r\n      <div class=\"head-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-list\">\r\n\r\n      <div class=\"faq-item reveal\">\r\n        <button class=\"faq-q\">NTL \u4eba\u529b\u8cc7\u6e90\u5916\u5224\u8207\u4e00\u822c\u5916\u5224\u6709\u4ec0\u9ebc\u672c\u8cea\u4e0d\u540c\uff1f\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">\r\n          <p>NTL HRO \u7684\u6838\u5fc3\u5728\u65bc <strong>\u300c\u6210\u719f\u7d93\u9a57 \uff0b \u6e05\u6670\u6d41\u7a0b \uff0b \u79d1\u6280\u5de5\u5177\u300d<\/strong>\u3002\u6211\u5011\u4e0d\u662f\u53ea\u63d0\u4f9b\u4eba\u624b\uff0c\u800c\u662f\u5354\u52a9\u4f01\u696d\u628a\u5bb9\u6613\u51fa\u932f\u3001\u8017\u6642\u3001\u727d\u6d89\u5408\u898f\u7684\u5f8c\u52e4\u6d41\u7a0b\u91cd\u65b0\u7a69\u5b9a\u4e0b\u4f86\u3002<\/p>\r\n          <p>\u540c\u6642\uff0c\u6211\u5011\u4ee5\u81ea\u52d5\u5316\u5de5\u5177\u8655\u7406\u91cd\u8907\u6027\u8a08\u7b97\u8207\u6aa2\u67e5\uff0c\u8b93\u6210\u719f\u4eba\u624d\u96c6\u4e2d\u8655\u7406\u5224\u65b7\u3001\u6e9d\u901a\u53ca\u4f8b\u5916\u60c5\u6cc1\u3002NTL \u4ea6\u662f\u8a3b\u518a\u793e\u6703\u4f01\u696d\uff0c\u53ef\u70ba\u4f01\u696d ESG \u6558\u4e8b\u5e36\u4f86\u5be6\u8cea\u652f\u6490\u3002<\/p>\r\n        <\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item reveal d1\">\r\n        <button class=\"faq-q\">\u670d\u52d9\u8cbb\u7528\u662f\u5426\u6db5\u84cb\u52de\u5de5\u6cd5\u4f8b\u8207\u5408\u898f\u652f\u63f4\uff1f\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">\r\n          <p>\u662f\u7684\uff0c\u9019\u662f NTL \u7684\u6838\u5fc3\u589e\u503c\u50f9\u503c\u4e4b\u4e00\u3002<\/p>\r\n          <p>\u6211\u5011\u7684\u5c08\u5bb6\u5718\u968a\u7cbe\u901a\u9999\u6e2f\u300a\u50f1\u50ad\u689d\u4f8b\u300b\u3001\u6700\u65b0\u6700\u4f4e\u5de5\u8cc7\u6e96\u5247\u8207\u5f37\u7a4d\u91d1\uff08MPF\uff09\u898f\u7bc4\u3002\u670d\u52d9\u904e\u7a0b\u4e2d\u6703\u4e3b\u52d5\u8b58\u5225\u6f5b\u5728\u6f0f\u6d1e\u3001\u63d0\u51fa\u4fee\u6b63\u63d0\u6848\uff0c\u78ba\u4fdd\u65e5\u5e38\u5408\u7d04\u3001\u5047\u671f\u914d\u7f6e\u8207\u85aa\u8cc7\u652f\u4ed8\u5b8c\u5168\u9806\u61c9\u672c\u5730\u6cd5\u898f\u3002<\/p>\r\n        <\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item reveal d2\">\r\n        <button class=\"faq-q\">\u82e5\u5c0d\u914d\u5c0d\u7684\u4eba\u54e1\u4e0d\u751a\u6eff\u610f\uff0c\u80fd\u8981\u6c42\u66f4\u63db\u55ce\uff1f\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">\r\n          <p>\u5b8c\u5168\u53ef\u4ee5\u3002<\/p>\r\n          <p>NTL \u63d0\u4f9b\u70ba\u671f 2\u20134 \u9031\u7684\u5408\u4f5c\u8a66\u7528\u89c0\u5bdf\u671f\u3002\u82e5\u8a66\u7528\u968e\u6bb5\u5167\u767c\u73fe\u4eba\u624d\u7684\u5de5\u4f5c\u7bc0\u594f\u6216\u98a8\u683c\u8207\u4f01\u696d\u4e0d\u54ac\u5408\uff0c\u6211\u5011\u5c07\u65bc 48 \u5c0f\u6642\u5167\u81ea\u5099\u7528\u4eba\u624d\u540d\u518a\u4e2d\u5c0d\u63a5\uff0c\u4fdd\u969c\u696d\u52d9\u9032\u7a0b\u4e0d\u53d7\u5f71\u97ff\u3002<\/p>\r\n        <\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item reveal d3\">\r\n        <button class=\"faq-q\">NTL \u5982\u4f55\u78ba\u4fdd\u6211\u5011\u516c\u53f8\u7684\u654f\u611f\u6578\u64da\u8207\u54e1\u5de5\u79c1\u96b1\u5b89\u5168\uff1f\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">\r\n          <p>\u5b89\u5168\u8207\u79c1\u96b1\u662f\u6211\u5011\u904b\u4f5c\u7684\u5e95\u7dda\u3002<\/p>\r\n          <p>\u6211\u5011\u56b4\u5b88\u9999\u6e2f\u300a\u500b\u4eba\u8cc7\u6599\uff08\u79c1\u96b1\uff09\u689d\u4f8b\u300b\uff08PDPO\uff09\u3002\u6240\u6709\u4eba\u624d\u5728\u555f\u52d5\u670d\u52d9\u524d\u5747\u5b8c\u6210\u8cc7\u8a0a\u4fdd\u5bc6\u57f9\u8a13\u4e26\u7c3d\u7f72 NDA \u4fdd\u5bc6\u5354\u8b70\uff0c\u65e5\u5e38\u4ee5\u5177\u4f01\u696d\u7d1a\u52a0\u5bc6\u7684\u96f2\u7aef\u5e73\u53f0\u8655\u7406\u654f\u611f\u6578\u64da\u3002<\/p>\r\n        <\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item reveal d4\">\r\n        <button class=\"faq-q\">\u6211\u5011\u516c\u53f8\u898f\u6a21\u6975\u5c0f\uff08\u751a\u81f3\u4e0d\u8db3 10 \u4eba\uff09\uff0c\u9069\u7528\u672c\u670d\u52d9\u55ce\uff1f\r\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><div class=\"faq-a-inner\">\r\n          <p>\u9019\u6b63\u662f HRO \u7684\u7d55\u4f73\u843d\u8173\u9ede\u3002<\/p>\r\n          <p>\u4e0d\u8db3 10 \u4eba\u7684\u5fae\u578b\u521d\u5275\u6216\u9580\u5e97\uff0c\u5f80\u5f80\u96e3\u4ee5\u8ca0\u64d4\u4e00\u540d\u5168\u8077\u5c08\u696d HR\u3002\u900f\u904e NTL \u6309\u4eba\u54e1\u91cf\u8a08\u50f9\u7684\u5f48\u6027\u5236\u5ea6\uff0c\u5fae\u578b\u4f01\u696d\u53ef\u7528\u4f4e\u5ec9\u7684\u5f48\u6027\u652f\u51fa\uff0c\u81ea\u9996\u65e5\u8d77\u4eab\u53d7\u5408\u898f\u7684\u4eba\u4e8b\u4fdd\u969c\u3002<\/p>\r\n        <\/div><\/div>\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 9 \u00b7 FINAL CTA\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=\"hro-cta\">\r\n  <div class=\"cta-circle-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cta-circle-2\" aria-hidden=\"true\"><\/div>\r\n  <svg class=\"cta-botanical\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"0.8\" aria-hidden=\"true\">\r\n    <path d=\"M10 90C40 80 70 50 90 10\"\/><path d=\"M50 50C60 40 55 30 65 25\"\/><path d=\"M30 70C40 60 35 50 45 45\"\/>\r\n  <\/svg>\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\">\u5148\u628a\u6700\u8017\u6642\u7684<br><em>\u5f8c\u52e4\u58d3\u529b<\/em>\u8aaa\u6e05\u695a<\/h2>\r\n      <p class=\"cta-sub\">\u60a8\u4e0d\u9700\u8981\u5148\u6574\u7406\u5b8c\u6574\u9700\u6c42\u66f8\u3002\u53ea\u8981\u544a\u8a34\u6211\u5011\u76ee\u524d\u6700\u56f0\u64fe\u7684\u6d41\u7a0b\u2014\u2014\u85aa\u916c\u3001\u5f37\u7a4d\u91d1\u3001\u5165\u96e2\u8077\u6587\u4ef6\u3001\u5408\u898f\u6aa2\u67e5\u6216\u65e5\u5e38\u884c\u653f\uff0cNTL \u4fbf\u6703\u5354\u52a9\u60a8\u5224\u65b7\u54ea\u4e9b\u9069\u5408\u5916\u5224\u3001\u54ea\u4e9b\u61c9\u7559\u5728\u5167\u90e8\uff0c\u4ee5\u53ca\u5982\u4f55\u4ee5\u53ef\u63a7\u6210\u672c\u958b\u59cb\u3002<\/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\u514d\u8cbb\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\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div><!-- \/.ntl-page -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SCRIPTS \u2014 reveal + smooth scroll + accordion\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) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '-40px 0px' });\r\n    els.forEach(function (el) { io.observe(el); });\r\n  }\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) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n    });\r\n  });\r\n\r\n  document.querySelectorAll('.ntl-page .faq-item').forEach(function (item) {\r\n    var q = item.querySelector('.faq-q');\r\n    var a = item.querySelector('.faq-a');\r\n    if (!q || !a) return;\r\n    q.addEventListener('click', function () {\r\n      var isOpen = item.classList.contains('open');\r\n      document.querySelectorAll('.ntl-page .faq-item.open').forEach(function (other) {\r\n        other.classList.remove('open');\r\n        var oa = other.querySelector('.faq-a');\r\n        if (oa) oa.style.maxHeight = '0px';\r\n      });\r\n      if (!isOpen) { item.classList.add('open'); a.style.maxHeight = a.scrollHeight + 'px'; }\r\n    });\r\n  });\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR Outsourcing \u00b7 \u7ba1\u7406\u5c64\u6e1b\u58d3\u65b9\u6848 \u628a\u5f8c\u52e4\u58d3\u529b\u63a5\u4f4f\uff0c\u628a\u98a8\u96aa\u964d\u4e0b\u4f86 \u6210\u672c\u53ef\u63a7\u30fb\u6548\u7387\u63d0\u5347\u30fb\u5408\u898f\u7a69\u5b9a \u5c07\u85aa\u916c\u3001\u4eba\u4e8b\u884c\u653f\u3001\u6587\u4ef6\u8207\u57fa\u790e\u6703\u8a08\u6d41\u7a0b\uff0c\u4ea4\u7d66\u719f\u6089\u9999\u6e2f\u5408\u898f\u3001\u6210\u719f\u53ef\u9760\u7684\u5c08\u696d\u5718\u968a\u3002NTL \u5e6b\u7ba1\u7406\u5c64\u6e1b\u5c11\u65e5\u5e38\u6551\u706b\u3001\u964d\u4f4e\u51fa\u932f\u98a8\u96aa\uff0c\u8b93\u5167\u90e8\u8cc7\u6e90\u91cd\u65b0\u56de\u5230\u771f\u6b63\u5275\u9020\u50f9\u503c\u7684\u696d\u52d9\u589e\u9577\u3002 \u9999\u6e2f\u4eba\u529b\u8cc7\u6e90\u5916\u5224 \u85aa\u916c\u8655\u7406\u5916\u5224 \u4e2d\u5c0f\u4f01\u4eba\u4e8b\u652f\u63f4 \u5408\u898f\u8207\u71df\u904b\u6e1b\u58d3 \u9810\u7d04\u514d\u8cbb\u9700\u6c42\u8a3a\u65b7 \u67e5\u770b\u670d\u52d9\u7bc4\u570d Positioning \u00b7 \u670d\u52d9\u5b9a\u4f4d \u4e0d\u662f\u628a\u5de5\u4f5c\u4e1f\u51fa\u53bb\uff0c\u800c\u662f\u628a\u58d3\u529b\u63a5\u4f4f\u3001\u628a\u98a8\u96aa\u964d\u4e0b\u4f86 \u6211\u5011\u63d0\u4f9b\u7684\u4e0d\u662f\u300c\u4eba\u624b\u66ff\u88dc\u300d\uff0c\u800c\u662f \u300c\u7d93\u9a57 \uff0b \u79d1\u6280\u300d \u6574\u5408\u7684\u7a69\u5b9a\u670d\u52d9\u2014\u2014\u7531\u5177\u5099\u591a\u5e74\u5c08\u696d\u7d93\u9a57\u7684\u6210\u719f\u5973\u6027\u4eba\u624d\uff0c\u914d\u5408\u6bcd\u516c\u53f8\u7684 RPA\uff0fAI \u81ea\u52d5\u5316\u5de5\u5177\uff0c\u70ba\u4f01\u696d\u627f\u63a5\u7e41\u7463\u4f46\u95dc\u9375\u7684 HR\u3001\u85aa\u916c\u3001\u884c\u653f\u8207\u6703\u8a08\u6d41\u7a0b\u3002 \u4e00\u822c\u5916\u5224\uff0f\u5167\u90e8\u517c\u4efb \u5de5\u4f5c\u5206\u6563\u5728\u8001\u95c6\u3001\u884c\u653f\u6216\u521d\u7d1a\u4eba\u54e1\u8eab\u4e0a\uff1b\u770b\u4f3c\u7701\u6210\u672c\uff0c\u5be6\u969b\u4ee4\u932f\u6f0f\u3001\u8ffd\u6578\u3001\u5408\u898f\u7591\u554f\u8207\u4eba\u54e1\u6d41\u5931\uff0c\u4e0d\u65b7\u56de\u5230\u7ba1\u7406\u5c64\u624b\u4e0a\u91cd\u8907\u8655\u7406\u3002 NTL \u5efa\u8b70 NTL \u7ba1\u7406\u5c64\u6e1b\u58d3\u65b9\u6848 \u7531\u5177\u4f01\u696d\u53ca\u5c08\u696d\u670d\u52d9\u80cc\u666f\u7684\u6210\u719f\u4eba\u624d\u627f\u63a5\u65e5\u5e38\u6d41\u7a0b\uff0c\u914d\u5408\u81ea\u52d5\u5316\u5de5\u5177\u63d0\u5347\u6e96\u78ba\u5ea6\uff1b\u4f01\u696d\u5f97\u5230\u7684\u662f\u7a69\u5b9a\u4ea4\u4ed8\u3001\u6e05\u6670\u8cac\u4efb\uff0c\u4ee5\u53ca\u53ef\u6301\u7e8c\u7684\u71df\u904b\u7bc0\u594f\u3002 Service Scope \u00b7 \u91cd\u9ede\u670d\u52d9\u7bc4\u570d \u56db\u5927\u6838\u5fc3\uff0c\u628a\u5f8c\u52e4\u91cd\u65b0\u6574\u7406\u6210\u6d41\u7a0b 01 \u4eba\u529b\u8cc7\u6e90\u884c\u653f \u5408\u7d04\u30fb\u5047\u671f\u30fb\u4eba\u4e8b\u6a94\u6848 \u54e1\u5de5\u5165\uff0f\u96e2\u8077\u5408\u7d04\u7ba1\u7406 \u5047\u671f\u3001\u8003\u52e4\u8207\u8003\u7e3e\u7d71\u7c4c \u6578\u78bc\u5316\u6a94\u6848\u8207\u6d41\u7a0b\u7ba1\u7406 \u672c\u5730\u52de\u5de5\u6cd5\u4f8b\u5408\u898f\u5be9\u67e5 \u7ba1\u7406\u5c64\u50f9\u503c\u6e1b\u5c11\u5408\u898f\u76f2\u9ede\u8207\u52de\u8cc7\u6469\u64e6\u3002 02 \u85aa\u916c\u8655\u7406 \u8a08\u85aa\u30fb\u5f37\u7a4d\u91d1\u30fb\u7a05\u52d9\u6587\u4ef6 \u6708\u85aa\uff0f\u9031\u85aa\uff0f\u6642\u85aa\u591a\u5143\u8a08\u7b97 \u5f37\u7a4d\u91d1\u884c\u653f\u8207\u7533\u5831 \u9063\u6563\u8cbb\u8207\u9577\u671f\u670d\u52d9\u91d1\u7cbe\u7b97 \u7a05\u52d9\u7533\u5831\u8207\u50f1\u4e3b\u5831\u7a05\u6587\u4ef6 \u7ba1\u7406\u5c64\u50f9\u503c\u6e96\u6642\u3001\u6e96\u78ba\uff0c\u6e1b\u5c11\u54e1\u5de5\u6295\u8a34\u3002 03 [&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-532","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/532","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=532"}],"version-history":[{"count":7,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/532\/revisions"}],"predecessor-version":[{"id":564,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/532\/revisions\/564"}],"wp:attachment":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}