{"id":95,"date":"2026-06-09T10:25:08","date_gmt":"2026-06-09T10:25:08","guid":{"rendered":"https:\/\/staging.ntl-recruit.hk\/?page_id=95"},"modified":"2026-06-25T09:21:15","modified_gmt":"2026-06-25T09:21:15","slug":"home-page-zh","status":"publish","type":"page","link":"https:\/\/staging.ntl-recruit.hk\/","title":{"rendered":"1 Home Page &#8211; zh"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"zh-HK\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><br \/>\n  <title>NTL \u65b0\u5973\u529b\u5be6\u9a57\u5ba4<\/title>\n  <link rel=\"icon\" href=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/RUhTqNATsbtKMqlo.svg\" type=\"image\/svg+xml\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&#038;family=Inter:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\" \/>\n  <!-- Lucide Icons via CDN --><br \/>\n  <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.js\"><\/script><\/p>\n<style>\n    \/* \u2500\u2500\u2500 CSS Custom Properties \u2500\u2500\u2500 *\/<br \/>\n    :root {<br \/>\n      --ntl-deep:     #8D7A97;<br \/>\n      --ntl-medium:   #9F8AA8;<br \/>\n      --ntl-light:    #B8A7C0;<br \/>\n      --ntl-offwhite: #F7F4F1;<br \/>\n      --foreground:   #332E38;<br \/>\n      --white:        #ffffff;<br \/>\n      --radius:       4px;<br \/>\n      --max-w:        1200px;<br \/>\n      --font-serif:   'Cormorant Garamond', Georgia, serif;<br \/>\n      --font-sans:    'Inter', system-ui, sans-serif;<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 Reset & Base \u2500\u2500\u2500 *\/<br \/>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<br \/>\n    html { scroll-behavior: smooth; }<br \/>\n    body {<br \/>\n      font-family: var(--font-sans);<br \/>\n      color: var(--foreground);<br \/>\n      background: var(--ntl-offwhite);<br \/>\n      line-height: 1.7;<br \/>\n      overflow-x: hidden;<br \/>\n    }<br \/>\n    a { text-decoration: none; color: inherit; }<br \/>\n    img { display: block; max-width: 100%; }<\/p>\n<p>    \/* Scrollbar *\/<br \/>\n    ::-webkit-scrollbar { width: 6px; }<br \/>\n    ::-webkit-scrollbar-track { background: var(--ntl-offwhite); }<br \/>\n    ::-webkit-scrollbar-thumb { background: var(--ntl-light); border-radius: 3px; }<br \/>\n    ::-webkit-scrollbar-thumb:hover { background: var(--ntl-medium); }<\/p>\n<p>    \/* \u2500\u2500\u2500 Utility \u2500\u2500\u2500 *\/<br \/>\n    .container {<br \/>\n      max-width: var(--max-w);<br \/>\n      margin: 0 auto;<br \/>\n      padding: 0 1.5rem;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .container { padding: 0 2rem; } }<\/p>\n<p>    .eyebrow {<br \/>\n      display: block;<br \/>\n      font-size: 0.75rem;<br \/>\n      letter-spacing: 0.35em;<br \/>\n      text-transform: uppercase;<br \/>\n      font-weight: 300;<br \/>\n      color: var(--ntl-medium);<br \/>\n      margin-bottom: 1.25rem;<br \/>\n    }<br \/>\n    .section-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(1.8rem, 3vw, 2.5rem);<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      line-height: 1.3;<br \/>\n      color: var(--foreground);<br \/>\n    }<br \/>\n    .section-sub {<br \/>\n      font-size: 1rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n      line-height: 1.8;<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 Reveal Animations \u2500\u2500\u2500 *\/<br \/>\n    .reveal {<br \/>\n      opacity: 0;<br \/>\n      transform: translateY(28px);<br \/>\n      transition: opacity 0.6s ease, transform 0.6s ease;<br \/>\n    }<br \/>\n    .reveal.from-left  { transform: translateX(-28px); }<br \/>\n    .reveal.from-right { transform: translateX(28px); }<br \/>\n    .reveal.from-bottom { transform: translateY(28px); }<br \/>\n    .reveal.visible {<br \/>\n      opacity: 1;<br \/>\n      transform: translate(0);<br \/>\n    }<br \/>\n    .reveal-delay-1 { transition-delay: 0.12s; }<br \/>\n    .reveal-delay-2 { transition-delay: 0.24s; }<br \/>\n    .reveal-delay-3 { transition-delay: 0.36s; }<br \/>\n    .reveal-delay-4 { transition-delay: 0.48s; }<br \/>\n    .reveal-delay-5 { transition-delay: 0.60s; }<\/p>\n<p>    \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/<br \/>\n    #navbar {<br \/>\n      position: fixed;<br \/>\n      top: 0; left: 0; right: 0;<br \/>\n      z-index: 100;<br \/>\n      transition: background 0.3s, box-shadow 0.3s;<br \/>\n    }<br \/>\n    #navbar.scrolled {<br \/>\n      background: rgba(247,244,241,0.92);<br \/>\n      backdrop-filter: blur(12px);<br \/>\n      box-shadow: 0 1px 12px rgba(141,122,151,0.08);<br \/>\n    }<br \/>\n    .nav-inner {<br \/>\n      max-width: var(--max-w);<br \/>\n      margin: 0 auto;<br \/>\n      padding: 0 1.5rem;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .nav-inner { padding: 0 2rem; } }<\/p>\n<p>    .nav-row {<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: space-between;<br \/>\n      height: 64px;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .nav-row { height: 80px; } }<\/p>\n<p>    .nav-logo {<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.5rem;<br \/>\n    }<br \/>\n    .nav-logo-text {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.5rem;<br \/>\n      font-weight: 600;<br \/>\n      color: var(--ntl-deep);<br \/>\n      letter-spacing: 0.12em;<br \/>\n    }<br \/>\n    .nav-logo-sub {<br \/>\n      font-size: 0.7rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.25em;<br \/>\n      color: var(--ntl-medium);<br \/>\n    }<br \/>\n    @media (max-width: 479px) { .nav-logo-sub { display: none; } }<\/p>\n<p>    \/* Desktop nav *\/<br \/>\n    .nav-links {<br \/>\n      display: none;<br \/>\n      align-items: center;<br \/>\n      gap: 0.15rem;<br \/>\n      list-style: none;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .nav-links { display: flex; } }<\/p>\n<p>    .nav-item { position: relative; }<br \/>\n    .nav-link {<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.25rem;<br \/>\n      padding: 0.5rem 1rem;<br \/>\n      font-size: 0.9rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.05em;<br \/>\n      color: rgba(51,46,56,0.8);<br \/>\n      transition: color 0.2s;<br \/>\n      cursor: pointer;<br \/>\n      white-space: nowrap;<br \/>\n    }<br \/>\n    .nav-link:hover { color: var(--ntl-deep); }<br \/>\n    .nav-link svg { width: 12px; height: 12px; opacity: 0.5; }<\/p>\n<p>    \/* Dropdown *\/<br \/>\n    .nav-dropdown {<br \/>\n      position: absolute;<br \/>\n      top: 100%;<br \/>\n      left: 0;<br \/>\n      min-width: 210px;<br \/>\n      background: rgba(255,255,255,0.97);<br \/>\n      backdrop-filter: blur(12px);<br \/>\n      border-radius: 6px;<br \/>\n      box-shadow: 0 8px 32px rgba(141,122,151,0.15);<br \/>\n      padding: 0.5rem 0;<br \/>\n      margin-top: 4px;<br \/>\n      opacity: 0;<br \/>\n      pointer-events: none;<br \/>\n      transform: translateY(6px);<br \/>\n      transition: opacity 0.18s, transform 0.18s;<br \/>\n    }<br \/>\n    .nav-item:hover .nav-dropdown {<br \/>\n      opacity: 1;<br \/>\n      pointer-events: auto;<br \/>\n      transform: translateY(0);<br \/>\n    }<br \/>\n    .nav-dropdown a {<br \/>\n      display: block;<br \/>\n      padding: 0.7rem 1.25rem;<br \/>\n      font-size: 0.9rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.7);<br \/>\n      transition: color 0.15s, background 0.15s;<br \/>\n    }<br \/>\n    .nav-dropdown a:hover {<br \/>\n      color: var(--ntl-deep);<br \/>\n      background: rgba(247,244,241,0.5);<br \/>\n    }<\/p>\n<p>    \/* Nav CTA + Hamburger *\/<br \/>\n    .nav-actions { display: flex; align-items: center; gap: 1rem; }<br \/>\n    .nav-cta {<br \/>\n      display: none;<br \/>\n      padding: 0.55rem 1.5rem;<br \/>\n      font-size: 0.9rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.08em;<br \/>\n      background: var(--ntl-deep);<br \/>\n      color: var(--white);<br \/>\n      border-radius: var(--radius);<br \/>\n      transition: background 0.2s;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .nav-cta { display: inline-flex; } }<br \/>\n    .nav-cta:hover { background: var(--ntl-medium); }<\/p>\n<p>    .hamburger {<br \/>\n      display: flex;<br \/>\n      flex-direction: column;<br \/>\n      justify-content: center;<br \/>\n      gap: 5px;<br \/>\n      width: 36px;<br \/>\n      height: 36px;<br \/>\n      background: none;<br \/>\n      border: none;<br \/>\n      cursor: pointer;<br \/>\n      padding: 4px;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .hamburger { display: none; } }<br \/>\n    .hamburger span {<br \/>\n      display: block;<br \/>\n      height: 1.5px;<br \/>\n      background: var(--ntl-deep);<br \/>\n      border-radius: 2px;<br \/>\n      transition: transform 0.3s, opacity 0.3s;<br \/>\n    }<br \/>\n    .hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }<br \/>\n    .hamburger.open span:nth-child(2) { opacity: 0; }<br \/>\n    .hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }<\/p>\n<p>    \/* Mobile menu *\/<br \/>\n    .mobile-menu {<br \/>\n      display: none;<br \/>\n      overflow: hidden;<br \/>\n      background: rgba(247,244,241,0.97);<br \/>\n      backdrop-filter: blur(12px);<br \/>\n      border-radius: 0 0 8px 8px;<br \/>\n      max-height: 0;<br \/>\n      transition: max-height 0.35s ease;<br \/>\n    }<br \/>\n    .mobile-menu.open { display: block; max-height: 600px; }<br \/>\n    .mobile-menu-inner { padding: 0.75rem 0 1rem; }<br \/>\n    .mobile-nav-link {<br \/>\n      display: block;<br \/>\n      padding: 0.85rem 1.5rem;<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.8);<br \/>\n      transition: color 0.15s;<br \/>\n    }<br \/>\n    .mobile-nav-link:hover { color: var(--ntl-deep); }<br \/>\n    .mobile-nav-child {<br \/>\n      display: block;<br \/>\n      padding: 0.6rem 2.5rem;<br \/>\n      font-size: 0.9rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.6);<br \/>\n      transition: color 0.15s;<br \/>\n    }<br \/>\n    .mobile-nav-child:hover { color: var(--ntl-deep); }<br \/>\n    .mobile-cta-wrap { padding: 0.5rem 1.5rem 0.5rem; }<br \/>\n    .mobile-cta {<br \/>\n      display: block;<br \/>\n      text-align: center;<br \/>\n      padding: 0.75rem 1.25rem;<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      background: var(--ntl-deep);<br \/>\n      color: var(--white);<br \/>\n      border-radius: var(--radius);<br \/>\n      transition: background 0.2s;<br \/>\n    }<br \/>\n    .mobile-cta:hover { background: var(--ntl-medium); }<\/p>\n<p>    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/<br \/>\n    #hero {<br \/>\n      position: relative;<br \/>\n      min-height: 100vh;<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      padding-top: 80px;<br \/>\n      overflow: hidden;<br \/>\n      background: var(--ntl-offwhite);<br \/>\n    }<br \/>\n    .hero-blob {<br \/>\n      position: absolute;<br \/>\n      top: 0; right: -5%;<br \/>\n      width: 55%;<br \/>\n      aspect-ratio: 1;<br \/>\n      opacity: 0.18;<br \/>\n      pointer-events: none;<br \/>\n      animation: blobFloat 10s ease-in-out infinite;<br \/>\n    }<br \/>\n    .hero-blob img { width: 100%; height: 100%; object-fit: contain; }<br \/>\n    @keyframes blobFloat {<br \/>\n      0%, 100% { transform: translateY(0) rotate(0deg); }<br \/>\n      50%       { transform: translateY(-20px) rotate(5deg); }<br \/>\n    }<br \/>\n    .hero-grid {<br \/>\n      display: grid;<br \/>\n      gap: 3rem;<br \/>\n      align-items: center;<br \/>\n      position: relative;<br \/>\n      z-index: 1;<br \/>\n      padding: 4rem 0;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) {<br \/>\n      .hero-grid { grid-template-columns: 1fr 1fr; gap: 5rem; padding: 5rem 0; }<br \/>\n    }<br \/>\n    .hero-eyebrow {<br \/>\n      font-size: 0.75rem;<br \/>\n      letter-spacing: 0.4em;<br \/>\n      text-transform: uppercase;<br \/>\n      font-weight: 300;<br \/>\n      color: var(--ntl-medium);<br \/>\n      margin-bottom: 1.75rem;<br \/>\n      display: block;<br \/>\n    }<br \/>\n    .hero-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(2rem, 4vw, 2.8rem);<br \/>\n      font-weight: 400;<br \/>\n      line-height: 1.25;<br \/>\n      letter-spacing: 0.03em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 1.75rem;<br \/>\n    }<br \/>\n    .hero-title .accent { color: var(--ntl-deep); }<br \/>\n    .hero-desc {<br \/>\n      font-size: 1.05rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n      line-height: 1.85;<br \/>\n      max-width: 480px;<br \/>\n      margin-bottom: 1.25rem;<br \/>\n    }<br \/>\n    .hero-sub {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.55);<br \/>\n      margin-bottom: 2rem;<br \/>\n      max-width: 480px;<br \/>\n      line-height: 1.7;<br \/>\n    }<br \/>\n    .hero-btns { display: flex; flex-wrap: wrap; gap: 1.25rem; }<br \/>\n    .btn-primary {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.5rem;<br \/>\n      padding: 1.1rem 2.25rem;<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.12em;<br \/>\n      background: var(--ntl-deep);<br \/>\n      color: var(--white);<br \/>\n      border-radius: var(--radius);<br \/>\n      transition: background 0.3s, transform 0.3s;<br \/>\n    }<br \/>\n    .btn-primary:hover { background: var(--ntl-medium); }<br \/>\n    .btn-primary:hover .arrow-icon { transform: translateX(4px); }<br \/>\n    .btn-primary .arrow-icon { transition: transform 0.3s; }<br \/>\n    .btn-outline {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.5rem;<br \/>\n      padding: 1.1rem 2.25rem;<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.12em;<br \/>\n      border: 1px solid rgba(141,122,151,0.25);<br \/>\n      color: var(--ntl-deep);<br \/>\n      border-radius: var(--radius);<br \/>\n      transition: background 0.3s, color 0.3s;<br \/>\n    }<br \/>\n    .btn-outline:hover { background: var(--ntl-deep); color: var(--white); }<\/p>\n<p>    \/* Hero image *\/<br \/>\n    .hero-visual { position: relative; }<br \/>\n    .hero-img-wrap {<br \/>\n      position: relative;<br \/>\n      aspect-ratio: 4\/5;<br \/>\n      max-width: 480px;<br \/>\n      margin: 0 auto;<br \/>\n      border-radius: var(--radius);<br \/>\n      overflow: hidden;<br \/>\n      box-shadow: 0 32px 80px rgba(141,122,151,0.2);<br \/>\n    }<br \/>\n    .hero-img-wrap img { width: 100%; height: 100%; object-fit: cover; }<br \/>\n    .hero-botanical {<br \/>\n      position: absolute;<br \/>\n      bottom: -2.5rem;<br \/>\n      left: -2.5rem;<br \/>\n      width: 12rem;<br \/>\n      height: 12rem;<br \/>\n      z-index: 2;<br \/>\n      animation: botanicalFloat 8s ease-in-out infinite;<br \/>\n      pointer-events: none;<br \/>\n    }<br \/>\n    @media (max-width: 767px) { .hero-botanical { display: none; } }<br \/>\n    .hero-botanical img { width: 100%; height: 100%; object-fit: contain; }<br \/>\n    @keyframes botanicalFloat {<br \/>\n      0%, 100% { transform: translateY(0); }<br \/>\n      50%       { transform: translateY(15px); }<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 ELI MODEL \u2500\u2500\u2500 *\/<br \/>\n    #eli {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--white);<br \/>\n      position: relative;<br \/>\n      overflow: hidden;<br \/>\n    }<br \/>\n    .eli-bg {<br \/>\n      position: absolute;<br \/>\n      top: 0; right: 0;<br \/>\n      width: 400px; height: 400px;<br \/>\n      opacity: 0.07;<br \/>\n      pointer-events: none;<br \/>\n    }<br \/>\n    .eli-bg img { width: 100%; height: 100%; object-fit: contain; }<br \/>\n    .eli-header { text-align: center; margin-bottom: 4.5rem; }<br \/>\n    .eli-header .section-sub { max-width: 480px; margin: 1rem auto 0; }<br \/>\n    .eli-grid {<br \/>\n      display: grid;<br \/>\n      gap: 2rem;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .eli-grid { grid-template-columns: repeat(3, 1fr); gap: 3rem; } }<br \/>\n    .eli-card {<br \/>\n      text-align: center;<br \/>\n      padding: 2.75rem 2.25rem;<br \/>\n      transition: transform 0.3s;<br \/>\n    }<br \/>\n    .eli-card:hover { transform: translateY(-6px); }<br \/>\n    .eli-icon-wrap {<br \/>\n      position: relative;<br \/>\n      width: 8rem;<br \/>\n      height: 8rem;<br \/>\n      margin: 0 auto 2.25rem;<br \/>\n    }<br \/>\n    .eli-icon-bg {<br \/>\n      position: absolute;<br \/>\n      inset: 0;<br \/>\n      background: rgba(184,167,192,0.2);<br \/>\n      border-radius: 50%;<br \/>\n      transform: scale(1.1);<br \/>\n      transition: transform 0.5s;<br \/>\n    }<br \/>\n    .eli-card:hover .eli-icon-bg { transform: scale(1.25); }<br \/>\n    .eli-icon-wrap img {<br \/>\n      position: relative;<br \/>\n      z-index: 1;<br \/>\n      width: 100%;<br \/>\n      height: 100%;<br \/>\n      object-fit: contain;<br \/>\n      padding: 1rem;<br \/>\n    }<br \/>\n    .eli-badge {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.5rem;<br \/>\n      margin-bottom: 1.25rem;<br \/>\n    }<br \/>\n    .eli-letter {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 2.8rem;<br \/>\n      font-weight: 600;<br \/>\n      color: var(--ntl-deep);<br \/>\n      line-height: 1;<br \/>\n    }<br \/>\n    .eli-title-wrap { text-align: left; }<br \/>\n    .eli-title-en {<br \/>\n      display: block;<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.12em;<br \/>\n      color: var(--ntl-deep);<br \/>\n    }<br \/>\n    .eli-title-zh {<br \/>\n      display: block;<br \/>\n      font-size: 0.8rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.6);<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 PROBLEM \u2500\u2500\u2500 *\/<br \/>\n    #problem {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--white);<br \/>\n    }<br \/>\n    .problem-grid {<br \/>\n      display: grid;<br \/>\n      gap: 4rem;<br \/>\n      align-items: center;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .problem-grid { grid-template-columns: 1fr 1fr; } }<br \/>\n    .problem-eyebrow { margin-bottom: 1.75rem; }<br \/>\n    .problem-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(1.8rem, 2.5vw, 2.3rem);<br \/>\n      font-weight: 400;<br \/>\n      line-height: 1.35;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 1.75rem;<br \/>\n    }<br \/>\n    .problem-text {<br \/>\n      font-size: 1rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.7);<br \/>\n      line-height: 1.85;<br \/>\n      margin-bottom: 1.75rem;<br \/>\n    }<br \/>\n    .stats-grid {<br \/>\n      display: grid;<br \/>\n      grid-template-columns: 1fr 1fr;<br \/>\n      gap: 1.5rem;<br \/>\n    }<br \/>\n    .stat-card {<br \/>\n      padding: 1.75rem;<br \/>\n      background: var(--ntl-offwhite);<br \/>\n      border-radius: var(--radius);<br \/>\n    }<br \/>\n    .stat-num {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.75rem;<br \/>\n      color: var(--ntl-deep);<br \/>\n      margin-bottom: 0.5rem;<br \/>\n    }<br \/>\n    .stat-label {<br \/>\n      font-size: 0.75rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.18em;<br \/>\n      text-transform: uppercase;<br \/>\n      color: rgba(51,46,56,0.55);<br \/>\n    }<br \/>\n    .problem-img-wrap {<br \/>\n      aspect-ratio: 1;<br \/>\n      border-radius: var(--radius);<br \/>\n      overflow: hidden;<br \/>\n      box-shadow: 0 24px 64px rgba(141,122,151,0.18);<br \/>\n    }<br \/>\n    .problem-img-wrap img { width: 100%; height: 100%; object-fit: cover; }<\/p>\n<p>    \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/<br \/>\n    #services {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--ntl-offwhite);<br \/>\n    }<br \/>\n    .services-header { text-align: center; margin-bottom: 4.5rem; }<br \/>\n    .services-header .section-sub { max-width: 520px; margin: 1rem auto 0; }<br \/>\n    .services-grid {<br \/>\n      display: grid;<br \/>\n      gap: 1.5rem;<br \/>\n      margin-bottom: 5rem;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .services-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; } }<br \/>\n    .service-card {<br \/>\n      background: var(--white);<br \/>\n      border-radius: var(--radius);<br \/>\n      overflow: hidden;<br \/>\n      display: flex;<br \/>\n      flex-direction: column;<br \/>\n      transition: transform 0.3s, box-shadow 0.5s;<br \/>\n      cursor: pointer;<br \/>\n    }<br \/>\n    .service-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(141,122,151,0.15); }<br \/>\n    .service-card-img {<br \/>\n      position: relative;<br \/>\n      aspect-ratio: 3\/2;<br \/>\n      overflow: hidden;<br \/>\n      background: rgba(184,167,192,0.1);<br \/>\n    }<br \/>\n    .service-card-img img {<br \/>\n      width: 100%;<br \/>\n      height: 100%;<br \/>\n      object-fit: cover;<br \/>\n      transition: transform 0.7s;<br \/>\n    }<br \/>\n    .service-card:hover .service-card-img img { transform: scale(1.02); }<br \/>\n    .service-card-body { padding: 2rem 2.25rem; flex: 1; }<br \/>\n    .service-card-head {<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.75rem;<br \/>\n      margin-bottom: 0.85rem;<br \/>\n    }<br \/>\n    .service-card-icon { color: var(--ntl-deep); flex-shrink: 0; }<br \/>\n    .service-card-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.15rem;<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n    }<br \/>\n    .service-card-desc {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      line-height: 1.8;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n    }<\/p>\n<p>    \/* Solutions *\/<br \/>\n    .solutions-header { text-align: center; margin-bottom: 2.75rem; }<br \/>\n    .solutions-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(1.4rem, 2vw, 1.7rem);<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n    }<br \/>\n    .solutions-grid {<br \/>\n      display: grid;<br \/>\n      gap: 1rem;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .solutions-grid { grid-template-columns: repeat(3, 1fr); } }<br \/>\n    @media (min-width: 1024px) { .solutions-grid { grid-template-columns: repeat(5, 1fr); } }<br \/>\n    .solution-card {<br \/>\n      padding: 1.75rem;<br \/>\n      background: rgba(255,255,255,0.5);<br \/>\n      backdrop-filter: blur(4px);<br \/>\n      border-radius: var(--radius);<br \/>\n      border: 1px solid rgba(184,167,192,0.12);<br \/>\n      transition: background 0.3s, transform 0.25s;<br \/>\n    }<br \/>\n    .solution-card:hover { background: var(--white); transform: translateY(-3px); }<br \/>\n    .solution-icon { color: var(--ntl-deep); margin-bottom: 1.25rem; transition: transform 0.3s; }<br \/>\n    .solution-card:hover .solution-icon { transform: scale(1.1); }<br \/>\n    .solution-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.05rem;<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 0.6rem;<br \/>\n    }<br \/>\n    .solution-desc {<br \/>\n      font-size: 0.85rem;<br \/>\n      font-weight: 300;<br \/>\n      line-height: 1.7;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n    }<br \/>\n    .services-cta { text-align: center; margin-top: 3.5rem; }<\/p>\n<p>    \/* \u2500\u2500\u2500 PILLARS \u2500\u2500\u2500 *\/<br \/>\n    #pillars {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--white);<br \/>\n    }<br \/>\n    .pillars-header { text-align: center; margin-bottom: 4.5rem; }<br \/>\n    .pillars-grid {<br \/>\n      display: grid;<br \/>\n      gap: 2rem;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .pillars-grid { grid-template-columns: repeat(3, 1fr); gap: 3rem; } }<br \/>\n    .pillar-card {<br \/>\n      text-align: center;<br \/>\n      padding: 2.25rem;<br \/>\n    }<br \/>\n    .pillar-icon-wrap {<br \/>\n      width: 4.5rem;<br \/>\n      height: 4.5rem;<br \/>\n      margin: 0 auto 1.75rem;<br \/>\n      background: rgba(247,244,241,1);<br \/>\n      border-radius: 50%;<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: center;<br \/>\n      color: var(--ntl-deep);<br \/>\n      transition: transform 0.3s;<br \/>\n    }<br \/>\n    .pillar-card:hover .pillar-icon-wrap { transform: scale(1.1); }<br \/>\n    .pillar-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.2rem;<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 0.85rem;<br \/>\n    }<br \/>\n    .pillar-desc {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      line-height: 1.8;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 REFRESHER LAB \u2500\u2500\u2500 *\/<br \/>\n    #refresher {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--white);<br \/>\n      position: relative;<br \/>\n      overflow: hidden;<br \/>\n    }<br \/>\n    .refresher-bg {<br \/>\n      position: absolute;<br \/>\n      bottom: 0; right: 0;<br \/>\n      width: 250px; height: 250px;<br \/>\n      opacity: 0.06;<br \/>\n      transform: rotate(45deg);<br \/>\n      pointer-events: none;<br \/>\n    }<br \/>\n    .refresher-bg img { width: 100%; height: 100%; object-fit: contain; }<br \/>\n    .refresher-header { text-align: center; margin-bottom: 1.75rem; }<br \/>\n    .refresher-header .section-sub { max-width: 640px; margin: 1rem auto 0; }<br \/>\n    .refresher-grid {<br \/>\n      display: grid;<br \/>\n      gap: 3rem;<br \/>\n      align-items: center;<br \/>\n      margin-top: 4rem;<br \/>\n    }<br \/>\n    @media (min-width: 1024px) { .refresher-grid { grid-template-columns: 1fr 1fr; gap: 5rem; } }<br \/>\n    .refresher-img-outer { position: relative; }<br \/>\n    .refresher-img-deco {<br \/>\n      position: absolute;<br \/>\n      top: -1rem; left: -1rem;<br \/>\n      width: 105%; height: 105%;<br \/>\n      opacity: 0.15;<br \/>\n      pointer-events: none;<br \/>\n    }<br \/>\n    .refresher-img-deco img { width: 100%; height: 100%; object-fit: contain; }<br \/>\n    .refresher-img-wrap {<br \/>\n      position: relative;<br \/>\n      aspect-ratio: 4\/3;<br \/>\n      border-radius: var(--radius);<br \/>\n      overflow: hidden;<br \/>\n    }<br \/>\n    .refresher-img-wrap img { width: 100%; height: 100%; object-fit: cover; }<br \/>\n    .refresher-subtitle {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(1.3rem, 2vw, 1.6rem);<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 2.25rem;<br \/>\n    }<br \/>\n    .feature-list { display: flex; flex-direction: column; gap: 2.25rem; }<br \/>\n    .feature-item { display: flex; gap: 1.5rem; }<br \/>\n    .feature-icon-wrap {<br \/>\n      flex-shrink: 0;<br \/>\n      width: 3.25rem;<br \/>\n      height: 3.25rem;<br \/>\n      border-radius: 50%;<br \/>\n      background: rgba(184,167,192,0.25);<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: center;<br \/>\n      color: var(--ntl-deep);<br \/>\n      transition: background 0.3s;<br \/>\n    }<br \/>\n    .feature-item:hover .feature-icon-wrap { background: rgba(184,167,192,0.4); }<br \/>\n    .feature-label-row {<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.5rem;<br \/>\n      margin-bottom: 0.4rem;<br \/>\n    }<br \/>\n    .feature-label-en {<br \/>\n      font-size: 0.75rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.15em;<br \/>\n      text-transform: uppercase;<br \/>\n      color: var(--ntl-medium);<br \/>\n    }<br \/>\n    .feature-sep { font-size: 0.7rem; color: rgba(51,46,56,0.4); }<br \/>\n    .feature-label-zh {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.05rem;<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n    }<br \/>\n    .feature-desc {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      line-height: 1.8;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n    }<br \/>\n    .outcomes-strip {<br \/>\n      margin-top: 2.75rem;<br \/>\n      padding-top: 2.25rem;<br \/>\n      border-top: 1px solid rgba(184,167,192,0.3);<br \/>\n      display: grid;<br \/>\n      grid-template-columns: repeat(3, 1fr);<br \/>\n      gap: 1.25rem;<br \/>\n    }<br \/>\n    .outcome-item { text-align: center; }<br \/>\n    .outcome-label {<br \/>\n      display: block;<br \/>\n      font-size: 0.75rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.15em;<br \/>\n      color: var(--ntl-deep);<br \/>\n      margin-bottom: 0.4rem;<br \/>\n    }<br \/>\n    .outcome-text {<br \/>\n      font-size: 0.8rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.6);<br \/>\n      line-height: 1.6;<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 TRUST \u2500\u2500\u2500 *\/<br \/>\n    #trust {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--white);<br \/>\n    }<br \/>\n    .trust-header { text-align: center; margin-bottom: 4.5rem; }<br \/>\n    .trust-badge {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.4rem;<br \/>\n      padding: 0.4rem 0.85rem;<br \/>\n      background: rgba(184,167,192,0.15);<br \/>\n      border-radius: 999px;<br \/>\n      font-size: 0.8rem;<br \/>\n      font-weight: 300;<br \/>\n      color: var(--ntl-deep);<br \/>\n      margin-bottom: 1.25rem;<br \/>\n    }<br \/>\n    .trust-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(1.8rem, 2.5vw, 2.3rem);<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 0.85rem;<br \/>\n    }<br \/>\n    .trust-sub {<br \/>\n      font-size: 1rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n      max-width: 480px;<br \/>\n      margin: 0 auto;<br \/>\n      line-height: 1.8;<br \/>\n    }<br \/>\n    .trust-grid {<br \/>\n      display: grid;<br \/>\n      gap: 1.5rem;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .trust-grid { grid-template-columns: repeat(3, 1fr); } }<br \/>\n    .trust-card {<br \/>\n      padding: 2.25rem;<br \/>\n      background: var(--ntl-offwhite);<br \/>\n      border-radius: var(--radius);<br \/>\n      transition: box-shadow 0.3s, transform 0.3s;<br \/>\n    }<br \/>\n    .trust-card:hover { box-shadow: 0 8px 32px rgba(141,122,151,0.12); transform: translateY(-2px); }<br \/>\n    .trust-card-icon {<br \/>\n      width: 3.25rem;<br \/>\n      height: 3.25rem;<br \/>\n      border-radius: 50%;<br \/>\n      background: rgba(184,167,192,0.2);<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: center;<br \/>\n      color: var(--ntl-deep);<br \/>\n      margin-bottom: 1.5rem;<br \/>\n    }<br \/>\n    .trust-card-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.1rem;<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--foreground);<br \/>\n      margin-bottom: 0.75rem;<br \/>\n    }<br \/>\n    .trust-card-desc {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      line-height: 1.8;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 CTA SECTION \u2500\u2500\u2500 *\/<br \/>\n    #cta {<br \/>\n      padding: 7rem 0;<br \/>\n      background: var(--ntl-deep);<br \/>\n      position: relative;<br \/>\n      overflow: hidden;<br \/>\n    }<br \/>\n    .cta-deco-1, .cta-deco-2 {<br \/>\n      position: absolute;<br \/>\n      pointer-events: none;<br \/>\n      opacity: 0.08;<br \/>\n    }<br \/>\n    .cta-deco-1 { top: -10%; left: -5%; width: 400px; height: 400px; }<br \/>\n    .cta-deco-2 { bottom: -10%; right: -5%; width: 350px; height: 350px; transform: rotate(180deg); }<br \/>\n    .cta-deco-1 img, .cta-deco-2 img { width: 100%; height: 100%; object-fit: contain; }<br \/>\n    .cta-header { text-align: center; margin-bottom: 4rem; position: relative; z-index: 1; }<br \/>\n    .cta-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: clamp(1.8rem, 3vw, 2.5rem);<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--white);<br \/>\n      margin-bottom: 0.85rem;<br \/>\n    }<br \/>\n    .cta-sub {<br \/>\n      font-size: 1rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(255,255,255,0.7);<br \/>\n      max-width: 440px;<br \/>\n      margin: 0 auto;<br \/>\n      line-height: 1.8;<br \/>\n    }<br \/>\n    .cta-cards {<br \/>\n      display: grid;<br \/>\n      gap: 1.5rem;<br \/>\n      position: relative;<br \/>\n      z-index: 1;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .cta-cards { grid-template-columns: repeat(3, 1fr); } }<br \/>\n    .cta-card {<br \/>\n      padding: 2.25rem;<br \/>\n      background: rgba(255,255,255,0.1);<br \/>\n      backdrop-filter: blur(8px);<br \/>\n      border-radius: var(--radius);<br \/>\n      border: 1px solid rgba(255,255,255,0.12);<br \/>\n      text-align: center;<br \/>\n      transition: background 0.3s, transform 0.3s;<br \/>\n      cursor: pointer;<br \/>\n    }<br \/>\n    .cta-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-3px); }<br \/>\n    .cta-card-icon {<br \/>\n      color: rgba(255,255,255,0.8);<br \/>\n      margin: 0 auto 1.25rem;<br \/>\n    }<br \/>\n    .cta-card-title {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.15rem;<br \/>\n      font-weight: 400;<br \/>\n      letter-spacing: 0.04em;<br \/>\n      color: var(--white);<br \/>\n      margin-bottom: 0.75rem;<br \/>\n    }<br \/>\n    .cta-card-desc {<br \/>\n      font-size: 0.9rem;<br \/>\n      font-weight: 300;<br \/>\n      line-height: 1.7;<br \/>\n      color: rgba(255,255,255,0.65);<br \/>\n      margin-bottom: 1.5rem;<br \/>\n    }<br \/>\n    .cta-card-link {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 0.3rem;<br \/>\n      font-size: 0.8rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.1em;<br \/>\n      color: rgba(255,255,255,0.75);<br \/>\n      transition: color 0.2s;<br \/>\n    }<br \/>\n    .cta-card:hover .cta-card-link { color: var(--white); }<br \/>\n    .cta-card-link svg { transition: transform 0.3s; }<br \/>\n    .cta-card:hover .cta-card-link svg { transform: translateX(3px); }<\/p>\n<p>    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/<br \/>\n    footer {<br \/>\n      background: var(--white);<br \/>\n      border-top: 1px solid rgba(184,167,192,0.2);<br \/>\n      padding: 4.5rem 0 2.5rem;<br \/>\n    }<br \/>\n    .footer-grid {<br \/>\n      display: grid;<br \/>\n      gap: 2.5rem;<br \/>\n      margin-bottom: 3rem;<br \/>\n    }<br \/>\n    @media (min-width: 768px) { .footer-grid { grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 2rem; } }<br \/>\n    .footer-brand-name {<br \/>\n      font-family: var(--font-serif);<br \/>\n      font-size: 1.65rem;<br \/>\n      font-weight: 600;<br \/>\n      color: var(--ntl-deep);<br \/>\n      letter-spacing: 0.12em;<br \/>\n      margin-bottom: 0.85rem;<br \/>\n    }<br \/>\n    .footer-brand-desc {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.6);<br \/>\n      line-height: 1.8;<br \/>\n      max-width: 260px;<br \/>\n    }<br \/>\n    .footer-col-label {<br \/>\n      font-size: 0.75rem;<br \/>\n      font-weight: 300;<br \/>\n      letter-spacing: 0.25em;<br \/>\n      text-transform: uppercase;<br \/>\n      color: var(--ntl-medium);<br \/>\n      margin-bottom: 1.5rem;<br \/>\n    }<br \/>\n    .footer-links { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; }<br \/>\n    .footer-links a {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n      transition: color 0.2s;<br \/>\n    }<br \/>\n    .footer-links a:hover { color: var(--ntl-deep); }<br \/>\n    .footer-contact-item {<br \/>\n      display: flex;<br \/>\n      align-items: flex-start;<br \/>\n      gap: 0.75rem;<br \/>\n      margin-bottom: 0.85rem;<br \/>\n    }<br \/>\n    .footer-contact-item svg { color: var(--ntl-medium); flex-shrink: 0; margin-top: 2px; }<br \/>\n    .footer-contact-item span {<br \/>\n      font-size: 0.95rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.65);<br \/>\n      line-height: 1.6;<br \/>\n    }<br \/>\n    .footer-bottom {<br \/>\n      border-top: 1px solid rgba(184,167,192,0.15);<br \/>\n      padding-top: 1.75rem;<br \/>\n      display: flex;<br \/>\n      flex-wrap: wrap;<br \/>\n      justify-content: space-between;<br \/>\n      align-items: center;<br \/>\n      gap: 0.75rem;<br \/>\n    }<br \/>\n    .footer-copy {<br \/>\n      font-size: 0.8rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.5);<br \/>\n    }<br \/>\n    .footer-legal { display: flex; gap: 1.5rem; }<br \/>\n    .footer-legal a {<br \/>\n      font-size: 0.8rem;<br \/>\n      font-weight: 300;<br \/>\n      color: rgba(51,46,56,0.5);<br \/>\n      transition: color 0.2s;<br \/>\n    }<br \/>\n    .footer-legal a:hover { color: var(--ntl-deep); }<\/p>\n<p>    \/* \u2500\u2500\u2500 Back to top \u2500\u2500\u2500 *\/<br \/>\n    #back-top {<br \/>\n      position: fixed;<br \/>\n      bottom: 2rem;<br \/>\n      right: 2rem;<br \/>\n      width: 2.5rem;<br \/>\n      height: 2.5rem;<br \/>\n      background: var(--ntl-deep);<br \/>\n      color: var(--white);<br \/>\n      border: none;<br \/>\n      border-radius: 50%;<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: center;<br \/>\n      cursor: pointer;<br \/>\n      opacity: 0;<br \/>\n      pointer-events: none;<br \/>\n      transition: opacity 0.3s, transform 0.3s;<br \/>\n      z-index: 99;<br \/>\n    }<br \/>\n    #back-top.visible { opacity: 1; pointer-events: auto; }<br \/>\n    #back-top:hover { transform: translateY(-3px); background: var(--ntl-medium); }<br \/>\n  <\/style>\n<p><\/head><br \/>\n<body><br \/>\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\n       NAVBAR\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 --><\/p>\n<header id=\"navbar\">\n<div class=\"nav-inner\">\n<div class=\"nav-row\">\n        <!-- Logo --><br \/>\n        <a href=\"#\" class=\"nav-logo\"><br \/>\n          <span class=\"nav-logo-text\">NTL<\/span><br \/>\n          <span class=\"nav-logo-sub\">\u65b0\u5973\u529b\u5be6\u9a57\u5ba4<\/span><br \/>\n        <\/a><\/p>\n<p>        <!-- Desktop links --><\/p>\n<ul class=\"nav-links\">\n<li class=\"nav-item\">\n            <a href=\"#\" class=\"nav-link\">\u9996\u9801<\/a>\n          <\/li>\n<li class=\"nav-item\">\n            <a href=\"#services\" class=\"nav-link\"><br \/>\n              \u670d\u52d9\u9805\u76ee<br \/>\n              <svg data-lucide=\"chevron-down\"><\/svg><br \/>\n            <\/a><\/p>\n<div class=\"nav-dropdown\">\n              <a href=\"#\">BPO \u696d\u52d9\u6d41\u7a0b\u5916\u5224<\/a><br \/>\n              <a href=\"#\">\u5171\u4eab\u9867\u554f (HR \/ Operations)<\/a><br \/>\n              <a href=\"#\">\u5f48\u6027\u62db\u8058 \/ Secondment<\/a><br \/>\n              <a href=\"#\">\u89e3\u6c7a\u65b9\u6848 Solutions<\/a>\n            <\/div>\n<\/li>\n<li class=\"nav-item\">\n            <a href=\"#refresher\" class=\"nav-link\">NTL \u7d93\u9a57\u518d\u9020\u793e<\/a>\n          <\/li>\n<li class=\"nav-item\">\n            <a href=\"#trust\" class=\"nav-link\">\u6210\u529f\u6848\u4f8b<\/a>\n          <\/li>\n<li class=\"nav-item\">\n            <a href=\"#\" class=\"nav-link\"><br \/>\n              \u95dc\u65bc\u6211\u5011<br \/>\n              <svg data-lucide=\"chevron-down\"><\/svg><br \/>\n            <\/a><\/p>\n<div class=\"nav-dropdown\">\n              <a href=\"#\">\u6211\u5011\u7684\u4f7f\u547d \/ \u5718\u968a<\/a><br \/>\n              <a href=\"#\">\u5a92\u9ad4\u5831\u5c0e \/ ESG \/ Credibility<\/a><br \/>\n              <a href=\"#\">\u6700\u65b0\u52d5\u614b Blog \/ Insights<\/a>\n            <\/div>\n<\/li>\n<li class=\"nav-item\">\n            <a href=\"#cta\" class=\"nav-link\">\u806f\u7e6b\u6211\u5011<\/a>\n          <\/li>\n<\/ul>\n<p>        <!-- Actions --><\/p>\n<div class=\"nav-actions\">\n          <a href=\"#cta\" class=\"nav-cta\">\u806f\u7d61\u6211\u5011<\/a><br \/>\n          <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle menu\"><br \/>\n            <span><\/span><span><\/span><span><\/span><br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Mobile menu --><\/p>\n<nav class=\"mobile-menu\" id=\"mobile-menu\">\n<div class=\"mobile-menu-inner\">\n          <a href=\"#\" class=\"mobile-nav-link\">\u9996\u9801<\/a><br \/>\n          <a href=\"#services\" class=\"mobile-nav-link\">\u670d\u52d9\u9805\u76ee<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">BPO \u696d\u52d9\u6d41\u7a0b\u5916\u5224<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">\u5171\u4eab\u9867\u554f (HR \/ Operations)<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">\u5f48\u6027\u62db\u8058 \/ Secondment<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">\u89e3\u6c7a\u65b9\u6848 Solutions<\/a><br \/>\n          <a href=\"#refresher\" class=\"mobile-nav-link\">NTL \u7d93\u9a57\u518d\u9020\u793e<\/a><br \/>\n          <a href=\"#trust\" class=\"mobile-nav-link\">\u6210\u529f\u6848\u4f8b<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-link\">\u95dc\u65bc\u6211\u5011<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">\u6211\u5011\u7684\u4f7f\u547d \/ \u5718\u968a<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">\u5a92\u9ad4\u5831\u5c0e \/ ESG \/ Credibility<\/a><br \/>\n          <a href=\"#\" class=\"mobile-nav-child\">\u6700\u65b0\u52d5\u614b Blog \/ Insights<\/a><br \/>\n          <a href=\"#cta\" class=\"mobile-nav-link\">\u806f\u7e6b\u6211\u5011<\/a><\/p>\n<div class=\"mobile-cta-wrap\">\n            <a href=\"#cta\" class=\"mobile-cta\">\u806f\u7d61\u6211\u5011<\/a>\n          <\/div>\n<\/p><\/div>\n<\/nav><\/div>\n<\/header>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HERO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section id=\"hero\">\n<div class=\"hero-blob\">\n      <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/BoqBZVGOjzZzddQV.png\" alt=\"\" \/>\n    <\/div>\n<div class=\"container\">\n<div class=\"hero-grid\">\n        <!-- Text --><\/p>\n<div class=\"reveal\">\n          <span class=\"hero-eyebrow\">Empowering Experience<\/span><\/p>\n<h1 class=\"hero-title\">\n            \u8b93\u5973\u6027\u300c\u6c89\u7761\/\u88ab\u4f4e\u4f30\u300d\u7684\u7d93\u9a57\uff0c<br \/>\n            \u6210\u70ba<span class=\"accent\">\u5546\u696d\u52d5\u529b<\/span>\u8207\u793e\u6703\u50f9\u503c<br \/>\n          <\/h1>\n<p class=\"hero-desc\">\n            NTL \u662f\u4e00\u9593\u4ee5\u5973\u6027\u7d93\u9a57\u518d\u555f\u52d5\u70ba\u6838\u5fc3\u7684\u793e\u6703\u4f01\u696d\uff0c\u5c08\u6ce8\u89e3\u6c7a\u7a69\u5b9a\u4eba\u624d\u3001HR \u652f\u63f4\u53ca\u71df\u904b\u6548\u7387\u554f\u984c\u3002\n          <\/p>\n<p class=\"hero-sub\">\u6211\u5011\u4e0d\u662f\u300c\u5e6b\u52a9\u5f31\u52e2\u300d\uff0c\u800c\u662f\u300c\u89e3\u6c7a\u4f01\u696d\u771f\u5be6\u554f\u984c\u300d<\/p>\n<div class=\"hero-btns\">\n            <a href=\"#services\" class=\"btn-primary\"><br \/>\n              \u63a2\u7d22\u89e3\u6c7a\u65b9\u6848<br \/>\n              <svg class=\"arrow-icon\" data-lucide=\"arrow-right\" width=\"16\" height=\"16\"><\/svg><br \/>\n            <\/a><br \/>\n            <a href=\"#cta\" class=\"btn-outline\">\u806f\u7d61\u6211\u5011<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Visual --><\/p>\n<div class=\"hero-visual reveal from-right reveal-delay-2\">\n<div class=\"hero-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/qzcFBfoHlkMqdJWi.png\" alt=\"Professional woman in natural light\" \/>\n          <\/div>\n<div class=\"hero-botanical\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/GFnjsPrVfilhXLiV.png\" alt=\"\" \/>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       ELI MODEL\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 --><\/p>\n<section id=\"eli\">\n<div class=\"eli-bg\">\n      <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/BoqBZVGOjzZzddQV.png\" alt=\"\" \/>\n    <\/div>\n<div class=\"container\">\n<div class=\"eli-header reveal\">\n        <span class=\"eyebrow\">Our Model<\/span><\/p>\n<h2 class=\"section-title\">ELI Women Model<\/h2>\n<p class=\"section-sub\">\u6211\u5011\u5982\u4f55\u8b58\u5225\u8207\u6fc0\u6d3b\u7d93\u9a57\u578b\u5973\u6027\u7684\u5c08\u696d\u6f5b\u529b<\/p>\n<\/p><\/div>\n<div class=\"eli-grid\">\n        <!-- E --><\/p>\n<div class=\"eli-card reveal from-bottom\">\n<div class=\"eli-icon-wrap\">\n<div class=\"eli-icon-bg\"><\/div>\n<p>            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/cQfERcYFmyRfkfCG.png\" alt=\"\u5e74\u8f2a\u5716\u6848\u4ee3\u8868\u8c50\u5bcc\u7d93\u9a57\" \/>\n          <\/div>\n<div class=\"eli-badge\">\n            <span class=\"eli-letter\">E<\/span><\/p>\n<div class=\"eli-title-wrap\">\n              <span class=\"eli-title-en\">Experience<\/span><br \/>\n              <span class=\"eli-title-zh\">\u5e74\u8f2a<\/span>\n            <\/div>\n<\/p><\/div>\n<p class=\"eli-desc\">\u8b58\u5225\u7d93\u9a57\u578b\u5973\u6027\u904e\u5f80\u7684\u5c08\u696d\u50f9\u503c\u8207\u7a69\u5b9a\u6027\uff0c\u8b93\u5224\u65b7\u529b\u8207\u6210\u719f\u5ea6\u6210\u70ba\u4f01\u696d\u8cc7\u7522\u3002<\/p>\n<\/p><\/div>\n<p>        <!-- L --><\/p>\n<div class=\"eli-card reveal from-bottom reveal-delay-1\">\n<div class=\"eli-icon-wrap\">\n<div class=\"eli-icon-bg\"><\/div>\n<p>            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/sRpzAkBwluzZmtbs.png\" alt=\"\u6d41\u52d5\u66f2\u7dda\u4ee3\u8868\u5fe0\u8aa0\u8207\u7a69\u5b9a\" \/>\n          <\/div>\n<div class=\"eli-badge\">\n            <span class=\"eli-letter\">L<\/span><\/p>\n<div class=\"eli-title-wrap\">\n              <span class=\"eli-title-en\">Loyalty<\/span><br \/>\n              <span class=\"eli-title-zh\">\u6d41\u52d5\u66f2\u7dda<\/span>\n            <\/div>\n<\/p><\/div>\n<p class=\"eli-desc\">\u6210\u719f\u4eba\u624d\u5e36\u4f86\u4f4e\u6d41\u5931\u7387\uff0c\u5efa\u7acb\u4f01\u696d\u8207\u4eba\u624d\u9593\u7a69\u5b9a\u7684\u5408\u4f5c\u6a21\u5f0f\u3002<\/p>\n<\/p><\/div>\n<p>        <!-- I --><\/p>\n<div class=\"eli-card reveal from-bottom reveal-delay-2\">\n<div class=\"eli-icon-wrap\">\n<div class=\"eli-icon-bg\"><\/div>\n<p>            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/cvXpadGwhcYlVTQt.png\" alt=\"\u6578\u64da\u9ede\u8207\u6709\u6a5f\u7dda\u689d\u4ee3\u8868\u79d1\u6280\u8ce6\u80fd\u7684\u667a\u6167\" \/>\n          <\/div>\n<div class=\"eli-badge\">\n            <span class=\"eli-letter\">I<\/span><\/p>\n<div class=\"eli-title-wrap\">\n              <span class=\"eli-title-en\">Intelligence<\/span><br \/>\n              <span class=\"eli-title-zh\">\u6578\u64da\u9ede<\/span>\n            <\/div>\n<\/p><\/div>\n<p class=\"eli-desc\">\u914d\u5099\u79d1\u6280\u8207\u73fe\u4ee3\u5de5\u4f5c\u65b9\u6cd5\uff0c\u5c07\u7d93\u9a57\u8f49\u5316\u70ba\u667a\u6167\u8f38\u51fa\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SERVICES\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 --><\/p>\n<section id=\"services\">\n<div class=\"container\">\n<div class=\"services-header reveal\">\n        <span class=\"eyebrow\">Services<\/span><\/p>\n<h2 class=\"section-title\">\u4e09\u5927\u6838\u5fc3\u670d\u52d9\uff0c\u6eff\u8db3\u4e0d\u540c\u4f01\u696d\u9700\u6c42<\/h2>\n<p class=\"section-sub\">NTL \u5c07\u670d\u52d9\u8a2d\u8a08\u70ba\u300cPlug-in\u300d\u6a21\u5f0f\u2014\u2014\u50cf\u5916\u639b\u7a0b\u5f0f\u4e00\u6a23\uff0c\u6309\u9700\u63a5\u5165\u3001\u5f48\u6027\u8abf\u6574\u3001\u5373\u63d2\u5373\u7528\u3002<\/p>\n<\/p><\/div>\n<div class=\"services-grid\">\n        <!-- BPO --><\/p>\n<div class=\"service-card reveal from-bottom\">\n<div class=\"service-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/TOmOTbMlPXYuOhqx.png\" alt=\"HR\u696d\u52d9\u6d41\u7a0b\u652f\u63f4\u63d2\u5716\" \/>\n          <\/div>\n<div class=\"service-card-body\">\n<div class=\"service-card-head\">\n              <span class=\"service-card-icon\"><svg data-lucide=\"building-2\" width=\"20\" height=\"20\"><\/svg><\/span><\/p>\n<h3 class=\"service-card-title\">BPO \u696d\u52d9\u6d41\u7a0b\u5916\u5224<\/h3>\n<\/p><\/div>\n<p class=\"service-card-desc\">\u5c07\u7e41\u7463\u7684 HR\u3001Payroll\u3001Admin \u4e8b\u52d9\u4ea4\u7d66\u5c08\u696d\u5718\u968a\uff0c\u964d\u4f4e 30-50% \u71df\u904b\u6210\u672c\uff0c\u78ba\u4fdd 100% \u5408\u898f\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Shared Consultant --><\/p>\n<div class=\"service-card reveal from-bottom reveal-delay-1\">\n<div class=\"service-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/aRutyXdYqKoSsUoA.png\" alt=\"\u5171\u4eab\u9867\u554f\u7b56\u7565\u898f\u5283\u63d2\u5716\" \/>\n          <\/div>\n<div class=\"service-card-body\">\n<div class=\"service-card-head\">\n              <span class=\"service-card-icon\"><svg data-lucide=\"users\" width=\"20\" height=\"20\"><\/svg><\/span><\/p>\n<h3 class=\"service-card-title\">Shared Consultant \u5171\u4eab\u9867\u554f<\/h3>\n<\/p><\/div>\n<p class=\"service-card-desc\">\u4ee5\u5168\u8077\u9ad8\u7d1a HR 20-30% \u7684\u6210\u672c\uff0c\u7372\u53d6 C-suite \u7d1a\u7684\u7b56\u7565\u652f\u6301\uff0c\u512a\u5316\u71df\u904b\u6d41\u7a0b\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Flexible Staffing --><\/p>\n<div class=\"service-card reveal from-bottom reveal-delay-2\">\n<div class=\"service-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/bhWEKWnaOxeXttoV.png\" alt=\"\u5f48\u6027\u4eba\u529b\u914d\u7f6e\u7db2\u7d61\u63d2\u5716\" \/>\n          <\/div>\n<div class=\"service-card-body\">\n<div class=\"service-card-head\">\n              <span class=\"service-card-icon\"><svg data-lucide=\"briefcase\" width=\"20\" height=\"20\"><\/svg><\/span><\/p>\n<h3 class=\"service-card-title\">Flexible Staffing \u5f48\u6027\u4eba\u624b<\/h3>\n<\/p><\/div>\n<p class=\"service-card-desc\">\u5feb\u901f\u586b\u88dc\u4eba\u624d\u7f3a\u53e3\uff0c\u7121\u9577\u671f\u50f1\u50ad\u627f\u8afe\uff0c\u5e73\u5747\u914d\u5c0d\u6642\u9593 48 \u5c0f\u6642\uff0c\u4eab\u53d7\u7d93\u9a57\u578b\u7a69\u5b9a\u5ea6\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Industry Solutions --><\/p>\n<div class=\"solutions-header reveal\">\n<h3 class=\"solutions-title\">\u6211\u5011\u6309\u4f01\u696d\u9762\u5c0d\u7684\u71df\u904b\u5834\u666f\u63d0\u4f9b\u89e3\u6c7a\u65b9\u6848<\/h3>\n<\/p><\/div>\n<div class=\"solutions-grid\">\n<div class=\"solution-card reveal from-bottom\">\n<div class=\"solution-icon\"><svg data-lucide=\"utensils-crossed\" width=\"24\" height=\"24\"><\/svg><\/div>\n<h4 class=\"solution-title\">F&amp;B \/ \u96f6\u552e<\/h4>\n<p class=\"solution-desc\">\u89e3\u6c7a\u6392\u73ed\u8907\u96dc\u3001\u54e1\u5de5\u6d41\u52d5\u5feb\u8207\u85aa\u916c\u8a08\u7b97\u51fa\u932f\u554f\u984c\u3002<\/p>\n<\/p><\/div>\n<div class=\"solution-card reveal from-bottom reveal-delay-1\">\n<div class=\"solution-icon\"><svg data-lucide=\"rocket\" width=\"24\" height=\"24\"><\/svg><\/div>\n<h4 class=\"solution-title\">Startup \u6210\u9577\u671f\u652f\u63f4<\/h4>\n<p class=\"solution-desc\">\u5728\u5feb\u901f\u64f4\u5f35\u671f\u5efa\u7acb Staff Handbook \u8207\u57fa\u672c\u4eba\u4e8b\u5236\u5ea6\u3002<\/p>\n<\/p><\/div>\n<div class=\"solution-card reveal from-bottom reveal-delay-2\">\n<div class=\"solution-icon\"><svg data-lucide=\"globe\" width=\"24\" height=\"24\"><\/svg><\/div>\n<h4 class=\"solution-title\">\u5916\u8cc7 \/ \u570b\u4f01\u843d\u6236<\/h4>\n<p class=\"solution-desc\">\u63d0\u4f9b\u9999\u6e2f\u672c\u5730 MPF\u3001\u50f1\u50ad\u689d\u4f8b\u7b49\u5408\u898f\u8207\u71df\u904b\u652f\u63f4\u3002<\/p>\n<\/p><\/div>\n<div class=\"solution-card reveal from-bottom reveal-delay-3\">\n<div class=\"solution-icon\"><svg data-lucide=\"shield-check\" width=\"24\" height=\"24\"><\/svg><\/div>\n<h4 class=\"solution-title\">Project-based \u5c08\u6848\u652f\u63f4<\/h4>\n<p class=\"solution-desc\">\u8655\u7406 Visa\u3001\u5de5\u50b7\u500b\u6848\u7b49\u4f4e\u983b but \u9ad8\u98a8\u96aa\u9805\u76ee\u3002<\/p>\n<\/p><\/div>\n<div class=\"solution-card reveal from-bottom reveal-delay-4\">\n<div class=\"solution-icon\"><svg data-lucide=\"heart-handshake\" width=\"24\" height=\"24\"><\/svg><\/div>\n<h4 class=\"solution-title\">SME \u9577\u671f\u652f\u63f4<\/h4>\n<p class=\"solution-desc\">HR-as-a-Service\uff0c\u8b93\u8001\u95c6\u5c08\u6ce8\u696d\u52d9\u589e\u9577\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"services-cta reveal\">\n        <a href=\"#\" class=\"btn-primary\"><br \/>\n          \u63a2\u7d22\u5834\u666f\u5316\u65b9\u6848<br \/>\n          <svg class=\"arrow-icon\" data-lucide=\"arrow-right\" width=\"16\" height=\"16\"><\/svg><br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PILLARS\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 --><\/p>\n<section id=\"pillars\">\n<div class=\"container\">\n<div class=\"pillars-header reveal\">\n        <span class=\"eyebrow\">Our Pillars<\/span><\/p>\n<h2 class=\"section-title\">\u4e09\u5927\u6838\u5fc3\u652f\u67f1<\/h2>\n<\/p><\/div>\n<div class=\"pillars-grid\">\n<div class=\"pillar-card reveal from-bottom\">\n<div class=\"pillar-icon-wrap\">\n            <svg data-lucide=\"users-2\" width=\"22\" height=\"22\"><\/svg>\n          <\/div>\n<h3 class=\"pillar-title\">Generation \u8de8\u4e16\u4ee3\u5354\u4f5c<\/h3>\n<p class=\"pillar-desc\">\u6a4b\u63a5\u4e0d\u540c\u4e16\u4ee3\u7684\u5de5\u4f5c\u65b9\u5f0f\u8207\u50f9\u503c\u89c0\uff0c\u5275\u9020\u591a\u5143\u8996\u89d2\u7684\u5354\u4f5c\u74b0\u5883\u3002<\/p>\n<\/p><\/div>\n<div class=\"pillar-card reveal from-bottom reveal-delay-1\">\n<div class=\"pillar-icon-wrap\">\n            <svg data-lucide=\"cpu\" width=\"22\" height=\"22\"><\/svg>\n          <\/div>\n<h3 class=\"pillar-title\">Technology \u79d1\u6280\u8ce6\u80fd<\/h3>\n<p class=\"pillar-desc\">\u4ee5 AI \u5de5\u5177\u8207\u6578\u78bc\u5316\u5de5\u4f5c\u6d41\u7a0b\uff0c\u63d0\u5347\u4eba\u624d\u6548\u80fd\u8207\u4f01\u696d\u7af6\u722d\u529b\u3002<\/p>\n<\/p><\/div>\n<div class=\"pillar-card reveal from-bottom reveal-delay-2\">\n<div class=\"pillar-icon-wrap\">\n            <svg data-lucide=\"leaf\" width=\"22\" height=\"22\"><\/svg>\n          <\/div>\n<h3 class=\"pillar-title\">Sustainability \u4eba\u624d\u6c38\u7e8c<\/h3>\n<p class=\"pillar-desc\">\u5efa\u7acb\u53ef\u6301\u7e8c\u7684\u4eba\u624d\u751f\u614b\uff0c\u8b93\u4f01\u696d\u8207\u4eba\u624d\u5171\u540c\u6210\u9577\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       REFRESHER LAB\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 --><\/p>\n<section id=\"refresher\">\n<div class=\"refresher-bg\">\n      <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/BoqBZVGOjzZzddQV.png\" alt=\"\" \/>\n    <\/div>\n<div class=\"container\">\n<div class=\"refresher-header reveal\">\n        <span class=\"eyebrow\">Refresher Lab<\/span><\/p>\n<h2 class=\"section-title\">\u6211\u5011\u5982\u4f55\u78ba\u4fdd\u4eba\u624d\u8cea\u91cf\uff1f<\/h2>\n<p class=\"section-sub\">\u9019\u4e0d\u662f\u50b3\u7d71\u57f9\u8a13\uff0c\u800c\u662f\u4e00\u500b\u6574\u5408\u300c\u80fd\u529b\u66f4\u65b0\u3001\u8de8\u4e16\u4ee3\u5171\u5b78\u3001\u5be6\u969b\u5de5\u4f5c\u6a5f\u6703\u300d\u7684\u751f\u614b\u7cfb\u7d71\u3002<\/p>\n<\/p><\/div>\n<div class=\"refresher-grid\">\n        <!-- Left image --><\/p>\n<div class=\"refresher-img-outer reveal from-left\">\n<div class=\"refresher-img-deco\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/BoqBZVGOjzZzddQV.png\" alt=\"\" \/>\n          <\/div>\n<div class=\"refresher-img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/eIdaUEVmgFIKDHZr.png\" alt=\"\u8de8\u4e16\u4ee3\u5973\u6027\u5c08\u696d\u5354\u4f5c\u5834\u666f\" \/>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Right content --><\/p>\n<div class=\"reveal from-right\">\n<h3 class=\"refresher-subtitle\">NTL Experience Refresher Lab<\/h3>\n<div class=\"feature-list\">\n<div class=\"feature-item\">\n<div class=\"feature-icon-wrap\">\n                <svg data-lucide=\"sparkles\" width=\"20\" height=\"20\"><\/svg>\n              <\/div>\n<div>\n<div class=\"feature-label-row\">\n                  <span class=\"feature-label-en\">Reactivation<\/span><br \/>\n                  <span class=\"feature-sep\">|<\/span><br \/>\n                  <span class=\"feature-label-zh\">\u555f\u52d5\u7d93\u9a57<\/span>\n                <\/div>\n<p class=\"feature-desc\">\u8b58\u5225\u7d93\u9a57\u578b\u5973\u6027\u904e\u5f80\u7684\u5c08\u696d\u50f9\u503c\uff0c\u91cd\u65b0\u5b9a\u4f4d\u8077\u696d\u65b9\u5411\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon-wrap\">\n                <svg data-lucide=\"wrench\" width=\"20\" height=\"20\"><\/svg>\n              <\/div>\n<div>\n<div class=\"feature-label-row\">\n                  <span class=\"feature-label-en\">Enablement<\/span><br \/>\n                  <span class=\"feature-sep\">|<\/span><br \/>\n                  <span class=\"feature-label-zh\">\u88dd\u5099\u80fd\u529b<\/span>\n                <\/div>\n<p class=\"feature-desc\">\u900f\u904e AI \u5de5\u5177\u8207\u73fe\u4ee3\u6578\u78bc\u5de5\u5177\uff0c\u66f4\u65b0\u5de5\u4f5c\u6280\u80fd\u8207\u65b9\u6cd5\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon-wrap\">\n                <svg data-lucide=\"check-circle-2\" width=\"20\" height=\"20\"><\/svg>\n              <\/div>\n<div>\n<div class=\"feature-label-row\">\n                  <span class=\"feature-label-en\">Integration<\/span><br \/>\n                  <span class=\"feature-sep\">|<\/span><br \/>\n                  <span class=\"feature-label-zh\">\u5d4c\u5165\u4f01\u696d<\/span>\n                <\/div>\n<p class=\"feature-desc\">\u5c07\u4eba\u624d\u653e\u9032\u771f\u5be6\u71df\u904b\u5834\u666f\uff0c\u89e3\u6c7a\u4f01\u696d\u5be6\u969b\u554f\u984c\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"outcomes-strip\">\n<div class=\"outcome-item\">\n              <span class=\"outcome-label\">\u6311\u6230<\/span><br \/>\n              <span class=\"outcome-text\">\u7d93\u9a57\u578b\u4eba\u624d\u96e2\u958b\u8077\u5834\u5f8c\u96e3\u4ee5\u91cd\u8fd4<\/span>\n            <\/div>\n<div class=\"outcome-item\">\n              <span class=\"outcome-label\">\u65b9\u6848<\/span><br \/>\n              <span class=\"outcome-text\">\u7cfb\u7d71\u6027\u80fd\u529b\u66f4\u65b0\u8207\u5be6\u6230\u914d\u5c0d<\/span>\n            <\/div>\n<div class=\"outcome-item\">\n              <span class=\"outcome-label\">\u6210\u6548<\/span><br \/>\n              <span class=\"outcome-text\">\u7a69\u5b9a\u4eba\u624d\u8f38\u51fa\uff0c\u964d\u4f4e\u4f01\u696d\u6d41\u5931\u7387<\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TRUST\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 --><\/p>\n<section id=\"trust\">\n<div class=\"container\">\n<div class=\"trust-header reveal\">\n<div class=\"trust-badge\">\ud83c\udfc5 \u793e\u6703\u4f01\u696d Social Enterprise<\/div>\n<h2 class=\"trust-title\">\u503c\u5f97\u4fe1\u8cf4\u7684\u5925\u4f34<\/h2>\n<p class=\"trust-sub\">\u6211\u5011\u8207\u4f01\u696d\u3001\u6a5f\u69cb\u53ca\u79d1\u6280\u5925\u4f34\u7dca\u5bc6\u5408\u4f5c\uff0c\u5171\u540c\u69cb\u5efa\u53ef\u6301\u7e8c\u7684\u4eba\u624d\u751f\u614b\u3002<\/p>\n<\/p><\/div>\n<div class=\"trust-grid\">\n<div class=\"trust-card reveal from-bottom\">\n<div class=\"trust-card-icon\">\n            <svg data-lucide=\"award\" width=\"22\" height=\"22\"><\/svg>\n          <\/div>\n<h3 class=\"trust-card-title\">\u4f01\u696d\u5925\u4f34<\/h3>\n<p class=\"trust-card-desc\">\u8207\u591a\u5bb6\u672c\u5730\u53ca\u8de8\u570b\u4f01\u696d\u5efa\u7acb\u9577\u671f\u5408\u4f5c\u95dc\u4fc2\uff0c\u63d0\u4f9b\u53ef\u9760\u7684\u4eba\u624d\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n<\/p><\/div>\n<div class=\"trust-card reveal from-bottom reveal-delay-1\">\n<div class=\"trust-card-icon\">\n            <svg data-lucide=\"graduation-cap\" width=\"22\" height=\"22\"><\/svg>\n          <\/div>\n<h3 class=\"trust-card-title\">\u57f9\u8a13\u5de5\u4f5c\u574a<\/h3>\n<p class=\"trust-card-desc\">\u5b9a\u671f\u8209\u8fa6\u6280\u80fd\u63d0\u5347\u5de5\u4f5c\u574a\uff0c\u5354\u52a9\u5973\u6027\u4eba\u624d\u638c\u63e1\u73fe\u4ee3\u8077\u5834\u6240\u9700\u6280\u80fd\u3002<\/p>\n<\/p><\/div>\n<div class=\"trust-card reveal from-bottom reveal-delay-2\">\n<div class=\"trust-card-icon\">\n            <svg data-lucide=\"server\" width=\"22\" height=\"22\"><\/svg>\n          <\/div>\n<h3 class=\"trust-card-title\">\u79d1\u6280\u652f\u6301 by ASK IT<\/h3>\n<p class=\"trust-card-desc\">\u4ee5\u5148\u9032\u79d1\u6280\u5e73\u53f0\u652f\u6490\u670d\u52d9\u904b\u4f5c\uff0c\u78ba\u4fdd\u9ad8\u6548\u914d\u5c0d\u8207\u6578\u64da\u5b89\u5168\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CTA\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 --><\/p>\n<section id=\"cta\">\n<div class=\"cta-deco-1\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/BoqBZVGOjzZzddQV.png\" alt=\"\" \/><\/div>\n<div class=\"cta-deco-2\"><img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/BoqBZVGOjzZzddQV.png\" alt=\"\" \/><\/div>\n<div class=\"container\">\n<div class=\"cta-header reveal\">\n<h2 class=\"cta-title\">\u6e96\u5099\u597d\u958b\u59cb\u4e86\u55ce\uff1f<\/h2>\n<p class=\"cta-sub\">\u7121\u8ad6\u60a8\u662f\u4f01\u696d\u4e3b\u9084\u662f\u6709\u610f\u91cd\u8fd4\u8077\u5834\u7684\u5973\u6027\uff0cNTL \u90fd\u6709\u9069\u5408\u60a8\u7684\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n<\/p><\/div>\n<div class=\"cta-cards\">\n<div class=\"cta-card reveal from-bottom\">\n<div class=\"cta-card-icon\"><svg data-lucide=\"briefcase\" width=\"28\" height=\"28\"><\/svg><\/div>\n<h3 class=\"cta-card-title\">\u670d\u52d9\u9805\u76ee<\/h3>\n<p class=\"cta-card-desc\">\u63a2\u7d22\u6211\u5011\u7684 BPO\u3001\u5171\u4eab\u9867\u554f\u53ca\u5f48\u6027\u4eba\u624b\u670d\u52d9\u3002<\/p>\n<p>          <span class=\"cta-card-link\"><br \/>\n            \u4e86\u89e3\u66f4\u591a <svg data-lucide=\"arrow-right\" width=\"14\" height=\"14\"><\/svg><br \/>\n          <\/span>\n        <\/div>\n<div class=\"cta-card reveal from-bottom reveal-delay-1\">\n<div class=\"cta-card-icon\"><svg data-lucide=\"sparkles\" width=\"28\" height=\"28\"><\/svg><\/div>\n<h3 class=\"cta-card-title\">\u7d93\u9a57\u518d\u9020\u793e<\/h3>\n<p class=\"cta-card-desc\">\u52a0\u5165 NTL Refresher Lab\uff0c\u91cd\u555f\u60a8\u7684\u8077\u696d\u65c5\u7a0b\u3002<\/p>\n<p>          <span class=\"cta-card-link\"><br \/>\n            \u4e86\u89e3\u66f4\u591a <svg data-lucide=\"arrow-right\" width=\"14\" height=\"14\"><\/svg><br \/>\n          <\/span>\n        <\/div>\n<div class=\"cta-card reveal from-bottom reveal-delay-2\">\n<div class=\"cta-card-icon\"><svg data-lucide=\"mail\" width=\"28\" height=\"28\"><\/svg><\/div>\n<h3 class=\"cta-card-title\">\u806f\u7e6b\u6211\u5011<\/h3>\n<p class=\"cta-card-desc\">\u8207\u6211\u5011\u7684\u9867\u554f\u9810\u7d04\u514d\u8cbb\u8aee\u8a62\uff0c\u4e86\u89e3\u6700\u9069\u5408\u7684\u65b9\u6848\u3002<\/p>\n<p>          <span class=\"cta-card-link\"><br \/>\n            \u4e86\u89e3\u66f4\u591a <svg data-lucide=\"arrow-right\" width=\"14\" height=\"14\"><\/svg><br \/>\n          <\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FOOTER\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 --><\/p>\n<footer>\n<div class=\"container\">\n<div class=\"footer-grid\">\n        <!-- Brand --><\/p>\n<div>\n<div class=\"footer-brand-name\">NTL<\/div>\n<p class=\"footer-brand-desc\">\u65b0\u5973\u529b\u5be6\u9a57\u5ba4\u2014\u2014\u4ee5\u5973\u6027\u7d93\u9a57\u518d\u555f\u52d5\u70ba\u6838\u5fc3\uff0c\u70ba\u4f01\u696d\u63d0\u4f9b\u53ef\u6301\u7e8c\u7684\u4eba\u624d\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n<\/p><\/div>\n<p>        <!-- Quick links --><\/p>\n<div>\n<p class=\"footer-col-label\">\u5feb\u901f\u9023\u7d50<\/p>\n<ul class=\"footer-links\">\n<li><a href=\"#services\">\u670d\u52d9\u9805\u76ee<\/a><\/li>\n<li><a href=\"#refresher\">\u7d93\u9a57\u518d\u9020\u793e<\/a><\/li>\n<li><a href=\"#trust\">\u6210\u529f\u6848\u4f8b<\/a><\/li>\n<li><a href=\"#\">\u95dc\u65bc\u6211\u5011<\/a><\/li>\n<li><a href=\"#cta\">\u806f\u7e6b\u6211\u5011<\/a><\/li>\n<\/ul><\/div>\n<p>        <!-- Core services --><\/p>\n<div>\n<p class=\"footer-col-label\">\u6838\u5fc3\u670d\u52d9<\/p>\n<ul class=\"footer-links\">\n<li><a href=\"#\">BPO \u696d\u52d9\u6d41\u7a0b\u5916\u5224<\/a><\/li>\n<li><a href=\"#\">\u5171\u4eab\u9867\u554f<\/a><\/li>\n<li><a href=\"#\">\u5f48\u6027\u62db\u8058<\/a><\/li>\n<li><a href=\"#\">\u89e3\u6c7a\u65b9\u6848<\/a><\/li>\n<\/ul><\/div>\n<p>        <!-- Contact --><\/p>\n<div>\n<p class=\"footer-col-label\">\u806f\u7d61\u8cc7\u8a0a<\/p>\n<div class=\"footer-contact-item\">\n            <svg data-lucide=\"mail\" width=\"14\" height=\"14\"><\/svg><br \/>\n            <span>info@ntl.com.hk<\/span>\n          <\/div>\n<div class=\"footer-contact-item\">\n            <svg data-lucide=\"phone\" width=\"14\" height=\"14\"><\/svg><br \/>\n            <span>+852 2345 6789<\/span>\n          <\/div>\n<div class=\"footer-contact-item\">\n            <svg data-lucide=\"map-pin\" width=\"14\" height=\"14\"><\/svg><br \/>\n            <span>\u4e5d\u9f8d\uff0c\u9999\u6e2f<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p class=\"footer-copy\">\u00a9 2025 NTL \u65b0\u5973\u529b\u5be6\u9a57\u5ba4. All rights reserved.<\/p>\n<div class=\"footer-legal\">\n          <a href=\"#\">Privacy Policy<\/a><br \/>\n          <a href=\"#\">Terms of Service<\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p>  <!-- Back to top --><br \/>\n  <button id=\"back-top\" aria-label=\"Back to top\"><br \/>\n    <svg data-lucide=\"chevron-up\" width=\"18\" height=\"18\"><\/svg><br \/>\n  <\/button><\/p>\n<p>  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       JAVASCRIPT\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 --><br \/>\n  <script><br \/>\n    \/\/ \u2500\u2500 Lucide icons \u2500\u2500<br \/>\n    lucide.createIcons();<\/p>\n<p>    \/\/ \u2500\u2500 Navbar scroll effect \u2500\u2500<br \/>\n    const navbar = document.getElementById('navbar');<br \/>\n    window.addEventListener('scroll', () => {<br \/>\n      navbar.classList.toggle('scrolled', window.scrollY > 20);<br \/>\n    });<\/p>\n<p>    \/\/ \u2500\u2500 Hamburger \/ mobile menu \u2500\u2500<br \/>\n    const hamburger = document.getElementById('hamburger');<br \/>\n    const mobileMenu = document.getElementById('mobile-menu');<br \/>\n    hamburger.addEventListener('click', () => {<br \/>\n      hamburger.classList.toggle('open');<br \/>\n      mobileMenu.classList.toggle('open');<br \/>\n    });<br \/>\n    \/\/ Close mobile menu when a link is clicked<br \/>\n    mobileMenu.querySelectorAll('a').forEach(link => {<br \/>\n      link.addEventListener('click', () => {<br \/>\n        hamburger.classList.remove('open');<br \/>\n        mobileMenu.classList.remove('open');<br \/>\n      });<br \/>\n    });<\/p>\n<p>    \/\/ \u2500\u2500 Intersection Observer for reveal animations \u2500\u2500<br \/>\n    const revealEls = document.querySelectorAll('.reveal');<br \/>\n    const observer = new IntersectionObserver((entries) => {<br \/>\n      entries.forEach(entry => {<br \/>\n        if (entry.isIntersecting) {<br \/>\n          entry.target.classList.add('visible');<br \/>\n          observer.unobserve(entry.target);<br \/>\n        }<br \/>\n      });<br \/>\n    }, { threshold: 0.12, rootMargin: '-40px 0px' });<br \/>\n    revealEls.forEach(el => observer.observe(el));<\/p>\n<p>    \/\/ \u2500\u2500 Back to top \u2500\u2500<br \/>\n    const backTop = document.getElementById('back-top');<br \/>\n    window.addEventListener('scroll', () => {<br \/>\n      backTop.classList.toggle('visible', window.scrollY > 400);<br \/>\n    });<br \/>\n    backTop.addEventListener('click', () => {<br \/>\n      window.scrollTo({ top: 0, behavior: 'smooth' });<br \/>\n    });<\/p>\n<p>    \/\/ \u2500\u2500 Smooth scroll for anchor links \u2500\u2500<br \/>\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {<br \/>\n      anchor.addEventListener('click', function(e) {<br \/>\n        const target = document.querySelector(this.getAttribute('href'));<br \/>\n        if (target) {<br \/>\n          e.preventDefault();<br \/>\n          const offset = 80;<br \/>\n          const top = target.getBoundingClientRect().top + window.scrollY - offset;<br \/>\n          window.scrollTo({ top, behavior: 'smooth' });<br \/>\n        }<br \/>\n      });<br \/>\n    });<br \/>\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NTL \u65b0\u5973\u529b\u5be6\u9a57\u5ba4 NTL \u65b0\u5973\u529b\u5be6\u9a57\u5ba4 \u9996\u9801 \u670d\u52d9\u9805\u76ee BPO \u696d\u52d9\u6d41\u7a0b\u5916\u5224 \u5171\u4eab\u9867\u554f (HR \/ Operations) \u5f48\u6027\u62db\u8058 \/ Secondment \u89e3\u6c7a\u65b9\u6848 Solutions NTL \u7d93\u9a57\u518d\u9020\u793e \u6210\u529f\u6848\u4f8b \u95dc\u65bc\u6211\u5011 \u6211\u5011\u7684\u4f7f\u547d \/ \u5718\u968a \u5a92\u9ad4\u5831\u5c0e \/ ESG \/ Credibility \u6700\u65b0\u52d5\u614b Blog \/ Insights \u806f\u7e6b\u6211\u5011 \u806f\u7d61\u6211\u5011 \u9996\u9801 \u670d\u52d9\u9805\u76ee BPO \u696d\u52d9\u6d41\u7a0b\u5916\u5224 \u5171\u4eab\u9867\u554f (HR \/ Operations) \u5f48\u6027\u62db\u8058 \/ Secondment \u89e3\u6c7a\u65b9\u6848 Solutions NTL \u7d93\u9a57\u518d\u9020\u793e \u6210\u529f\u6848\u4f8b \u95dc\u65bc\u6211\u5011 \u6211\u5011\u7684\u4f7f\u547d \/ \u5718\u968a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/95","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=95"}],"version-history":[{"count":3,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}