{"id":74,"date":"2026-06-08T10:38:37","date_gmt":"2026-06-08T10:38:37","guid":{"rendered":"https:\/\/staging.ntl-recruit.hk\/?page_id=74"},"modified":"2026-06-25T10:47:08","modified_gmt":"2026-06-25T10:47:08","slug":"%e5%85%b1%e4%ba%ab%e9%a1%a7%e5%95%8f","status":"publish","type":"page","link":"https:\/\/staging.ntl-recruit.hk\/?page_id=74","title":{"rendered":"2 Services &#8211; 2 Shared Consultant &#8211; zh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"74\" class=\"elementor elementor-74\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a59bc1 e-con-full e-flex e-con e-parent\" data-id=\"8a59bc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ca3716 elementor-widget elementor-widget-html\" data-id=\"5ca3716\" 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 \u5171\u4eab\u9867\u554f\u652f\u63f4 (Shared Consultant Service Detail) v1\r\n     Style aligned to HRO_v2 \/ 1NTL-Home v5.html\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 HRO_v2 \/ 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 { box-sizing: border-box; margin: 0; padding: 0; }\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 { text-align: center; max-width: 660px; margin: 0 auto 4.5rem; }\r\n.ntl-page .center-head .section-sub { margin-top: 1.1rem; }\r\n.ntl-page .head-rule { width: 3rem; height: 1px; background: var(--ntl-light); margin: 1.5rem auto 0; }\r\n.ntl-page .accent { color: var(--ntl-deep); }\r\n\r\n\/* \u2500\u2500 Reveal animations \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.from-bottom { transform: translateY(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-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(-12px); }\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\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 #sc-hero {\r\n  padding: 8rem 0 6rem; background: var(--ntl-offwhite);\r\n  position: relative; overflow: hidden;\r\n}\r\n.ntl-page .hero-blob {\r\n  position: absolute; border-radius: 50%; pointer-events: none;\r\n  animation: blobDrift 14s ease-in-out infinite;\r\n}\r\n.ntl-page .hero-blob-1 { width: 38rem; height: 38rem; top: -14rem; right: -10rem; background: radial-gradient(circle, rgba(184,167,192,0.18) 0%, transparent 70%); }\r\n.ntl-page .hero-blob-2 { width: 24rem; height: 24rem; bottom: -8rem; left: -6rem; background: radial-gradient(circle, rgba(159,138,168,0.12) 0%, transparent 70%); animation-delay: -5s; }\r\n.ntl-page .hero-grid {\r\n  display: grid; gap: 4rem; align-items: center;\r\n}\r\n@media (min-width: 1024px) { .ntl-page .hero-grid { grid-template-columns: 1.1fr 0.9fr; gap: 5rem; } }\r\n.ntl-page .hero-eyebrow { display: flex; align-items: center; gap: 0.85rem; margin-bottom: 1.75rem; }\r\n.ntl-page .hero-eyebrow span {\r\n  font-size: 0.85rem; letter-spacing: 0.38em; text-transform: uppercase;\r\n  font-weight: 400; color: var(--ntl-medium);\r\n}\r\n.ntl-page .hero-eyebrow::before { content: ''; display: block; width: 2.5rem; height: 1px; background: var(--ntl-light); }\r\n.ntl-page .hero-title {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2.4rem, 4.5vw, 3.2rem);\r\n  font-weight: 400; letter-spacing: 0.03em; line-height: 1.2;\r\n  color: var(--foreground); margin-bottom: 1.75rem;\r\n}\r\n.ntl-page .hero-title em { font-style: italic; color: var(--ntl-deep); }\r\n.ntl-page .hero-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: 2.25rem;\r\n}\r\n.ntl-page .hero-tags { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 2.5rem; }\r\n.ntl-page .hero-tag {\r\n  font-size: 0.85rem; font-weight: 400; letter-spacing: 0.06em;\r\n  color: var(--ntl-deep); background: rgba(184,167,192,0.15);\r\n  padding: 0.35rem 0.9rem; border-radius: 999px;\r\n}\r\n.ntl-page .hero-cta { display: flex; flex-wrap: wrap; gap: 1rem; }\r\n.ntl-page .hero-illus-card {\r\n  background: var(--white); border-radius: var(--radius-lg);\r\n  border: 1px solid rgba(184,167,192,0.22);\r\n  box-shadow: 0 32px 80px rgba(141,122,151,0.10);\r\n  padding: 2.5rem; position: relative; overflow: hidden;\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-card-label em { display: block; font-family: var(--font-serif); font-size: 0.95rem; font-style: italic; color: var(--fg-60); margin-top: 0.3rem; }\r\n.ntl-page .hero-stats { display: flex; gap: 2rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(184,167,192,0.2); }\r\n.ntl-page .hero-stat-num { font-family: var(--font-serif); font-size: 1.6rem; font-weight: 400; color: var(--ntl-deep); line-height: 1; }\r\n.ntl-page .hero-stat-label { font-size: 0.72rem; font-weight: 300; color: var(--fg-60); margin-top: 0.3rem; }\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 SHARED CONSULTANT (define)\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 #sc-define { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .define-grid { display: grid; gap: 4rem; align-items: start; }\r\n@media (min-width: 1024px) { .ntl-page .define-grid { grid-template-columns: 1.1fr 0.9fr; gap: 5rem; } }\r\n.ntl-page .define-intro .section-sub { margin-top: 1.25rem; max-width: 500px; }\r\n.ntl-page .define-pull {\r\n  font-family: var(--font-serif); font-size: clamp(1.15rem, 1.8vw, 1.4rem);\r\n  font-weight: 400; font-style: italic; color: var(--ntl-deep);\r\n  line-height: 1.6; margin-top: 2rem; padding-left: 1.5rem;\r\n  border-left: 2px solid var(--ntl-light);\r\n}\r\n.ntl-page .metrics-panel {\r\n  background: var(--ntl-offwhite); border-radius: var(--radius-lg);\r\n  border: 1px solid rgba(184,167,192,0.18); padding: 2.5rem;\r\n}\r\n.ntl-page .metrics-panel-title {\r\n  font-family: var(--font-serif); font-size: 1.5rem; font-weight: 500;\r\n  color: var(--foreground); margin-bottom: 0.4rem;\r\n}\r\n.ntl-page .metrics-panel-sub { font-size: 1.2rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ntl-medium); margin-bottom: 1.75rem; }\r\n.ntl-page .metrics-panel-divider { width: 100%; height: 1px; background: rgba(184,167,192,0.25); margin-bottom: 1.75rem; }\r\n.ntl-page .metric-row { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 1.25rem; border-bottom: 1px solid rgba(184,167,192,0.12); margin-bottom: 1.25rem; }\r\n.ntl-page .metric-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\r\n.ntl-page .metric-row-label { font-size: 1rem; font-weight: 300; color: var(--fg-70); }\r\n.ntl-page .metric-row-val { font-family: var(--font-serif); font-size: 1.3rem; font-weight: 400; 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 3 \u00b7 SERVICE SCOPE (4-domain 2x2 checkerboard)\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 #sc-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 .sc-domain-grid { display: grid; gap: 1.75rem; }\r\n@media (min-width: 768px) { .ntl-page .sc-domain-grid { grid-template-columns: repeat(2, 1fr); } }\r\n.ntl-page .sc-domain-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.ntl-page .sc-domain-card.tint { background: rgba(184,167,192,0.10); }\r\n.ntl-page .sc-domain-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(141,122,151,0.14); background: var(--white); }\r\n.ntl-page .sc-domain-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 .sc-domain-card:hover::before { opacity: 1; }\r\n.ntl-page .sc-domain-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 .sc-domain-card:hover .sc-domain-illus { opacity: 0.42; transform: translate(-4px,-4px) rotate(-3deg); }\r\n.ntl-page .sc-domain-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.1rem; }\r\n.ntl-page .sc-domain-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 .sc-domain-card:hover .sc-domain-icon { background: rgba(141,122,151,0.2); }\r\n.ntl-page .sc-domain-num { font-family: var(--font-serif); font-size: 2.4rem; font-weight: 300; color: var(--ntl-pale); line-height: 1; }\r\n.ntl-page .sc-domain-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 .sc-domain-sub { font-size: 1.2rem; font-weight: 400; letter-spacing: 0.08em; color: var(--ntl-medium); margin-bottom: 1.25rem; }\r\n.ntl-page .sc-domain-list {\r\n  display: flex; flex-direction: column; gap: 0.55rem;\r\n  padding-top: 1.1rem; border-top: 1px solid rgba(184,167,192,0.2);\r\n  position: relative; z-index: 1;\r\n}\r\n.ntl-page .sc-domain-list li {\r\n  display: flex; gap: 0.55rem; align-items: flex-start;\r\n  font-size: 1rem; font-weight: 300; color: var(--fg-70); line-height: 1.65;\r\n}\r\n.ntl-page .sc-domain-list li::before {\r\n  content: ''; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%;\r\n  background: var(--ntl-medium); margin-top: 0.55rem;\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 4 \u00b7 WHEN TO USE (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 #sc-when { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .when-head { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 3.5rem; }\r\n@media (min-width: 1024px) { .ntl-page .when-head { flex-direction: row; align-items: flex-end; justify-content: space-between; } }\r\n.ntl-page .when-note { max-width: 380px; font-size: 0.92rem; font-weight: 300; color: var(--fg-60); line-height: 1.8; }\r\n.ntl-page .signal-grid { display: grid; gap: 1.25rem; margin-bottom: 2.5rem; }\r\n@media (min-width: 768px) { .ntl-page .signal-grid { grid-template-columns: repeat(3, 1fr); } }\r\n.ntl-page .signal-card {\r\n  background: var(--ntl-offwhite); border: 1px solid rgba(184,167,192,0.18);\r\n  border-radius: var(--radius-lg); padding: 1.9rem 1.6rem;\r\n  transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.ntl-page .signal-card:hover { border-color: rgba(141,122,151,0.4); transform: translateY(-4px); }\r\n.ntl-page .signal-num { font-size: 0.9rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ntl-medium); font-weight: 400; margin-bottom: 0.75rem; }\r\n.ntl-page .signal-title { font-family: var(--font-serif); font-size: 1.2rem; font-weight: 500; color: var(--foreground); margin-bottom: 0.75rem; line-height: 1.4; }\r\n.ntl-page .signal-body { font-size: 1rem; font-weight: 300; color: var(--fg-60); line-height: 1.75; }\r\n.ntl-page .scenario-grid { display: grid; gap: 1.25rem; }\r\n@media (min-width: 768px) { .ntl-page .scenario-grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (min-width: 1024px) { .ntl-page .scenario-grid { grid-template-columns: repeat(5, 1fr); } }\r\n.ntl-page .scenario-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;\r\n  transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.ntl-page .scenario-card:hover { border-color: rgba(141,122,151,0.4); transform: translateY(-4px); }\r\n.ntl-page .scenario-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 .scenario-title { font-family: var(--font-serif); font-size: 1.08rem; font-weight: 500; line-height: 1.4; color: var(--foreground); margin-bottom: 0.85rem; }\r\n.ntl-page .scenario-body { font-size: 0.8rem; font-weight: 300; color: var(--fg-60); line-height: 1.7; margin-bottom: 1.5rem; }\r\n.ntl-page .scenario-body b { font-weight: 500; color: var(--ntl-medium); }\r\n.ntl-page .scenario-fix {\r\n  margin-top: auto; text-align: center; font-size: 0.74rem; 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 COMPARISON TABLE\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 #sc-compare { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .compare-table-wrap { overflow-x: auto; margin-top: 3.5rem; }\r\n.ntl-page .compare-table {\r\n  width: 100%; border-collapse: collapse; min-width: 600px;\r\n  font-size: 0.9rem;\r\n}\r\n.ntl-page .compare-table thead tr {\r\n  border-bottom: 1px solid rgba(184,167,192,0.4);\r\n}\r\n.ntl-page .compare-table th {\r\n  padding: 1rem 1.5rem; font-size: 0.85rem; letter-spacing: 0.18em;\r\n  text-transform: uppercase; font-weight: 400; color: var(--ntl-medium); text-align: left;\r\n}\r\n.ntl-page .compare-table th.ntl-col { color: var(--ntl-deep); background: rgba(184,167,192,0.10); }\r\n.ntl-page .compare-table td {\r\n  padding: 1rem 1.5rem; font-size: 1rem; font-weight: 300; color: var(--fg-70);\r\n  border-bottom: 1px solid rgba(184,167,192,0.15); vertical-align: top;\r\n}\r\n.ntl-page .compare-table td.ntl-col {\r\n  background: rgba(184,167,192,0.08); font-weight: 500; color: var(--ntl-deep);\r\n}\r\n.ntl-page .compare-table td:first-child { font-weight: 500; color: var(--foreground); }\r\n.ntl-page .compare-note {\r\n  margin-top: 2rem; padding: 1.5rem 2rem;\r\n  background: var(--ntl-offwhite); border-radius: var(--radius-md);\r\n  font-size: 1.2rem; font-weight: 300; color: var(--fg-70); line-height: 1.8;\r\n}\r\n.ntl-page .compare-note 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 CASE STUDIES  (identical format to HRO_v2)\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 #sc-cases { padding: var(--section-pad); background: var(--ntl-offwhite); }\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(--white); 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.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: 1.2rem; font-weight: 300; color: var(--fg-70); line-height: 1.7; }\r\n.ntl-page .cs-narr-row b { display: block; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ntl-deep); margin-bottom: 0.25rem; }\r\n.ntl-page .cs-narr-list { margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.35rem; }\r\n.ntl-page .cs-narr-list li { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 1.2rem; font-weight: 300; color: var(--fg-70); line-height: 1.65; }\r\n.ntl-page .cs-narr-list li::before { content: '\u2014'; flex-shrink: 0; color: var(--ntl-light); font-size: 1.2rem; margin-top: 0.1rem; }\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(--ntl-offwhite); }\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 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 #sc-faq { padding: var(--section-pad); background: var(--white); }\r\n.ntl-page .faq-list { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 3.5rem; }\r\n.ntl-page .faq-item {\r\n  background: var(--ntl-offwhite); border: 1px solid rgba(184,167,192,0.22);\r\n  border-radius: var(--radius-md); overflow: hidden;\r\n  transition: border-color 0.3s;\r\n}\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.2rem; 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: 1rem; 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 #sc-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: 1rem; 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 #sc-hero { padding: 6rem 0 4rem; }\r\n  .ntl-page .hero-illus-card { padding: 1.75rem; }\r\n  .ntl-page .sc-domain-card { min-height: auto; padding: 2rem 1.75rem; }\r\n  .ntl-page .sc-domain-illus { width: 7rem; height: 7rem; }\r\n  .ntl-page .cs-body { padding: 1.75rem; }\r\n  .ntl-page .value-card { flex-direction: column; align-items: flex-start; gap: 1rem; }\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\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=\"sc-hero\">\r\n  <div class=\"hero-blob hero-blob-1\"><\/div>\r\n  <div class=\"hero-blob hero-blob-2\"><\/div>\r\n  <div class=\"wrap\">\r\n    <div class=\"hero-grid\">\r\n\r\n      <!-- Left: copy -->\r\n      <div class=\"reveal from-left\">\r\n        <div class=\"hero-eyebrow\"><span>\u5171\u4eab\u9867\u554f\u652f\u63f4 \u00b7 Shared Consultant<\/span><\/div>\r\n        <h1 class=\"hero-title\">\u9084\u672a\u9700\u8981\u5168\u8077\u9ad8\u85aa\u4eba\u624b\uff0c<br>\u537b\u5df2\u9700\u8981<em>\u9ad8\u968e\u5224\u65b7\u529b<\/em>\u3002<\/h1>\r\n        <p class=\"hero-desc\">NTL \u5171\u4eab\u9867\u554f\u670d\u52d9\uff0c\u8b93\u6210\u9577\u4e2d\u7684\u4f01\u696d\u4ee5\u66f4\u9748\u6d3b\u7684\u65b9\u5f0f\u63a5\u5165\u5177\u5099 15\u201320 \u5e74\u5be6\u6230\u7d93\u9a57\u7684 HR\u3001\u6703\u8a08\u3001\u5e02\u5834\u63a8\u5ee3\u8207\u71df\u904b\u9867\u554f\u3002\u7576\u516c\u53f8\u9700\u8981\u7b56\u7565\u3001\u5236\u5ea6\u8207\u7ba1\u7406\u5224\u65b7\uff0c\u4f46\u672a\u5fc5\u9700\u8981\u5373\u6642\u8058\u8acb\u5168\u8077 Senior HR \u6216 Operations Manager\uff0c\u9019\u5c31\u662f\u6700\u5408\u9069\u7684\u5207\u5165\u9ede\u3002<\/p>\r\n        <div class=\"hero-tags\">\r\n          <span class=\"hero-tag\">#\u5171\u4eab\u9867\u554f\u9999\u6e2f<\/span>\r\n          <span class=\"hero-tag\">#HR\u9867\u554f\u4e2d\u5c0f\u4f01<\/span>\r\n          <span class=\"hero-tag\">#\u6309\u9700\u5c08\u696d\u652f\u63f4<\/span>\r\n          <span class=\"hero-tag\">#OperationsConsultantHongKong<\/span>\r\n        <\/div>\r\n        <div class=\"hero-cta\">\r\n          <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\" class=\"btn-primary\">\r\n            \u806f\u7e6b\u6211\u5011\u4e86\u89e3\u9867\u554f\u65b9\u6848\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        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: illustration card -->\r\n      <div class=\"reveal from-right d1\">\r\n        <div class=\"hero-illus-card\">\r\n<img decoding=\"async\" src=\"https:\/\/staging.ntl-recruit.hk\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_vwmhxfvwmhxfvwmh-1.png\" \r\n     alt=\"\u4eba\u529b\u8cc7\u6e90\u89e3\u6c7a\u65b9\u6848\" \r\n     class=\"svc-image\" \r\n     loading=\"lazy\">\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 2 \u00b7 WHAT IS SHARED CONSULTANT\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=\"sc-define\">\r\n  <div class=\"wrap\">\r\n    <div class=\"define-grid\">\r\n\r\n      <div class=\"reveal from-left\">\r\n        <span class=\"eyebrow-line\">\u670d\u52d9\u5b9a\u4f4d \u00b7 What It Is<\/span>\r\n        <h2 class=\"section-title\"\r\n        >\u5728\u95dc\u9375\u6642\u523b<br>\u501f\u5165\u6210\u719f\u7684\u6c7a\u7b56\u80fd\u529b\u3002<\/h2>\r\n        <p class=\"section-sub\" style=\"margin-top:1.25rem;\">\u5171\u4eab\u9867\u554f\u7684\u50f9\u503c\uff0c\u5728\u65bc\u8b93\u7ba1\u7406\u5c64\u5728\u4e0d\u589e\u52a0\u56fa\u5b9a\u9ad8\u85aa\u7de8\u5236\u7684\u60c5\u6cc1\u4e0b\uff0c\u5148\u7372\u5f97\u8cc7\u6df1\u5c08\u696d\u9867\u554f\u7684\u7b56\u7565\u652f\u63f4\u3002<\/p>\r\n        <p class=\"define-pull\">\u300c\u8b93\u4e2d\u5c0f\u4f01\u4ee5\u5171\u4eab\u6a21\u5f0f\u7372\u5f97 HR\u3001\u6703\u8a08\u3001\u71df\u904b\u53ca\u5e02\u5834\u63a8\u5ee3\u5c08\u696d\u9867\u554f\u652f\u63f4\uff0c\u5728\u63a7\u5236\u6210\u672c\u7684\u540c\u6642\u7dad\u6301\u4f01\u696d\u5c08\u696d\u7ba1\u7406\u6c34\u5e73\u3002\u300d<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"reveal from-right d1\">\r\n        <div class=\"metrics-panel\">\r\n          <div class=\"metrics-panel-title\">NTL \u5171\u4eab\u667a\u6167\u76e4\u9ede<\/div>\r\n          <div class=\"metrics-panel-sub\">\u4fe1\u4efb\u6307\u6a19<\/div>\r\n          <div class=\"metrics-panel-divider\"><\/div>\r\n          <div class=\"metric-row\">\r\n            <span class=\"metric-row-label\">\u9867\u554f\u5e73\u5747\u5de5\u4f5c\u7d93\u9a57<\/span>\r\n            <span class=\"metric-row-val\">15\u201320 \u5e74<\/span>\r\n          <\/div>\r\n          <div class=\"metric-row\">\r\n            <span class=\"metric-row-label\">\u76f8\u6bd4\u5168\u8077 Senior HR \u6210\u672c<\/span>\r\n            <span class=\"metric-row-val\">\u7bc0\u7701\u7d04 70\u201380%<\/span>\r\n          <\/div>\r\n          <div class=\"metric-row\">\r\n            <span class=\"metric-row-label\">\u5178\u578b\u5236\u5ea6\u5efa\u7acb\u6642\u9593<\/span>\r\n            <span class=\"metric-row-val\">3\u20136 \u9031<\/span>\r\n          <\/div>\r\n          <div class=\"metric-row\">\r\n            <span class=\"metric-row-label\">\u670d\u52d9\u9748\u6d3b\u5ea6<\/span>\r\n            <span class=\"metric-row-val\" style=\"font-size:0.95rem;\">\u6309\u5c0f\u6642 \/ \u5929 \/ \u9805\u76ee<\/span>\r\n          <\/div>\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 3 \u00b7 SERVICE SCOPE (4 domains, 2x2 checkerboard)\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=\"sc-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 \u5171\u4eab\u9867\u554f\u6db5\u84cb\u7bc4\u7587<\/span>\r\n        <h2 class=\"section-title\">\u56db\u5927\u5c08\u696d\u9818\u57df\uff0c\u6309\u9700\u63a5\u5165\u8cc7\u6df1\u9867\u554f<\/h2>\r\n        <div class=\"head-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sc-domain-grid\">\r\n\r\n        <!-- Domain 01 \u00b7 HR -->\r\n        <div class=\"sc-domain-card reveal from-bottom\">\r\n          <div class=\"sc-domain-head\">\r\n            <div class=\"sc-domain-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=\"sc-domain-num\">01<\/div>\r\n          <\/div>\r\n          <h3 class=\"sc-domain-title\">Human Resources<\/h3>\r\n          <p class=\"sc-domain-sub\">\u4eba\u529b\u8cc7\u6e90 \u00b7 HR Compliance \u00b7 Payroll & Benefits<\/p>\r\n          <ul class=\"sc-domain-list\">\r\n            <li>HR Compliance \u5408\u898f\u5be9\u67e5<\/li>\r\n            <li>Payroll &amp; Benefits \u85aa\u916c\u798f\u5229\u7ba1\u7406<\/li>\r\n            <li>Employee Relations \u54e1\u5de5\u95dc\u4fc2<\/li>\r\n            <li>HR Process Design \u6d41\u7a0b\u8a2d\u8a08<\/li>\r\n            <li>Staff Handbook \u64b0\u5beb\u8207\u653f\u7b56\u5efa\u7acb<\/li>\r\n          <\/ul>\r\n          <svg class=\"sc-domain-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        <!-- Domain 02 \u00b7 Accounting -->\r\n        <div class=\"sc-domain-card tint reveal from-bottom d1\">\r\n          <div class=\"sc-domain-head\">\r\n            <div class=\"sc-domain-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=\"sc-domain-num\">02<\/div>\r\n          <\/div>\r\n          <h3 class=\"sc-domain-title\">Accounting &amp; Finance<\/h3>\r\n          <p class=\"sc-domain-sub\">\u6703\u8a08\u53ca\u8ca1\u52d9 \u00b7 Financial Reporting \u00b7 Audit Prep<\/p>\r\n          <ul class=\"sc-domain-list\">\r\n            <li>Financial Reporting \u8ca1\u52d9\u5831\u544a<\/li>\r\n            <li>Bookkeeping Review \u5e33\u52d9\u5be9\u6838<\/li>\r\n            <li>Audit Preparation \u5be9\u8a08\u6e96\u5099<\/li>\r\n            <li>Internal Control Support \u5167\u63a7\u652f\u63f4<\/li>\r\n            <li>\u8de8\u5730\u57df\u8ca1\u52d9\u5354\u8abf\u8207\u5408\u898f<\/li>\r\n          <\/ul>\r\n          <svg class=\"sc-domain-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        <!-- Domain 03 \u00b7 Marketing -->\r\n        <div class=\"sc-domain-card tint reveal from-bottom d2\">\r\n          <div class=\"sc-domain-head\">\r\n            <div class=\"sc-domain-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=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"sc-domain-num\">03<\/div>\r\n          <\/div>\r\n          <h3 class=\"sc-domain-title\">Marketing<\/h3>\r\n          <p class=\"sc-domain-sub\">\u5e02\u5834\u63a8\u5ee3 \u00b7 Content \u00b7 Social Media \u00b7 Campaign<\/p>\r\n          <ul class=\"sc-domain-list\">\r\n            <li>Marketing Strategy \u5e02\u5834\u7b56\u7565<\/li>\r\n            <li>Content Planning \u5167\u5bb9\u898f\u5283<\/li>\r\n            <li>Social Media Management \u793e\u4ea4\u5a92\u9ad4\u7ba1\u7406<\/li>\r\n            <li>Campaign Execution \u63a8\u5ee3\u6d3b\u52d5\u57f7\u884c<\/li>\r\n            <li>\u54c1\u724c\u5b9a\u4f4d\u8207\u50b3\u64ad\u7b56\u7565<\/li>\r\n          <\/ul>\r\n          <svg class=\"sc-domain-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        <!-- Domain 04 \u00b7 Operations -->\r\n        <div class=\"sc-domain-card reveal from-bottom d3\">\r\n          <div class=\"sc-domain-head\">\r\n            <div class=\"sc-domain-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\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07M8.46 8.46a5 5 0 0 0 0 7.07\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"sc-domain-num\">04<\/div>\r\n          <\/div>\r\n          <h3 class=\"sc-domain-title\">Business Operations<\/h3>\r\n          <p class=\"sc-domain-sub\">\u71df\u904b\u7ba1\u7406 \u00b7 Process \u00b7 SOP \u00b7 Vendor Management<\/p>\r\n          <ul class=\"sc-domain-list\">\r\n            <li>Process Improvement \u6d41\u7a0b\u512a\u5316<\/li>\r\n            <li>Project Coordination \u9805\u76ee\u5354\u8abf<\/li>\r\n            <li>SOP Development \u6a19\u6e96\u4f5c\u696d\u7a0b\u5e8f\u5efa\u7acb<\/li>\r\n            <li>Vendor Management \u4f9b\u61c9\u5546\u7ba1\u7406<\/li>\r\n            <li>\u8de8\u90e8\u9580\u5354\u4f5c\u8207\u6548\u7387\u63d0\u5347<\/li>\r\n          <\/ul>\r\n          <svg class=\"sc-domain-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      <\/div>\r\n\r\n      <p style=\"text-align:center; margin-top:2.5rem; font-size:0.88rem; font-weight:300; color:var(--fg-60); line-height:1.8;\">\u4f01\u696d\u53ef\u6309<strong style=\"font-weight:500; color:var(--ntl-deep);\">\u6bcf\u6708\u3001\u6bcf\u9031\u6216\u9805\u76ee\u5f62\u5f0f<\/strong>\u7372\u53d6\u8cc7\u6df1\u5c08\u696d\u652f\u63f4\uff0c\u6bcb\u9808\u627f\u64d4\u5168\u8077\u9ad8\u7d1a\u4eba\u624d\u7684\u56fa\u5b9a\u6210\u672c\u3002<\/p>\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 WHEN TO USE\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=\"sc-when\">\r\n  <div class=\"wrap\">\r\n    <div class=\"when-head\">\r\n      <div class=\"reveal\">\r\n        <span class=\"eyebrow\">\u4f7f\u7528\u5834\u666f \u00b7 When It Fits<\/span>\r\n        <h2 class=\"section-title\">\u4ec0\u9ebc\u6642\u5019\u61c9\u8a72\u7528\u5171\u4eab\u9867\u554f\uff1f<\/h2>\r\n      <\/div>\r\n      <p class=\"when-note reveal d1\">\u5982\u679c\u4f60\u7684\u4f01\u696d\u5df2\u611f\u5230\u5236\u5ea6\u3001\u5408\u898f\u3001\u6d41\u7a0b\u6216\u7ba1\u7406\u5224\u65b7\u958b\u59cb\u62d6\u6162\u6210\u9577\uff0c\u4f46\u53c8\u672a\u5fc5\u9700\u8981\u5373\u6642\u62db\u8058\u5168\u8077\u9ad8\u968e\u4eba\u624b\uff0c\u4ee5\u4e0b\u8a0a\u865f\u5e6b\u4f60\u5feb\u901f\u5c0d\u865f\u5165\u5ea7\u3002<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3 signals -->\r\n    <div class=\"signal-grid\">\r\n      <div class=\"signal-card reveal from-bottom\">\r\n        <div class=\"signal-num\">\u8a0a\u865f\u4e00<\/div>\r\n        <div class=\"signal-title\">\u554f\u984c\u5df2\u5f71\u97ff\u7ba1\u7406\u5c64\u6642\u9593<\/div>\r\n        <p class=\"signal-body\">\u8001\u95c6\u6216\u90e8\u9580\u4e3b\u7ba1\u7d93\u5e38\u89aa\u81ea\u8655\u7406\u4eba\u4e8b\u3001\u5236\u5ea6\u3001\u6d41\u7a0b\u6216\u54e1\u5de5\u95dc\u4fc2\u554f\u984c\uff0c\u771f\u6b63\u7684\u696d\u52d9\u6c7a\u7b56\u53cd\u800c\u88ab\u5ef6\u5f8c\u3002<\/p>\r\n      <\/div>\r\n      <div class=\"signal-card reveal from-bottom d1\">\r\n        <div class=\"signal-num\">\u8a0a\u865f\u4e8c<\/div>\r\n        <div class=\"signal-title\">\u672a\u5920\u898f\u6a21\u8058\u8acb\u5168\u8077\u9ad8\u85aa\u4eba\u624d<\/div>\r\n        <p class=\"signal-body\">\u4f60\u9700\u8981\u8cc7\u6df1\u5224\u65b7\u529b\uff0c\u4f46\u672a\u5fc5\u9700\u8981\u6bcf\u661f\u671f\u4e94\u5929\u3001\u6bcf\u6708\u56fa\u5b9a\u9ad8\u85aa\u7684 Senior HR \u6216 Operations Manager\u3002<\/p>\r\n      <\/div>\r\n      <div class=\"signal-card reveal from-bottom d2\">\r\n        <div class=\"signal-num\">\u8a0a\u865f\u4e09<\/div>\r\n        <div class=\"signal-title\">\u9700\u8981\u5148\u5efa\u7acb\u5236\u5ea6\uff0c\u518d\u6c7a\u5b9a\u64f4\u7de8<\/div>\r\n        <p class=\"signal-body\">\u516c\u53f8\u6b63\u8655\u65bc\u64f4\u5f35\u3001\u91cd\u7d44\u6216\u5236\u5ea6\u5efa\u7acb\u671f\uff0c\u5148\u7528\u9867\u554f\u65b9\u5f0f\u68b3\u7406\u6838\u5fc3\u554f\u984c\uff0c\u5f80\u5f80\u6bd4\u7acb\u5373\u62db\u8058\u66f4\u7a69\u9663\u3002<\/p>\r\n      <\/div>\r\n    <\/div>\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 COMPARISON TABLE\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=\"sc-compare\">\r\n  <div class=\"wrap-narrow\">\r\n    <div class=\"center-head reveal\">\r\n      <span class=\"eyebrow\">\u6c7a\u7b56\u5c0d\u6bd4 \u00b7 Compare<\/span>\r\n      <h2 class=\"section-title\">\u5148\u7528\u5171\u4eab\u9867\u554f\uff0c\u9084\u662f\u76f4\u63a5\u8058\u8acb\u5168\u8077\u9ad8\u968e\u4eba\u624b\uff1f<\/h2>\r\n      <p class=\"section-sub\" style=\"margin-top:1rem;\">\u5982\u679c\u554f\u984c\u4ecd\u5728\u5efa\u7acb\u5236\u5ea6\u3001\u91d0\u6e05\u6d41\u7a0b\u3001\u964d\u4f4e\u5408\u898f\u98a8\u96aa\u6216\u5354\u52a9\u7ba1\u7406\u5c64\u5224\u65b7\u968e\u6bb5\uff0c\u5171\u4eab\u9867\u554f\u901a\u5e38\u662f\u66f4\u8f15\u5de7\u3001\u66f4\u5feb\u555f\u52d5\u7684\u9078\u64c7\u3002<\/p>\r\n      <div class=\"head-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"compare-table-wrap\">\r\n      <table class=\"compare-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>\u8003\u91cf\u56e0\u7d20<\/th>\r\n            <th class=\"ntl-col\">NTL \u5171\u4eab\u9867\u554f<\/th>\r\n            <th>\u5168\u8077 Senior HR<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <td>\u6210\u672c<\/td>\r\n            <td class=\"ntl-col\">\u9748\u6d3b\uff0c\u6309\u9700\u4ed8\u8cbb<\/td>\r\n            <td>\u56fa\u5b9a\u6708\u85aa HK$30,000\u201350,000+<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>\u555f\u52d5\u6642\u9593<\/td>\r\n            <td class=\"ntl-col\">1\u20132 \u9031<\/td>\r\n            <td>6\u201312 \u9031\u62db\u8058\u671f<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>\u9748\u6d3b\u5ea6<\/td>\r\n            <td class=\"ntl-col\">\u9ad8\uff0c\u53ef\u96a8\u6642\u8abf\u6574\u670d\u52d9\u7bc4\u570d<\/td>\r\n            <td>\u4f4e\uff0c\u9700\u8981\u56fa\u5b9a\u8077\u8cac<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>\u9069\u5408\u4f01\u696d\u898f\u6a21<\/td>\r\n            <td class=\"ntl-col\">5\u2013100 \u4eba<\/td>\r\n            <td>50 \u4eba\u4ee5\u4e0a<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>\u77e5\u8b58\u6df1\u5ea6<\/td>\r\n            <td class=\"ntl-col\">15\u201320 \u5e74\u4e00\u7dda\u5be6\u6230\u7d93\u9a57<\/td>\r\n            <td>\u8996\u4e4e\u500b\u4eba\u80cc\u666f\u8207\u8cc7\u6b77<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>\u79d1\u6280\u6574\u5408<\/td>\r\n            <td class=\"ntl-col\">\u5305\u542b AI \/ RPA \u5de5\u5177\u5efa\u8b70<\/td>\r\n            <td>\u9700\u984d\u5916\u57f9\u8a13\u8207\u5b78\u7fd2\u6210\u672c<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>\u5408\u898f\u98a8\u96aa<\/td>\r\n            <td class=\"ntl-col\">\u7531 NTL \u627f\u64d4\u9867\u554f\u8cac\u4efb<\/td>\r\n            <td>\u7531\u4f01\u696d\u81ea\u884c\u627f\u64d4\u6240\u6709\u8cac\u4efb<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\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 CASE STUDIES  (identical format to HRO_v2)\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=\"sc-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\u9000\u4f11\u5230\u91cd\u555f\uff0c\u5f9e\u554f\u984c\u5230\u89e3\u6c7a<\/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 class=\"head-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cs-grid\">\r\n\r\n      <!-- Case 1 \u00b7 Suzan \u2014 \u9000\u4f11\u6703\u8a08\u4e3b\u7ba1 \u2192 \u8de8\u570b\u9060\u7a0b\u8ca1\u52d9\u5925\u4f34 -->\r\n      <article class=\"cs-card reveal from-bottom\">\r\n        <div class=\"cs-visual\">\r\n          <svg viewBox=\"0 0 640 360\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" style=\"background:linear-gradient(135deg,#F0EBE5,#D4C8DB);\">\r\n            <!-- background grid -->\r\n            <line x1=\"0\" y1=\"90\" x2=\"640\" y2=\"90\" stroke=\"#B8A7C0\" stroke-width=\"0.4\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"0\" y1=\"180\" x2=\"640\" y2=\"180\" stroke=\"#B8A7C0\" stroke-width=\"0.4\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"0\" y1=\"270\" x2=\"640\" y2=\"270\" stroke=\"#B8A7C0\" stroke-width=\"0.4\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"160\" y1=\"0\" x2=\"160\" y2=\"360\" stroke=\"#B8A7C0\" stroke-width=\"0.4\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"320\" y1=\"0\" x2=\"320\" y2=\"360\" stroke=\"#B8A7C0\" stroke-width=\"0.4\" stroke-dasharray=\"4,6\"\/>\r\n            <line x1=\"480\" y1=\"0\" x2=\"480\" y2=\"360\" stroke=\"#B8A7C0\" stroke-width=\"0.4\" stroke-dasharray=\"4,6\"\/>\r\n            <!-- globe -->\r\n            <circle cx=\"320\" cy=\"180\" r=\"120\" stroke=\"#9F8AA8\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <ellipse cx=\"320\" cy=\"180\" rx=\"60\" ry=\"120\" stroke=\"#9F8AA8\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n            <line x1=\"200\" y1=\"180\" x2=\"440\" y2=\"180\" stroke=\"#9F8AA8\" stroke-width=\"0.8\"\/>\r\n            <ellipse cx=\"320\" cy=\"180\" rx=\"120\" ry=\"36\" stroke=\"#9F8AA8\" stroke-width=\"0.6\" fill=\"none\"\/>\r\n            <!-- HK node -->\r\n            <circle cx=\"380\" cy=\"148\" r=\"7\" fill=\"#8D7A97\" opacity=\"0.9\"\/>\r\n            <text x=\"392\" y=\"152\" font-family=\"Georgia,serif\" font-size=\"11\" fill=\"#332E38\" opacity=\"0.8\">HK<\/text>\r\n            <!-- Israel node -->\r\n            <circle cx=\"258\" cy=\"148\" r=\"7\" fill=\"#B8A7C0\" opacity=\"0.9\"\/>\r\n            <text x=\"210\" y=\"152\" font-family=\"Georgia,serif\" font-size=\"11\" fill=\"#332E38\" opacity=\"0.8\">Israel<\/text>\r\n            <!-- connection line -->\r\n            <path d=\"M258,148 Q320,100 380,148\" stroke=\"#8D7A97\" stroke-width=\"1.4\" stroke-dasharray=\"5,4\"\/>\r\n            <!-- figure -->\r\n            <circle cx=\"320\" cy=\"240\" r=\"14\" stroke=\"#8D7A97\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <path d=\"M306,270 C306,256 334,256 334,270\" stroke=\"#8D7A97\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <!-- label -->\r\n            <text x=\"280\" y=\"316\" font-family=\"Georgia,serif\" font-size=\"13\" fill=\"#8D7A97\" opacity=\"0.85\">Susan \u00b7 \u5171\u4eab\u8ca1\u52d9\u9867\u554f<\/text>\r\n          <\/svg>\r\n          <div class=\"cs-visual-overlay\"><\/div>\r\n          <span class=\"cs-tag\">Tech MNC \u00b7 Shared Finance Consultant<\/span>\r\n        <\/div>\r\n        <div class=\"cs-body\">\r\n          <h3 class=\"cs-title\">\u5f9e\u9000\u4f11\u6703\u8a08\u4e3b\u7ba1\u5230\u8de8\u570b\u4f01\u696d\u9060\u7a0b\u8ca1\u52d9\u5925\u4f34<\/h3>\r\n          <div class=\"cs-narrative\">\r\n            <p class=\"cs-narr-row\">\r\n              <b>\u5ba2\u6236\u80cc\u666f &amp; \u6311\u6230<\/b>\r\n              \u4e00\u5bb6\u7e3d\u90e8\u4f4d\u65bc\u4ee5\u8272\u5217\u7684\u79d1\u6280\u4f01\u696d\u65bc\u9999\u6e2f\u8a2d\u6709\u5206\u516c\u53f8\uff0c\u9700\u8981\u7a69\u5b9a\u7684\u8ca1\u52d9\u53ca\u6703\u8a08\u652f\u63f4\u3002\u7531\u65bc\u9999\u6e2f\u5718\u968a\u898f\u6a21\u8f03\u5c0f\uff0c\u672a\u6709\u8db3\u5920\u9700\u6c42\u8058\u8acb\u5168\u8077\u8cc7\u6df1\u6703\u8a08\u4eba\u54e1\uff0c\u4f46\u540c\u6642\u9700\u8981\u719f\u6089\u9999\u6e2f\u5408\u898f\u8981\u6c42\u3001\u80fd\u8207\u6d77\u5916\u7e3d\u90e8\u5354\u8abf\u7684\u8ca1\u52d9\u4eba\u624d\u3002\r\n            <\/p>\r\n            <p class=\"cs-narr-row\">\r\n              <b>NTL \u89e3\u6c7a\u65b9\u6848<\/b>\r\n              NTL \u914d\u5c0d\u64c1\u6709\u591a\u5e74\u8ca1\u52d9\u53ca\u6703\u8a08\u7ba1\u7406\u7d93\u9a57\u7684 Suzan\uff0c\u64d4\u4efb\u5ba2\u6236\u7684\u5171\u4eab\u6703\u8a08\u9867\u554f\uff08Shared Accounting Consultant\uff09\u3002\u5de5\u4f5c\u6a21\u5f0f\u5305\u62ec\uff1a\r\n            <\/p>\r\n            <ul class=\"cs-narr-list\">\r\n              <li>\u6bcf\u661f\u671f\u5230\u8fa6\u516c\u5ba4\u4e00\u5929\uff0c\u5176\u9918\u6642\u9593\u63d0\u4f9b\u9059\u8ddd\u652f\u63f4<\/li>\r\n              <li>\u8655\u7406\u65e5\u5e38\u8ca1\u52d9\u7ba1\u7406\u5de5\u4f5c\uff0c\u8207\u6d77\u5916\u7e3d\u90e8\u5354\u8abf\u8ca1\u52d9\u4e8b\u5b9c<\/li>\r\n              <li>\u652f\u63f4\u672c\u5730\u5408\u898f\u53ca\u884c\u653f\u8981\u6c42<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"cs-benefits\">\r\n            <div class=\"cs-benefit-row company\">\r\n              <div class=\"cs-benefit-icon\">\r\n                <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>\r\n              <\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u4f01\u696d\u7372\u76ca<\/div>\r\n                <p class=\"cs-benefit-text\"><strong>\u4ee5\u517c\u8077\u6210\u672c\u7372\u5f97\u8cc7\u6df1\u6703\u8a08\u5c08\u696d\u652f\u63f4<\/strong>\uff0c\u5efa\u7acb\u7a69\u5b9a\u7684\u8de8\u5730\u57df\u8ca1\u52d9\u5354\u4f5c\u6d41\u7a0b\uff0c\u964d\u4f4e\u62db\u8058\u53ca\u4eba\u624d\u6d41\u5931\u98a8\u96aa\uff0c\u70ba\u4f01\u696d\u63d0\u4f9b\u6301\u7e8c\u4e14\u53ef\u9760\u7684\u8ca1\u52d9\u7ba1\u7406\u652f\u63f4\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cs-benefit-row woman\">\r\n              <div class=\"cs-benefit-icon\">\r\n                <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>\r\n              <\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u5973\u6027\u7372\u76ca \u2014 Suzan<\/div>\r\n                <p class=\"cs-benefit-text\">\u66fe\u65bc\u4f01\u696d\u64d4\u4efb\u8ca1\u52d9\u53ca\u6703\u8a08\u7ba1\u7406\u8077\u4f4d\u591a\u5e74\uff0c\u9000\u4f11\u5f8c\u4ecd\u5e0c\u671b\u4fdd\u6301\u5c08\u696d\u53c3\u8207\u3002\u900f\u904e NTL \u7684\u9748\u6d3b\u5de5\u4f5c\u6a21\u5f0f\uff0c<strong>\u6210\u529f\u91cd\u65b0\u6295\u5165\u8077\u5834<\/strong>\uff0c\u540c\u6642\u517c\u9867\u500b\u4eba\u751f\u6d3b\u7bc0\u594f\uff0c\u6301\u7e8c\u8ca2\u737b\u7d2f\u7a4d\u591a\u5e74\u7684\u5c08\u696d\u7d93\u9a57\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Case 2 \u00b7 \u88c1\u54e1\u91cd\u7d44 HR \u652f\u63f4 -->\r\n      <article class=\"cs-card reveal from-bottom d1\">\r\n        <div class=\"cs-visual\">\r\n          <svg viewBox=\"0 0 640 360\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" style=\"background:linear-gradient(135deg,#EDE8F2,#D4C8DB);\">\r\n            <!-- background -->\r\n            <rect x=\"0\" y=\"0\" width=\"640\" height=\"360\" fill=\"url(#sc2bg)\"\/>\r\n            <defs>\r\n              <linearGradient id=\"sc2bg\" x1=\"0\" y1=\"0\" x2=\"640\" y2=\"360\" gradientUnits=\"userSpaceOnUse\">\r\n                <stop offset=\"0%\" stop-color=\"#EDE8F2\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#D4C8DB\"\/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n            <!-- document stack -->\r\n            <rect x=\"200\" y=\"80\" width=\"180\" height=\"220\" rx=\"6\" fill=\"white\" fill-opacity=\"0.6\" stroke=\"#9F8AA8\" stroke-width=\"1\"\/>\r\n            <rect x=\"210\" y=\"90\" width=\"180\" height=\"220\" rx=\"6\" fill=\"white\" fill-opacity=\"0.4\" stroke=\"#B8A7C0\" stroke-width=\"0.8\"\/>\r\n            <rect x=\"220\" y=\"100\" width=\"180\" height=\"220\" rx=\"6\" fill=\"white\" fill-opacity=\"0.9\" stroke=\"#8D7A97\" stroke-width=\"1.2\"\/>\r\n            <!-- doc lines -->\r\n            <line x1=\"244\" y1=\"140\" x2=\"376\" y2=\"140\" stroke=\"#B8A7C0\" stroke-width=\"1.2\"\/>\r\n            <line x1=\"244\" y1=\"162\" x2=\"376\" y2=\"162\" stroke=\"#D4C8DB\" stroke-width=\"0.8\"\/>\r\n            <line x1=\"244\" y1=\"180\" x2=\"340\" y2=\"180\" stroke=\"#D4C8DB\" stroke-width=\"0.8\"\/>\r\n            <line x1=\"244\" y1=\"198\" x2=\"376\" y2=\"198\" stroke=\"#D4C8DB\" stroke-width=\"0.8\"\/>\r\n            <line x1=\"244\" y1=\"216\" x2=\"310\" y2=\"216\" stroke=\"#D4C8DB\" stroke-width=\"0.8\"\/>\r\n            <!-- checkmark -->\r\n            <circle cx=\"376\" cy=\"270\" r=\"28\" fill=\"#8D7A97\" fill-opacity=\"0.18\" stroke=\"#8D7A97\" stroke-width=\"1.2\"\/>\r\n            <polyline points=\"362,270 372,280 392,258\" stroke=\"#8D7A97\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <!-- label -->\r\n            <text x=\"190\" y=\"348\" font-family=\"Georgia,serif\" font-size=\"13\" fill=\"#8D7A97\" opacity=\"0.85\">\u96e2\u8077\u7d50\u7b97 \u00b7 \u5408\u898f\u4fdd\u969c \u00b7 \u54e1\u5de5\u95dc\u4fc2<\/text>\r\n          <\/svg>\r\n          <div class=\"cs-visual-overlay\"><\/div>\r\n          <span class=\"cs-tag\">Retail \u00b7 HR Compliance Support<\/span>\r\n        <\/div>\r\n        <div class=\"cs-body\">\r\n          <h3 class=\"cs-title\">\u672c\u5730\u96f6\u552e\u4f01\u696d\u88c1\u54e1\u91cd\u7d44\u671f\u9593\u7684 HR \u5408\u898f\u652f\u63f4<\/h3>\r\n          <div class=\"cs-narrative\">\r\n            <p class=\"cs-narr-row\">\r\n              <b>\u5ba2\u6236\u80cc\u666f &amp; \u6311\u6230<\/b>\r\n              \u4e00\u5bb6\u672c\u5730\u96f6\u552e\u4f01\u696d\u56e0\u696d\u52d9\u6536\u7e2e\u9700\u8981\u9032\u884c\u88c1\u54e1\u53ca\u90e8\u9580\u91cd\u7d44\uff0c\u6d89\u53ca\u591a\u540d\u54e1\u5de5\u7684\u96e2\u8077\u7d50\u7b97\u3001\u4ee3\u901a\u77e5\u91d1\u8a08\u7b97\u53ca\u76f8\u95dc\u6587\u4ef6\u8655\u7406\u3002\u7ba1\u7406\u5c64\u5c0d\u9999\u6e2f\u300a\u50f1\u50ad\u689d\u4f8b\u300b\u7684\u5177\u9ad4\u8981\u6c42\u4e0d\u5920\u719f\u6089\uff0c\u64d4\u5fc3\u51fa\u73fe\u5408\u898f\u554f\u984c\u3002\r\n            <\/p>\r\n            <p class=\"cs-narr-row\">\r\n              <b>NTL \u89e3\u6c7a\u65b9\u6848<\/b>\r\n              NTL \u5171\u4eab\u9867\u554f\u63d0\u4f9b\u9805\u76ee\u5236\u652f\u63f4\uff0c\u5354\u52a9\uff1a\r\n            <\/p>\r\n            <ul class=\"cs-narr-list\">\r\n              <li>\u5be9\u67e5\u6bcf\u4f4d\u54e1\u5de5\u7684\u96e2\u8077\u689d\u6b3e\uff0c\u78ba\u4fdd\u4ee3\u901a\u77e5\u91d1\u53ca\u9063\u6563\u8cbb\u8a08\u7b97\u6e96\u78ba\u7121\u8aa4<\/li>\r\n              <li>\u8655\u7406\u76f8\u95dc\u6587\u4ef6\uff0c\u964d\u4f4e\u6cd5\u5f8b\u53ca\u5408\u898f\u98a8\u96aa<\/li>\r\n              <li>\u6e1b\u8f15\u7ba1\u7406\u5c64\u884c\u653f\u8ca0\u64d4\uff0c\u5354\u52a9\u65bc\u6307\u5b9a\u6642\u9593\u5167\u5b8c\u6210\u96e2\u8077\u7d50\u7b97\u7a0b\u5e8f<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"cs-benefits\">\r\n            <div class=\"cs-benefit-row company\">\r\n              <div class=\"cs-benefit-icon\">\r\n                <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>\r\n              <\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">\u4f01\u696d\u7372\u76ca<\/div>\r\n                <p class=\"cs-benefit-text\"><strong>\u96e2\u8077\u7d50\u7b97\u8a08\u7b97\u6e96\u78ba\u7121\u8aa4<\/strong>\uff0c\u964d\u4f4e\u6cd5\u5f8b\u53ca\u5408\u898f\u98a8\u96aa\uff0c\u6e1b\u8f15\u7ba1\u7406\u5c64\u884c\u653f\u8ca0\u64d4\uff0c\u4e26\u65bc\u6307\u5b9a\u6642\u9593\u5167\u5b8c\u6210\u6574\u500b\u96e2\u8077\u7d50\u7b97\u7a0b\u5e8f\u3002<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"cs-benefit-row woman\">\r\n              <div class=\"cs-benefit-icon\">\r\n                <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>\r\n              <\/div>\r\n              <div>\r\n                <div class=\"cs-benefit-label\">NTL \u89c0\u9ede<\/div>\r\n                <p class=\"cs-benefit-text\">\u7576\u4f01\u696d\u9762\u81e8\u88c1\u54e1\u3001\u91cd\u7d44\u6216\u6e05\u76e4\u7b49\u7279\u6b8a\u968e\u6bb5\uff0c\u6700\u9700\u8981\u7684\u4e0d\u53ea\u662f\u984d\u5916\u4eba\u624b\uff0c\u800c\u662f\u5177\u5099\u5be6\u52d9\u7d93\u9a57\u53ca\u6cd5\u898f\u77e5\u8b58\u7684\u5c08\u696d\u4eba\u58eb\u3002<strong>\u5171\u4eab\u9867\u554f\u6a21\u5f0f\u8b93\u4f01\u696d\u80fd\u5373\u6642\u7372\u5f97\u8cc7\u6df1 HR \u5c08\u624d\u652f\u63f4<\/strong>\uff0c\u5728\u9ad8\u98a8\u96aa\u6642\u523b\u4f5c\u51fa\u66f4\u7a69\u59a5\u7684\u6c7a\u7b56\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 8 \u00b7 FAQ ACCORDION\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=\"sc-faq\">\r\n  <div class=\"wrap-narrow\">\r\n    <div class=\"center-head reveal\">\r\n      <span class=\"eyebrow\">\u5e38\u898b\u554f\u984c \u00b7 FAQ<\/span>\r\n      <h2 class=\"section-title\">\u95dc\u65bc\u5171\u4eab\u9867\u554f\u7684\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\">\r\n        <button class=\"faq-q\">\r\n          Q1\uff1a\u5171\u4eab\u9867\u554f\u8207\u4e00\u822c HR \u9867\u554f\u516c\u53f8\u6709\u4ec0\u9ebc\u5206\u5225\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\">\r\n          <div class=\"faq-a-inner\">\r\n            <p>\u4e00\u822c\u9867\u554f\u516c\u53f8\u63d0\u4f9b\u7684\u662f\u6a19\u6e96\u5316\u5831\u544a\u8207\u5efa\u8b70\uff0cNTL \u5171\u4eab\u9867\u554f\u63d0\u4f9b\u7684\u662f\u771f\u6b63\u5728\u4f01\u696d\u4e00\u7dda\u5de5\u4f5c\u904e\u7684\u5be6\u6230\u5224\u65b7\u529b\u3002\u6211\u5011\u7684\u9867\u554f\u5177\u5099 15\u201320 \u5e74\u9999\u6e2f\u672c\u5730 HR \u5be6\u52d9\u7d93\u9a57\uff0c\u4e86\u89e3\u4e2d\u5c0f\u4f01\u7684\u5be6\u969b\u9650\u5236\uff0c\u63d0\u4f9b\u53ef\u4ee5\u843d\u5730\u57f7\u884c\u7684\u5efa\u8b70\uff0c\u800c\u4e0d\u662f\u7406\u8ad6\u6846\u67b6\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\">\r\n          Q2\uff1a\u5982\u679c\u6211\u53ea\u9700\u8981\u4e00\u6b21\u6027\u5efa\u8b70\uff0c\u53ef\u4ee5\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\">\r\n          <div class=\"faq-a-inner\">\r\n            <p>\u53ef\u4ee5\u3002\u6211\u5011\u63d0\u4f9b\u6309\u5c0f\u6642\u8a08\u8cbb\u7684\u8aee\u8a62\u670d\u52d9\uff0c\u7121\u6700\u4f4e\u6642\u6578\u8981\u6c42\u3002\u4f60\u53ef\u4ee5\u5f9e\u4e00\u6b21\u9700\u6c42\u8a3a\u65b7\u958b\u59cb\uff0c\u518d\u6c7a\u5b9a\u662f\u5426\u9700\u8981\u6301\u7e8c\u652f\u63f4\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\">\r\n          Q3\uff1a\u9867\u554f\u662f\u5426\u4e86\u89e3\u9999\u6e2f\u672c\u5730\u6cd5\u5f8b\u8207 HR \u5be6\u52d9\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\">\r\n          <div class=\"faq-a-inner\">\r\n            <p>\u662f\u7684\u3002NTL \u6240\u6709\u9867\u554f\u5747\u5177\u5099\u6df1\u539a\u7684\u9999\u6e2f HR \u5be6\u52d9\u77e5\u8b58\uff0c\u5305\u62ec\u300a\u50f1\u50ad\u689d\u4f8b\u300b\u3001MPF \u5236\u5ea6\u3001\u5047\u671f\u653f\u7b56\u3001\u7d42\u6b62\u5408\u7d04\u6d41\u7a0b\u8207\u52de\u8cc7\u95dc\u4fc2\u3002\u6211\u5011\u7684\u5efa\u8b70\u4ee5\u9999\u6e2f\u672c\u5730\u5be6\u52d9\u70ba\u57fa\u790e\uff0c\u800c\u975e\u5957\u7528\u6d77\u5916\u6a19\u6e96\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\">\r\n          Q4\uff1a\u5982\u679c\u6211\u5c0d\u9867\u554f\u7684\u5efa\u8b70\u4e0d\u6eff\u610f\uff0c\u53ef\u4ee5\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\">\r\n          <div class=\"faq-a-inner\">\r\n            <p>\u53ef\u4ee5\u3002NTL \u91cd\u8996\u6bcf\u4e00\u6bb5\u5408\u4f5c\u95dc\u4fc2\u7684\u8cea\u91cf\u3002\u5982\u679c\u4f60\u5c0d\u9867\u554f\u7684\u5de5\u4f5c\u65b9\u5f0f\u6216\u5efa\u8b70\u65b9\u5411\u6709\u4efb\u4f55\u7591\u616e\uff0c\u6211\u5011\u6703\u7a4d\u6975\u6e9d\u901a\u4e26\u5b89\u6392\u8abf\u6574\uff0c\u78ba\u4fdd\u5408\u4f5c\u95dc\u4fc2\u5c0d\u4f01\u696d\u771f\u6b63\u6709\u50f9\u503c\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\">\r\n          Q5\uff1a\u5171\u4eab\u9867\u554f\u670d\u52d9\u662f\u5426\u5305\u542b\u57f7\u884c\u652f\u63f4\uff0c\u9084\u662f\u53ea\u6709\u5efa\u8b70\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\">\r\n          <div class=\"faq-a-inner\">\r\n            <p>\u8996\u4e4e\u5408\u4f5c\u6a21\u5f0f\u3002\u90e8\u5206\u4f01\u696d\u9078\u64c7\u7d14\u9867\u554f\u6a21\u5f0f\uff08\u53ea\u63d0\u4f9b\u5efa\u8b70\u8207\u6846\u67b6\uff09\uff0c\u90e8\u5206\u4f01\u696d\u9078\u64c7\u9867\u554f + \u57f7\u884c\u6a21\u5f0f\uff08\u9867\u554f\u540c\u6642\u5354\u52a9\u843d\u5be6\u5efa\u8b70\uff0c\u4f8b\u5982\u64b0\u5beb Staff Handbook\u3001\u8a2d\u8a08\u6d41\u7a0b\u6587\u4ef6\uff09\u3002\u6211\u5011\u6703\u6839\u64da\u4f01\u696d\u9700\u6c42\u9748\u6d3b\u8a2d\u8a08\u5408\u4f5c\u7bc4\u570d\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\">\r\n          Q6\uff1a\u5171\u4eab\u9867\u554f\u670d\u52d9\u662f\u5426\u9069\u5408\u53ea\u6709 5\u201310 \u4eba\u7684\u5fae\u578b\u4f01\u696d\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\">\r\n          <div class=\"faq-a-inner\">\r\n            <p>\u9069\u5408\u3002\u4e8b\u5be6\u4e0a\uff0c\u5fae\u578b\u4f01\u696d\u5f80\u5f80\u662f\u6700\u9700\u8981\u5171\u4eab\u9867\u554f\u7684\u7fa4\u9ad4\u2014\u2014\u4ed6\u5011\u9762\u5c0d\u7684 HR \u554f\u984c\u8207\u5927\u4f01\u696d\u76f8\u540c\uff0c\u4f46\u6c92\u6709\u8cc7\u6e90\u8058\u8acb\u5168\u8077 HR\u3002NTL \u7684\u6309\u5c0f\u6642\u8a08\u8cbb\u6a21\u5f0f\uff0c\u8b93\u5fae\u578b\u4f01\u696d\u4e5f\u53ef\u4ee5\u5728\u9700\u8981\u6642\u7372\u5f97\u5c08\u696d\u652f\u63f4\u3002<\/p>\r\n          <\/div>\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 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=\"sc-cta\">\r\n  <div class=\"cta-circle-1\"><\/div>\r\n  <div class=\"cta-circle-2\"><\/div>\r\n  <svg class=\"cta-botanical\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"white\" stroke-width=\"0.8\" aria-hidden=\"true\">\r\n    <path d=\"M160,180 C140,140 100,120 60,100 C40,90 20,70 30,40 C40,20 70,18 90,30\"\/>\r\n    <path d=\"M90,30 C110,42 120,70 100,90 C80,110 60,100 60,100\"\/>\r\n    <path d=\"M100,90 C120,80 150,90 160,110 C170,130 155,160 140,170\"\/>\r\n    <circle cx=\"90\" cy=\"30\" r=\"5\"\/>\r\n    <circle cx=\"60\" cy=\"100\" r=\"4\"\/>\r\n    <circle cx=\"160\" cy=\"110\" r=\"4\"\/>\r\n  <\/svg>\r\n  <div class=\"wrap\">\r\n    <div class=\"cta-inner reveal\">\r\n      <span class=\"cta-eyebrow\">Get Started \u00b7 \u958b\u59cb\u5408\u4f5c<\/span>\r\n      <h2 class=\"cta-title\">\u4f60\u7684\u4f01\u696d\uff0c<em>\u503c\u5f97\u66f4\u597d\u7684\u9867\u554f\u652f\u63f4\u3002<\/em><\/h2>\r\n      <p class=\"cta-sub\">\u7121\u8ad6\u4f60\u9700\u8981\u7684\u662f\u4e00\u6b21\u6027\u7684 HR \u653f\u7b56\u5be9\u67e5\u3001\u6309\u6708\u7684\u8ca1\u52d9\u9867\u554f\u652f\u63f4\uff0c\u9084\u662f\u4e00\u500b\u5b8c\u6574\u7684\u5236\u5ea6\u5efa\u7acb\u9805\u76ee\uff0cNTL \u90fd\u53ef\u4ee5\u70ba\u4f60\u8a2d\u8a08\u6700\u5408\u9069\u7684\u5171\u4eab\u9867\u554f\u65b9\u6848\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          \u7acb\u5373\u9810\u7d04\u514d\u8cbb\u8aee\u8a62\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        <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=105\" class=\"btn-cta-ghost\">\u4e86\u89e3 HR \u696d\u52d9\u5916\u5305\u670d\u52d9<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\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>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5171\u4eab\u9867\u554f\u652f\u63f4 \u00b7 Shared Consultant \u9084\u672a\u9700\u8981\u5168\u8077\u9ad8\u85aa\u4eba\u624b\uff0c\u537b\u5df2\u9700\u8981\u9ad8\u968e\u5224\u65b7\u529b\u3002 NTL \u5171\u4eab\u9867\u554f\u670d\u52d9\uff0c\u8b93\u6210\u9577\u4e2d\u7684\u4f01\u696d\u4ee5\u66f4\u9748\u6d3b\u7684\u65b9\u5f0f\u63a5\u5165\u5177\u5099 15\u201320 \u5e74\u5be6\u6230\u7d93\u9a57\u7684 HR\u3001\u6703\u8a08\u3001\u5e02\u5834\u63a8\u5ee3\u8207\u71df\u904b\u9867\u554f\u3002\u7576\u516c\u53f8\u9700\u8981\u7b56\u7565\u3001\u5236\u5ea6\u8207\u7ba1\u7406\u5224\u65b7\uff0c\u4f46\u672a\u5fc5\u9700\u8981\u5373\u6642\u8058\u8acb\u5168\u8077 Senior HR \u6216 Operations Manager\uff0c\u9019\u5c31\u662f\u6700\u5408\u9069\u7684\u5207\u5165\u9ede\u3002 #\u5171\u4eab\u9867\u554f\u9999\u6e2f #HR\u9867\u554f\u4e2d\u5c0f\u4f01 #\u6309\u9700\u5c08\u696d\u652f\u63f4 #OperationsConsultantHongKong \u806f\u7e6b\u6211\u5011\u4e86\u89e3\u9867\u554f\u65b9\u6848 \u670d\u52d9\u5b9a\u4f4d \u00b7 What It Is \u5728\u95dc\u9375\u6642\u523b\u501f\u5165\u6210\u719f\u7684\u6c7a\u7b56\u80fd\u529b\u3002 \u5171\u4eab\u9867\u554f\u7684\u50f9\u503c\uff0c\u5728\u65bc\u8b93\u7ba1\u7406\u5c64\u5728\u4e0d\u589e\u52a0\u56fa\u5b9a\u9ad8\u85aa\u7de8\u5236\u7684\u60c5\u6cc1\u4e0b\uff0c\u5148\u7372\u5f97\u8cc7\u6df1\u5c08\u696d\u9867\u554f\u7684\u7b56\u7565\u652f\u63f4\u3002 \u300c\u8b93\u4e2d\u5c0f\u4f01\u4ee5\u5171\u4eab\u6a21\u5f0f\u7372\u5f97 HR\u3001\u6703\u8a08\u3001\u71df\u904b\u53ca\u5e02\u5834\u63a8\u5ee3\u5c08\u696d\u9867\u554f\u652f\u63f4\uff0c\u5728\u63a7\u5236\u6210\u672c\u7684\u540c\u6642\u7dad\u6301\u4f01\u696d\u5c08\u696d\u7ba1\u7406\u6c34\u5e73\u3002\u300d NTL \u5171\u4eab\u667a\u6167\u76e4\u9ede \u4fe1\u4efb\u6307\u6a19 \u9867\u554f\u5e73\u5747\u5de5\u4f5c\u7d93\u9a57 15\u201320 \u5e74 \u76f8\u6bd4\u5168\u8077 Senior HR \u6210\u672c \u7bc0\u7701\u7d04 70\u201380% \u5178\u578b\u5236\u5ea6\u5efa\u7acb\u6642\u9593 3\u20136 \u9031 \u670d\u52d9\u9748\u6d3b\u5ea6 \u6309\u5c0f\u6642 \/ \u5929 \/ \u9805\u76ee Service Scope \u00b7 \u5171\u4eab\u9867\u554f\u6db5\u84cb\u7bc4\u7587 \u56db\u5927\u5c08\u696d\u9818\u57df\uff0c\u6309\u9700\u63a5\u5165\u8cc7\u6df1\u9867\u554f [&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-74","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/74","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=74"}],"version-history":[{"count":19,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":568,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/568"}],"wp:attachment":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}