{"id":68,"date":"2026-06-08T10:38:00","date_gmt":"2026-06-08T10:38:00","guid":{"rendered":"https:\/\/staging.ntl-recruit.hk\/?page_id=68"},"modified":"2026-06-29T10:26:48","modified_gmt":"2026-06-29T10:26:48","slug":"about-us","status":"publish","type":"page","link":"https:\/\/staging.ntl-recruit.hk\/?page_id=68","title":{"rendered":"6 About Us &#8211; zh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b7603a e-con-full e-flex e-con e-parent\" data-id=\"6b7603a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbd072 elementor-widget elementor-widget-html\" data-id=\"6fbd072\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-Hant\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u95dc\u65bc NTL \u2014 \u8b93\u88ab\u4f4e\u4f30\u7684\u7d93\u9a57\uff0c\u6210\u70ba\u4f01\u696d\u6210\u9577\u7684\u529b\u91cf<\/title>\r\n\r\n    <!-- Google Fonts: Playfair Display + Plus Jakarta Sans + Noto Serif TC -->\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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Noto+Serif+TC:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brand: {\r\n                            deep:    '#8D7A97',\r\n                            medium:  '#9F8AA8',\r\n                            light:   '#B8A7C0',\r\n                            bg:      '#F7F4F1',\r\n                            charcoal:'#332E38',\r\n                            accent:  '#E5DED4'\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        serif: ['Playfair Display', 'Noto Serif TC', 'serif'],\r\n                        sans:  ['Plus Jakarta Sans', 'sans-serif']\r\n                    },\r\n                    letterSpacing: {\r\n                        vogue:      '0.15em',\r\n                        superwide:  '0.25em'\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <!-- FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* \u2500\u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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        html { background-color: #F7F4F1; }\r\n        body { background-color: #F7F4F1; color: #332E38; position: relative; }\r\n\r\n        \/* Paper-grain texture overlay *\/\r\n        body::before {\r\n            content: \"\";\r\n            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n            opacity: 0.028; pointer-events: none; z-index: 9999;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 Shared utilities \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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        .fine-border  { border-color: rgba(141,122,151,0.15); }\r\n        .rule-line    { background: rgba(141,122,151,0.25); }\r\n\r\n        \/* Organic blob shapes *\/\r\n        .blob-1 { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\r\n        .blob-2 { border-radius: 30% 70% 70% 30% \/ 50% 60% 40% 50%; }\r\n        .blob-3 { border-radius: 40% 60% 35% 65% \/ 40% 45% 55% 60%; }\r\n        .blob-4 { border-radius: 55% 45% 65% 35% \/ 45% 55% 35% 65%; }\r\n\r\n        \/* Smooth editorial transitions *\/\r\n        .et { transition: all 0.55s cubic-bezier(0.25, 1, 0.5, 1); }\r\n\r\n        \/* Section label *\/\r\n        .section-label {\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.25em;\r\n            text-transform: uppercase;\r\n            color: #8D7A97;\r\n        }\r\n\r\n        \/* Thin horizontal rule *\/\r\n        .h-rule { height: 1px; background: rgba(141,122,151,0.25); }\r\n\r\n        \/* Timeline dot *\/\r\n        .tl-dot {\r\n            width: 10px; height: 10px;\r\n            border-radius: 50%;\r\n            background: #8D7A97;\r\n            flex-shrink: 0;\r\n            margin-top: 6px;\r\n        }\r\n\r\n        \/* Image placeholder frame *\/\r\n        .img-frame {\r\n            background: #EAE3DB;\r\n            display: flex; align-items: center; justify-content: center;\r\n            overflow: hidden; position: relative;\r\n        }\r\n        .img-frame-label {\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase;\r\n            color: rgba(141,122,151,0.6); text-align: center; padding: 1rem;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Bento card hover lift *\/\r\n        .bento-card { transition: transform 0.4s cubic-bezier(0.25,1,0.5,1), box-shadow 0.4s ease; }\r\n        .bento-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(141,122,151,0.12); }\r\n\r\n        \/* Stat number *\/\r\n        .stat-num {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2.5rem; font-weight: 400; line-height: 1;\r\n            color: #8D7A97;\r\n        }\r\n\r\n        \/* Dark section overrides *\/\r\n        .dark-section { background-color: #F7F4F1; }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body class=\"font-sans antialiased overflow-x-hidden selection:bg-brand-light\/30 selection:text-brand-charcoal\">\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\r\n     AMBIENT BOTANICAL OVERLAYS (page-wide, behind everything)\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 -->\r\n\r\n<!-- Top-right botanical branch -->\r\n<div class=\"fixed right-0 top-0 w-[480px] h-[680px] opacity-[0.07] pointer-events-none -z-10 select-none\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 100 100\" class=\"w-full h-full fill-none\" stroke=\"#8D7A97\" stroke-width=\"0.22\">\r\n        <path d=\"M 92,8 C 86,22 66,33 61,49 C 56,65 76,74 71,91\"\/>\r\n        <path d=\"M 76,28 C 66,30 59,24 51,28 C 43,32 46,44 36,47\"\/>\r\n        <path d=\"M 66,57 C 56,55 49,61 41,59 C 33,57 36,47 26,44\"\/>\r\n        <path d=\"M 61,49 C 59,44 53,41 49,44 C 45,47 46,54 41,57\"\/>\r\n        <path d=\"M 71,34 C 73,39 79,41 83,39\"\/>\r\n    <\/svg>\r\n<\/div>\r\n\r\n<!-- Mid-left botanical branch -->\r\n<div class=\"absolute left-[-80px] top-[1600px] w-[520px] h-[720px] opacity-[0.055] pointer-events-none -z-10 select-none\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 100 100\" class=\"w-full h-full fill-none\" stroke=\"#8D7A97\" stroke-width=\"0.18\">\r\n        <path d=\"M 12,82 C 22,72 32,52 37,32 C 42,12 62,7 77,12\"\/>\r\n        <path d=\"M 27,62 C 37,57 42,67 52,62\"\/>\r\n        <path d=\"M 34,42 C 47,37 52,44 67,37\"\/>\r\n        <circle cx=\"37\" cy=\"32\" r=\"1.2\"\/>\r\n        <circle cx=\"52\" cy=\"62\" r=\"0.9\"\/>\r\n        <circle cx=\"67\" cy=\"37\" r=\"0.9\"\/>\r\n    <\/svg>\r\n<\/div>\r\n\r\n<!-- Bottom-right botanical accent -->\r\n<div class=\"absolute right-[-60px] bottom-[600px] w-[360px] h-[360px] opacity-[0.05] pointer-events-none -z-10 select-none\" aria-hidden=\"true\">\r\n    <svg viewBox=\"0 0 100 100\" class=\"w-full h-full fill-none\" stroke=\"#8D7A97\" stroke-width=\"0.2\">\r\n        <path d=\"M 10,90 Q 50,80 90,10 M 50,45 Q 60,65 70,80\"\/>\r\n        <path d=\"M 30,70 Q 45,55 55,35\"\/>\r\n    <\/svg>\r\n<\/div>\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\r\n     SECTION 1 \u2014 HERO + WHY WE EXIST\r\n     Layout: Asymmetrical 7\/5 editorial split\r\n     Images needed: 1 \u00d7 hero portrait (4:5), positioned right column\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 -->\r\n<section class=\"relative overflow-hidden bg-brand-bg px-6 md:px-16 lg:px-24 pt-24 pb-20\">\r\n\r\n    <!-- Organic blob decorations -->\r\n    <div class=\"absolute right-[6%] top-[8%]  w-[380px] h-[380px] bg-brand-light\/10  blob-1 blur-3xl -z-10\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"absolute left-[4%] bottom-[10%] w-[320px] h-[320px] bg-brand-accent\/25 blob-2 blur-3xl -z-10\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto\">\r\n\r\n        <!-- GEO \/ category tags -->\r\n        <div class=\"flex flex-wrap gap-x-3 gap-y-1 mb-10\">\r\n            <span class=\"section-label\">#\u9999\u6e2f\u793e\u6703\u4f01\u696d<\/span>\r\n            <span class=\"text-brand-light text-xs\">\u2022<\/span>\r\n            <span class=\"section-label\">#\u5973\u6027\u91cd\u8fd4\u8077\u5834<\/span>\r\n            <span class=\"text-brand-light text-xs\">\u2022<\/span>\r\n            <span class=\"section-label\">#CareerReturnshipHK<\/span>\r\n            <span class=\"text-brand-light text-xs\">\u2022<\/span>\r\n            <span class=\"section-label\">#\u9ad8\u5e74\u8cc7\u4eba\u624d\u518d\u555f\u52d5<\/span>\r\n        <\/div>\r\n\r\n        <!-- Main editorial grid -->\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\r\n\r\n            <!-- \u2500\u2500 Left: headline + body + quote \u2500\u2500 -->\r\n            <div class=\"lg:col-span-7 space-y-8\">\r\n\r\n                <span class=\"font-serif italic text-brand-medium text-lg md:text-xl tracking-wider block\">NTL \u2014 Never Too Late<\/span>\r\n\r\n                <h1 class=\"font-serif text-4xl md:text-5xl lg:text-[3.75rem] font-light text-brand-charcoal leading-[1.18] tracking-tight\">\r\n                    \u8b93\u88ab\u4f4e\u4f30\u7684\u7d93\u9a57\uff0c<br>\r\n                    <em class=\"font-serif italic text-brand-deep not-italic\" style=\"font-style:italic;\">\u6210\u70ba\u4f01\u696d\u6210\u9577\u7684<\/em>\u529b\u91cf\r\n                <\/h1>\r\n\r\n                <div class=\"h-rule w-20\"><\/div>\r\n\r\n                <div class=\"space-y-5 font-sans text-brand-charcoal\/80 text-base md:text-[1.05rem] leading-[1.85] font-light max-w-xl\">\r\n                    <p>NTL\uff08Never Too Late\uff09\u662f\u4e00\u9593\u690d\u6839\u9999\u6e2f\u7684\u793e\u6703\u4f01\u696d\uff0c\u81f4\u529b\u91cd\u65b0\u555f\u52d5 40 \u6b72\u4ee5\u4e0a\u5973\u6027\u7684\u8077\u6daf\u6f5b\u80fd\uff0c\u4e26\u5354\u52a9\u4f01\u696d\u63a5\u5165\u66f4\u7a69\u5b9a\u3001\u66f4\u5177\u7d93\u9a57\u50f9\u503c\u7684\u4eba\u624d\u8cc7\u6e90\u3002<\/p>\r\n                    <p>\u6211\u5011\u76f8\u4fe1\uff0c\u7d93\u9a57\u4e0d\u61c9\u56e0\u5e74\u9f61\u800c\u88ab\u5ffd\u8996\u3002<\/p>\r\n                    <p>\u4eca\u5929\uff0c\u9999\u6e2f\u6b63\u9762\u5c0d\u4eba\u53e3\u8001\u5316\u53ca\u52de\u52d5\u529b\u77ed\u7f3a\u7684\u6311\u6230\uff1b\u540c\u6642\uff0c\u7121\u6578\u64c1\u6709\u8c50\u5bcc\u5c08\u696d\u77e5\u8b58\u3001\u6210\u719f\u5224\u65b7\u529b\u53ca\u4eba\u751f\u6b77\u7df4\u7684\u5973\u6027\uff0c\u537b\u56e0\u5c65\u6b77\u7a7a\u7a97\u3001\u5e74\u9f61\u6216\u6027\u5225\u523b\u677f\u5370\u8c61\uff0c\u800c\u88ab\u6392\u9664\u65bc\u8077\u5834\u4e4b\u5916\u3002<\/p>\r\n                    <p>\u9019\u4e9b\u5973\u6027\u4e26\u975e\u7f3a\u4e4f\u80fd\u529b\uff0c\u800c\u662f\u4e00\u76f4\u672a\u88ab\u5e02\u5834\u6b63\u78ba\u7406\u89e3\u3002<\/p>\r\n                    <p class=\"font-medium text-brand-charcoal\">NTL \u56e0\u6b64\u800c\u8a95\u751f\u3002<\/p>\r\n                <\/div>\r\n\r\n                <!-- Editorial pull quote -->\r\n                <div class=\"border-l border-brand-deep\/40 pl-6 py-1 space-y-2\">\r\n                    <p class=\"font-serif italic text-brand-deep text-xl leading-snug\">\u300c\u6211\u5011\u4e0d\u53ea\u662f\u5e6b\u52a9\u5973\u6027\u91cd\u8fd4\u8077\u5834\u3002\u300d<\/p>\r\n                    <p class=\"font-sans text-sm text-brand-charcoal\/65 leading-relaxed\">\u6211\u5011\u6b63\u5728\u91cd\u65b0\u5b9a\u7fa9\u300c\u7d93\u9a57\u300d\u7684\u50f9\u503c\u3002<\/p>\r\n                <\/div>\r\n\r\n                <!-- Stat strip -->\r\n                <div class=\"grid grid-cols-3 gap-4 pt-4\">\r\n                    <div class=\"space-y-1\">\r\n                        <p class=\"stat-num\">2020<\/p>\r\n                        <p class=\"font-sans text-[14px] uppercase tracking-superwide text-brand-charcoal\/55\">\u5275\u7acb\u5e74\u4efd<\/p>\r\n                    <\/div>\r\n                    <div class=\"space-y-1\">\r\n                        <p class=\"stat-num\">40<span class=\"text-2xl\">+<\/span><\/p>\r\n                        <p class=\"font-sans text-[14px] uppercase tracking-superwide text-brand-charcoal\/55\">\u670d\u52d9\u5e74\u9f61\u5c64<\/p>\r\n                    <\/div>\r\n                    <div class=\"space-y-1\">\r\n                        <p class=\"stat-num\">5000+<\/p>\r\n                        <p class=\"font-sans text-[14px] uppercase tracking-superwide text-brand-charcoal\/55\">\u5973\u6027\u4eba\u624d\u5eab<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u2500\u2500 Right: hero image frame \u2500\u2500 -->\r\n            <div class=\"lg:col-span-5 flex justify-center lg:justify-end\">\r\n                <div class=\"relative w-72 md:w-80 lg:w-[340px]\">\r\n<img decoding=\"async\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663674445880\/qzcFBfoHlkMqdJWi.png\" alt=\"\u5c08\u696d\u5973\u6027\u81ea\u4fe1\u56de\u6b78\u8077\u5834\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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\r\n     SECTION 2 \u2014 OUR STORY + WHAT MAKES US DIFFERENT\r\n     Layout: Sticky-left heading + timeline story + comparison 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\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"relative bg-[#F4EFEA]\/50 border-t fine-border px-6 md:px-16 lg:px-24 py-20\">\r\n\r\n    <!-- Subtle blob -->\r\n    <div class=\"absolute left-[10%] top-[20%] w-[280px] h-[280px] bg-brand-light\/8 blob-3 blur-3xl -z-10\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto\">\r\n\r\n        <!-- Section header -->\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-start\">\r\n\r\n            <!-- Sticky left label + heading -->\r\n            <div class=\"lg:col-span-4 lg:sticky lg:top-24\">\r\n                <span class=\"section-label block mb-4\">OUR STORY<\/span>\r\n                <h2 class=\"font-serif text-3xl md:text-4xl font-light text-brand-charcoal leading-tight\">\r\n                    \u6c38\u4e0d\u5acc\u665a\uff0c<br>\r\n                    <em class=\"font-serif italic text-brand-deep\" style=\"font-style:italic;\">\u5f9e\u4f86\u4e0d\u53ea\u662f<br>\u4e00\u53e5\u53e3\u865f<\/em>\r\n                <\/h2>\r\n                <div class=\"h-rule w-14 mt-6 hidden lg:block\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Right: timeline story -->\r\n            <div class=\"lg:col-span-8 space-y-0\">\r\n\r\n                <!-- Timeline item 1 -->\r\n                <div class=\"flex gap-6 pb-10 border-l border-brand-light\/30 pl-6 relative\">\r\n                    <div class=\"tl-dot absolute -left-[5px] top-[6px]\"><\/div>\r\n                    <div class=\"space-y-3\">\r\n                        <span class=\"font-sans text-[10px] uppercase tracking-superwide text-brand-medium font-semibold\">The Belief<\/span>\r\n                        <p class=\"font-sans text-brand-charcoal\/85 text-base leading-relaxed font-light\">\r\n                            <strong class=\"font-semibold text-brand-charcoal\">NTL \u7684\u540d\u5b57\u4f86\u81ea\u4e00\u53e5\u7c21\u55ae\u537b\u5805\u5b9a\u7684\u4fe1\u5ff5\u2014\u2014Never Too Late\u3002<\/strong>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Timeline item 2 -->\r\n                <div class=\"flex gap-6 pb-10 border-l border-brand-light\/30 pl-6 relative\">\r\n                    <div class=\"tl-dot absolute -left-[5px] top-[6px]\"><\/div>\r\n                    <div class=\"space-y-3\">\r\n                        <span class=\"font-sans text-[10px] uppercase tracking-superwide text-brand-medium font-semibold\">2020 \u2014 The Problem We Saw<\/span>\r\n                        <p class=\"font-sans text-brand-charcoal\/80 text-base leading-relaxed font-light\">\r\n                            2020 \u5e74\uff0c\u6211\u5011\u5728\u62db\u8058\u5de5\u4f5c\u4e2d\u770b\u898b\u4e00\u500b\u53cd\u8986\u51fa\u73fe\u7684\u73fe\u8c61\uff1a\u8a31\u591a\u5177\u5099\u591a\u5e74\u5c08\u696d\u7d93\u9a57\u7684\u5973\u6027\uff0c\u5728\u62db\u8058\u6d41\u7a0b\u7684\u6700\u521d\u968e\u6bb5\uff0c\u5df2\u56e0\u5e74\u9f61\u3001\u5c65\u6b77\u7a7a\u7a97\u6216\u65e2\u5b9a\u5370\u8c61\u800c\u88ab\u5ffd\u7565\u3002\r\n                        <\/p>\r\n                        <p class=\"font-sans text-brand-charcoal\/80 text-base leading-relaxed font-light\">\r\n                            \u5979\u5011\u66fe\u7d93\u662f\u7ba1\u7406\u8005\u3001\u5c08\u696d\u4eba\u58eb\u3001\u884c\u653f\u9aa8\u5e79\u3001\u5ba2\u6236\u670d\u52d9\u5c08\u5bb6\uff0c\u751a\u81f3\u66fe\u7d93\u5e36\u9818\u5718\u968a\u3001\u5efa\u7acb\u696d\u52d9\u3002\u7136\u800c\uff0c\u7576\u5979\u5011\u5e0c\u671b\u518d\u6b21\u6295\u5165\u8077\u5834\u6642\uff0c\u537b\u5f80\u5f80\u9700\u8981\u5f9e\u96f6\u958b\u59cb\u8b49\u660e\u81ea\u5df1\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Timeline item 3: pull quote -->\r\n                <div class=\"flex gap-6 pb-10 border-l border-brand-light\/30 pl-6 relative\">\r\n                    <div class=\"tl-dot absolute -left-[5px] top-[6px]\"><\/div>\r\n                    <div class=\"space-y-3 w-full\">\r\n                        <span class=\"font-sans text-[10px] uppercase tracking-superwide text-brand-medium font-semibold\">Our Conviction<\/span>\r\n                        <blockquote class=\"border-l-2 border-brand-medium\/60 pl-5 py-1\">\r\n                            <p class=\"font-serif italic text-brand-deep text-lg leading-relaxed\">\r\n                                \u6211\u5011\u76f8\u4fe1\uff0c\u554f\u984c\u5f9e\u4f86\u4e0d\u5728\u65bc\u80fd\u529b\uff0c\u800c\u5728\u65bc\u5e02\u5834\u5c0d\u300c\u7d93\u9a57\u300d\u7684\u7406\u89e3\u3002\r\n                            <\/p>\r\n                        <\/blockquote>\r\n                        <p class=\"font-sans text-brand-charcoal\/80 text-base leading-relaxed font-light\">\r\n                            \u56e0\u6b64\uff0cNTL \u9078\u64c7\u8d70\u4e0a\u4e00\u689d\u8207\u50b3\u7d71\u62db\u8058\u516c\u53f8\u4e0d\u540c\u7684\u9053\u8def\u3002\u6211\u5011\u4e0d\u53ea\u505a\u4eba\u624d\u914d\u5c0d\u3002\u6211\u5011\u900f\u904e\u57f9\u8a13\u3001\u80fd\u529b\u91cd\u6574\u3001\u8077\u6daf\u652f\u63f4\u3001\u793e\u7fa4\u540c\u884c\u53ca\u771f\u5be6\u5de5\u4f5c\u6a5f\u6703\uff0c\u966a\u4f34\u5973\u6027\u91cd\u65b0\u5efa\u7acb\u4fe1\u5fc3\uff0c\u91cd\u65b0\u8a8d\u8b58\u81ea\u8eab\u50f9\u503c\uff0c\u4e26\u9010\u6b65\u91cd\u8fd4\u8077\u5834\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Timeline item 4 -->\r\n                <div class=\"flex gap-6 pb-2 pl-6 relative\">\r\n                    <div class=\"tl-dot absolute -left-[5px] top-[6px]\"><\/div>\r\n                    <div class=\"space-y-3\">\r\n                        <span class=\"font-sans text-[10px] uppercase tracking-superwide text-brand-medium font-semibold\">2024 \u2014 New Chapter with ASK IT<\/span>\r\n                        <p class=\"font-sans text-brand-charcoal\/80 text-base leading-relaxed font-light\">\r\n                            2024 \u5e74\u8d77\uff0cNTL \u5728 <strong class=\"font-semibold text-brand-deep\">ASK IT<\/strong> \u7684\u652f\u6301\u4e0b\u9032\u5165\u65b0\u968e\u6bb5\uff0c\u7d50\u5408\u672c\u5730\u62db\u8058\u53ca\u4eba\u529b\u8cc7\u6e90\u5be6\u52d9\u7d93\u9a57\uff0c\u4ee5\u53ca AI\u3001RPA \u8207\u6578\u78bc\u5de5\u5177\u80fd\u529b\uff0c\u9010\u6b65\u5efa\u7acb\u4e00\u5957\u5c6c\u65bc\u9999\u6e2f\u7684\u300c\u7d93\u9a57\u518d\u9020\u300d\u6a21\u5f0f\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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\r\n     SECTION 3 \u2014 OUR ECOSYSTEM + CREDIBILITY\r\n     Layout: Bento grid \u2014 capability cards + credibility blocks\r\n     Images needed: 1 \u00d7 community\/workshop photo (1:1 or 4:3)\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 -->\r\n<section class=\"relative bg-brand-bg border-t fine-border px-6 md:px-16 lg:px-24 py-20\">\r\n\r\n    <div class=\"max-w-7xl mx-auto\">\r\n\r\n        <!-- Section header -->\r\n        <div class=\"mb-12 flex flex-col md:flex-row md:items-end md:justify-between gap-4\">\r\n            <div>\r\n                <span class=\"section-label block mb-3\">OUR ECOSYSTEM<\/span>\r\n                <h2 class=\"font-serif text-3xl md:text-4xl font-light text-brand-charcoal leading-tight\">\r\n                    \u6211\u5011\u5982\u4f55\u8b93<em class=\"italic text-brand-deep\" style=\"font-style:italic;\">\u7d93\u9a57\u91cd\u65b0\u767c\u63ee\u50f9\u503c<\/em>\r\n                <\/h2>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bento grid -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5\">\r\n\r\n            <!-- Card 1: HR Expertise -->\r\n            <div class=\"bento-card bg-white border fine-border rounded-[4px] p-7 space-y-4\">\r\n                <div class=\"flex items-center justify-between\">\r\n                    <span class=\"font-serif text-3xl text-brand-light font-light\">01<\/span>\r\n                    <span class=\"font-sans text-[12px] uppercase tracking-superwide text-brand-medium border border-brand-light\/30 px-2 py-1 rounded-[2px]\">HR<\/span>\r\n                <\/div>\r\n                <h3 class=\"font-serif text-lg text-brand-charcoal leading-snug\">\u672c\u5730\u62db\u8058\u8207<br>\u4eba\u529b\u8cc7\u6e90\u5be6\u6230\u7d93\u9a57<\/h3>\r\n                <div class=\"h-rule\"><\/div>\r\n                <p class=\"font-sans text-[14px] text-brand-charcoal\/70 font-light leading-relaxed\">\r\n                    \u6211\u5011\u6df1\u5207\u7406\u89e3\u9999\u6e2f\u4f01\u696d\u3001\u521d\u5275\u516c\u53f8\u53ca\u4e2d\u5c0f\u4f01\u7684\u4eba\u624d\u9700\u8981\uff0c\u80fd\u5920\u5f9e\u4f01\u696d\u71df\u904b\u89d2\u5ea6\u51fa\u767c\uff0c\u63d0\u4f9b\u66f4\u8cbc\u8fd1\u5be6\u969b\u9700\u8981\u7684\u4eba\u624d\u65b9\u6848\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Career Support -->\r\n            <div class=\"bento-card bg-white border fine-border rounded-[4px] p-7 space-y-4\">\r\n                <div class=\"flex items-center justify-between\">\r\n                    <span class=\"font-serif text-3xl text-brand-light font-light\">02<\/span>\r\n                    <span class=\"font-sans text-[12px] uppercase tracking-superwide text-brand-medium border border-brand-light\/30 px-2 py-1 rounded-[2px]\">Career<\/span>\r\n                <\/div>\r\n                <h3 class=\"font-serif text-lg text-brand-charcoal leading-snug\">\u7d93\u9a57\u518d\u9020\u8207<br>\u8077\u6daf\u652f\u63f4<\/h3>\r\n                <div class=\"h-rule\"><\/div>\r\n                <p class=\"font-sans text-[14px] text-brand-charcoal\/70 font-light leading-relaxed\">\r\n                    \u5f9e\u8077\u6daf\u898f\u5283\u3001\u6280\u80fd\u63d0\u5347\u3001\u5c65\u6b77\u6574\u7406\u3001\u6a21\u64ec\u9762\u8a66\uff0c\u4ee5\u81f3\u5728\u8077\u652f\u63f4\uff0c\u6211\u5011\u966a\u4f34\u5973\u6027\u9010\u6b65\u91cd\u5efa\u4fe1\u5fc3\uff0c\u91cd\u65b0\u6295\u5165\u8077\u5834\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Tech -->\r\n            <div class=\"bento-card bg-white border fine-border rounded-[4px] p-7 space-y-4\">\r\n                <div class=\"flex items-center justify-between\">\r\n                    <span class=\"font-serif text-3xl text-brand-light font-light\">03<\/span>\r\n                    <span class=\"font-sans text-[12px] uppercase tracking-superwide text-brand-medium border border-brand-light\/30 px-2 py-1 rounded-[2px]\">Tech<\/span>\r\n                <\/div>\r\n                <h3 class=\"font-serif text-lg text-brand-charcoal leading-snug\">\u79d1\u6280\u8207<br>\u6578\u78bc\u80fd\u529b<\/h3>\r\n                <div class=\"h-rule\"><\/div>\r\n                <p class=\"font-sans text-[14px] text-brand-charcoal\/70 font-light leading-relaxed\">\r\n                    \u5728 ASK IT \u7684\u6280\u8853\u652f\u63f4\u4e0b\uff0c\u7a4d\u6975\u5f15\u5165 AI\u3001RPA \u53ca\u6578\u78bc\u5de5\u5177\uff0c\u5354\u52a9\u5973\u6027\u638c\u63e1\u672a\u4f86\u5de5\u4f5c\u6240\u9700\u6280\u80fd\uff0c\u540c\u6642\u5354\u52a9\u4f01\u696d\u63d0\u5347\u6548\u7387\u8207\u751f\u7522\u529b\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 4: Community (wide) + image -->\r\n            <div class=\"bento-card md:col-span-2 bg-white border fine-border rounded-[4px] overflow-hidden flex flex-col md:flex-row\">\r\n                <div class=\"p-7 space-y-4 flex flex-col justify-center md:w-1\/2\">\r\n                    <div class=\"flex items-center justify-between\">\r\n                        <span class=\"font-serif text-3xl text-brand-light font-light\">04<\/span>\r\n                        <span class=\"font-sans text-[12px] uppercase tracking-superwide text-brand-medium border border-brand-light\/30 px-2 py-1 rounded-[2px]\">Network<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"font-serif text-lg text-brand-charcoal leading-snug\">\u8de8\u754c\u5408\u4f5c\u8207<br>\u793e\u7fa4\u7db2\u7d61<\/h3>\r\n                    <div class=\"h-rule\"><\/div>\r\n                    <p class=\"font-sans text-[14px] text-brand-charcoal\/70 font-light leading-relaxed\">\r\n                        \u6211\u5011\u6301\u7e8c\u8207\u4f01\u696d\u3001\u9662\u6821\u3001\u793e\u798f\u6a5f\u69cb\u53ca\u4e0d\u540c\u5973\u6027\u793e\u7fa4\u5408\u4f5c\uff0c\u5171\u540c\u63a8\u52d5\u66f4\u5177\u5305\u5bb9\u6027\u53ca\u53ef\u6301\u7e8c\u7684\u4eba\u624d\u751f\u614b\u3002\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Community image placeholder -->\r\n                <div class=\"img-frame md:w-1\/2 min-h-[200px] md:min-h-0\">\r\n                    <div class=\"img-frame-label\">\r\n                        [ Community \/ Workshop Photo ]<br>\r\n                        <span style=\"font-size:9px;\">1:1 or 4:3 \u00b7 Workshop or community gathering<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 5: Credibility -->\r\n            <div class=\"bento-card bg-brand-medium text-white rounded-[4px] p-7 space-y-5 relative overflow-hidden\">\r\n                <div class=\"absolute -right-8 -bottom-8 w-36 h-36 border border-white\/10 rounded-full pointer-events-none\" aria-hidden=\"true\"><\/div>\r\n                <span class=\"font-sans text-[12px] uppercase tracking-superwide text-white\/60 font-semibold block\">Credibility<\/span>\r\n                <h3 class=\"font-serif text-lg font-light leading-snug relative z-10\">\u5a92\u9ad4\u5831\u5c0e<br>\u8207\u793e\u6703\u8a8d\u53ef<\/h3>\r\n                <div class=\"h-[1px] bg-white\/15 relative z-10\"><\/div>\r\n                <p class=\"font-sans text-[14px] text-white\/80 font-light leading-relaxed relative z-10\">\r\n                    \u591a\u5e74\u4f86\uff0cNTL \u4ea6\u7372\u5f97\u4e0d\u540c\u5a92\u9ad4\u3001\u5408\u4f5c\u5925\u4f34\u53ca\u793e\u6703\u5404\u754c\u7684\u652f\u6301\u8207\u80af\u5b9a\u3002\u9019\u4e9b\u8a8d\u53ef\u4e0d\u53ea\u662f\u54c1\u724c\u66dd\u5149\uff0c\u66f4\u4ee3\u8868\u5e02\u5834\u958b\u59cb\u91cd\u65b0\u770b\u898b\u6210\u719f\u5973\u6027\u7684\u50f9\u503c\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ASK IT partner badge -->\r\n        <div class=\"mt-8 p-5 bg-white\/70 border fine-border rounded-[4px] flex flex-col sm:flex-row sm:items-center gap-4 max-w-lg\">\r\n            <div class=\"space-y-1 flex-1\">\r\n                <span class=\"font-sans text-[12px] uppercase tracking-superwide text-brand-medium font-bold block\">Technology Partner<\/span>\r\n                <p class=\"font-sans text-sm font-semibold text-brand-charcoal\">\u7531 ASK IT \u63d0\u4f9b\u6280\u8853\u652f\u63f4<\/p>\r\n                <p class=\"font-sans text-[14px] text-brand-charcoal\/65 font-light leading-relaxed\">\u5f15\u5165\u9818\u5148\u7684 AI \u8207 RPA \u6280\u8853\uff0c\u70ba\u5973\u6027\u5925\u4f34\u548c\u5ba2\u6236\u96d9\u5411\u653e\u5927\u5de5\u4f5c\u50f9\u503c\u3002<\/p>\r\n            <\/div>\r\n            <div class=\"w-12 h-12 rounded-full bg-brand-bg border fine-border flex items-center justify-center flex-shrink-0\">\r\n                <i class=\"fa-solid fa-microchip text-brand-deep text-lg\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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\r\n     SECTION 4 \u2014 OUR VISION\r\n     Layout: Full-width dark editorial manifesto\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 -->\r\n<section class=\"dark-section relative overflow-hidden px-6 md:px-16 lg:px-24 py-24\">\r\n\r\n    <!-- Botanical overlay on dark -->\r\n    <div class=\"absolute right-[-40px] bottom-[-40px] w-[320px] h-[320px] opacity-[0.09] pointer-events-none select-none\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 100 100\" class=\"w-full h-full fill-none\" stroke=\"#8D7A97\" stroke-width=\"0.28\">\r\n            <path d=\"M 10,90 Q 50,80 90,10 M 50,45 Q 60,65 70,80\"\/>\r\n            <path d=\"M 30,70 Q 45,55 55,35\"\/>\r\n            <circle cx=\"50\" cy=\"45\" r=\"1\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n    <div class=\"absolute left-[-40px] top-[-40px] w-[280px] h-[280px] opacity-[0.06] pointer-events-none select-none\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 100 100\" class=\"w-full h-full fill-none\" stroke=\"#9F8AA8\" stroke-width=\"0.22\">\r\n            <path d=\"M 90,10 C 80,30 60,40 55,60 C 50,80 70,85 65,98\"\/>\r\n            <path d=\"M 70,30 C 60,32 53,26 45,30\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-4xl mx-auto text-center space-y-10 relative z-10\">\r\n\r\n        <!-- Seedling icon -->\r\n        <div class=\"w-11 h-11 bg-white\/10 rounded-full flex items-center justify-center mx-auto\">\r\n            <i class=\"fa-solid fa-seedling text-brand-light text-base\"><\/i>\r\n        <\/div>\r\n\r\n        <span class=\"section-label text-charcoal\/40 block\">OUR VISION<\/span>\r\n\r\n        <h2 class=\"font-serif text-2xl md:text-4xl font-light text-charcoal leading-[1.45]\">\r\n            \u6211\u5011\u76f8\u4fe1\uff0c<br>\r\n            <em class=\"italic text-brand-light\" style=\"font-style:italic;\">\u6bcf\u4e00\u6bb5\u7d93\u9a57\u90fd\u503c\u5f97\u88ab\u91cd\u65b0\u770b\u898b<\/em>\r\n        <\/h2>\r\n\r\n        <div class=\"h-[1px] bg-white\/10 w-16 mx-auto\"><\/div>\r\n\r\n        <div class=\"space-y-5 font-sans text-brand-charcoal\/75 text-sm md:text-base font-light leading-[1.9] max-w-2xl mx-auto\">\r\n            <p>\u4e00\u500b\u6210\u719f\u7684\u52de\u52d5\u5e02\u5834\uff0c\u4e0d\u61c9\u53ea\u504f\u597d\u6700\u65b0\u3001\u6700\u5e74\u8f15\u3001\u6700\u5feb\u901f\u7684\u4eba\u624d\uff1b\u5b83\u4ea6\u61c9\u61c2\u5f97\u73cd\u60dc\u90a3\u4e9b\u7d93\u904e\u6642\u9593\u935b\u934a\u3001\u7d2f\u7a4d\u6df1\u539a\u7d93\u9a57\u8207\u5224\u65b7\u529b\u7684\u5c08\u696d\u4eba\u624d\u3002<\/p>\r\n            <p>\u7576\u5973\u6027\u88ab\u91cd\u65b0\u770b\u898b\uff0c\u4f01\u696d\u5f97\u5230\u771f\u6b63\u7a69\u5b9a\u7684\u4eba\u624d\u652f\u63f4\uff0c\u793e\u6703\u4ea6\u6703\u56e0\u6b64\u8b8a\u5f97\u66f4\u5177\u97cc\u6027\u3002<\/p>\r\n            <\/div>\r\n\r\n        <!-- Highlight statement -->\r\n        <p class=\"font-serif text-xl md:text-2xl font-light text-charcoal leading-snug\">\r\n            \u56e0\u70ba\u6211\u5011\u76f8\u4fe1\uff1a<em class=\"italic text-brand-light\" style=\"font-style:italic;\">\u91cd\u65b0\u958b\u59cb\uff0c\u5f9e\u4f86\u4e0d\u5acc\u665a\u3002<\/em>\r\n        <\/p>\r\n\r\n        <!-- English editorial line -->\r\n        <div class=\"inline-flex items-center gap-4\">\r\n            <div class=\"w-10 h-[1px] bg-brand-light\/25\"><\/div>\r\n            <p class=\"font-serif italic text-xs tracking-superwide text-brand-light\/70\">\r\n                This is not just returnship. This is returning value.\r\n            <\/p>\r\n            <div class=\"w-10 h-[1px] bg-brand-light\/25\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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\r\n     SECTION 5 \u2014 FINAL CTA\r\n     Layout: Centred intro + dual-path cards + contact strip\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 -->\r\n<section class=\"relative bg-brand-bg px-6 md:px-16 lg:px-24 py-20 overflow-hidden\">\r\n\r\n    <!-- Blob decoration -->\r\n    <div class=\"absolute right-[5%] bottom-[10%] w-[300px] h-[300px] bg-brand-light\/10 blob-4 blur-3xl -z-10\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"max-w-5xl mx-auto\">\r\n\r\n        <!-- Intro -->\r\n        <div class=\"text-center space-y-5 max-w-2xl mx-auto mb-14\">\r\n            <span class=\"section-label\">Start Your Next Chapter with NTL<\/span>\r\n            <h2 class=\"font-serif text-3xl md:text-4xl font-light text-brand-charcoal leading-tight tracking-tight\">\r\n                \u5982\u679c\u4f60\u6b63\u5728\u5c0b\u627e\u66f4\u7a69\u5b9a\u7684\u4eba\u624d\u65b9\u6848\uff0c<br class=\"hidden md:block\">\u6216\u60f3\u91cd\u65b0\u555f\u52d5\u81ea\u5df1\u7684\u8077\u6daf\r\n            <\/h2>\r\n            <div class=\"h-rule w-12 mx-auto\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Dual-path cards -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-14\">\r\n\r\n            <!-- Path A: Corporate -->\r\n            <div class=\"p-8 bg-white\/70 border fine-border rounded-[4px] et hover:border-brand-deep\/40 hover:shadow-md flex flex-col justify-between group\">\r\n                <div class=\"space-y-4\">\r\n                    <span class=\"font-sans text-[14px] uppercase tracking-superwide text-brand-deep font-bold block\">For Corporate Clients<\/span>\r\n                    <h3 class=\"font-serif text-xl font-light text-brand-charcoal\">\u8207\u6211\u5011\u8a0e\u8ad6\u4f60\u7684\u5718\u968a\u9700\u6c42<\/h3>\r\n                    <div class=\"h-rule\"><\/div>\r\n                    <p class=\"font-sans text-[14px] text-brand-charcoal\/75 font-light leading-relaxed\">\r\n                        \u8207 NTL \u9867\u554f\u9032\u884c\u6df1\u5ea6\u63a2\u8a0e\uff0c\u4e86\u89e3\u5982\u4f55\u70ba\u60a8\u7684\u4f01\u696d\u63a5\u5165\u66f4\u7a69\u5b9a\u3001\u66f4\u9748\u6d3b\u3001\u66f4\u5177\u7d93\u9a57\u50f9\u503c\u7684\u4eba\u624d\u8207\u652f\u63f4\u89e3\u6c7a\u65b9\u6848\u3002\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/staging.ntl-recruit.hk\/?page_id=117\"\r\n                       class=\"inline-flex items-center justify-between w-full px-5 py-4 bg-brand-deep text-white text-xs uppercase tracking-superwide font-medium rounded-[3px] et hover:bg-brand-medium\">\r\n                        <span>\u9810\u7d04\u514d\u8cbb\u9700\u6c42\u8a3a\u65b7<\/span>\r\n                        <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Path B: Women Talents -->\r\n            <div class=\"p-8 bg-brand-deep\/5 border fine-border rounded-[4px] et hover:border-brand-medium\/40 hover:shadow-md flex flex-col justify-between group\">\r\n                <div class=\"space-y-4\">\r\n                    <span class=\"font-sans text-[9px] uppercase tracking-superwide text-brand-deep font-bold block\">For Female Talents<\/span>\r\n                    <h3 class=\"font-serif text-xl font-light text-brand-charcoal\">\u91cd\u65b0\u770b\u898b\u81ea\u8eab\u7d93\u9a57\u7684\u50f9\u503c<\/h3>\r\n                    <div class=\"h-rule\"><\/div>\r\n                    <p class=\"font-sans text-[14px] text-brand-charcoal\/75 font-light leading-relaxed\">\r\n                        \u5982\u679c\u4f60\u76f8\u4fe1\u81ea\u5df1\u7684\u7d93\u9a57\u4ecd\u7136\u503c\u5f97\u88ab\u91cd\u8996\uff0c\u6b61\u8fce\u52a0\u5165 NTL\uff0c\u91cd\u65b0\u6574\u7406\u80fd\u529b\u3001\u91cd\u5efa\u8077\u5834\u4fe1\u5fc3\uff0c\u958b\u555f\u4e0b\u4e00\u6bb5\u5353\u8d8a\u7684\u8077\u6daf\u65c5\u7a0b\u3002\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/forms.gle\/YKa9ACXBURahbcPh8\"\r\n                       class=\"inline-flex items-center justify-between w-full px-5 py-4 bg-transparent border border-brand-deep\/30 text-brand-deep text-xs uppercase tracking-superwide font-medium rounded-[3px] et hover:bg-brand-accent\/40 hover:border-brand-deep\">\r\n                        <span>\u52a0\u5165 NTL \u7cbe\u82f1\u4eba\u624d\u5eab<\/span>\r\n                        <i class=\"fa-solid fa-user-plus\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\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>\u95dc\u65bc NTL \u2014 \u8b93\u88ab\u4f4e\u4f30\u7684\u7d93\u9a57\uff0c\u6210\u70ba\u4f01\u696d\u6210\u9577\u7684\u529b\u91cf #\u9999\u6e2f\u793e\u6703\u4f01\u696d \u2022 #\u5973\u6027\u91cd\u8fd4\u8077\u5834 \u2022 #CareerReturnshipHK \u2022 #\u9ad8\u5e74\u8cc7\u4eba\u624d\u518d\u555f\u52d5 NTL \u2014 Never Too Late \u8b93\u88ab\u4f4e\u4f30\u7684\u7d93\u9a57\uff0c \u6210\u70ba\u4f01\u696d\u6210\u9577\u7684\u529b\u91cf NTL\uff08Never Too Late\uff09\u662f\u4e00\u9593\u690d\u6839\u9999\u6e2f\u7684\u793e\u6703\u4f01\u696d\uff0c\u81f4\u529b\u91cd\u65b0\u555f\u52d5 40 \u6b72\u4ee5\u4e0a\u5973\u6027\u7684\u8077\u6daf\u6f5b\u80fd\uff0c\u4e26\u5354\u52a9\u4f01\u696d\u63a5\u5165\u66f4\u7a69\u5b9a\u3001\u66f4\u5177\u7d93\u9a57\u50f9\u503c\u7684\u4eba\u624d\u8cc7\u6e90\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u7d93\u9a57\u4e0d\u61c9\u56e0\u5e74\u9f61\u800c\u88ab\u5ffd\u8996\u3002 \u4eca\u5929\uff0c\u9999\u6e2f\u6b63\u9762\u5c0d\u4eba\u53e3\u8001\u5316\u53ca\u52de\u52d5\u529b\u77ed\u7f3a\u7684\u6311\u6230\uff1b\u540c\u6642\uff0c\u7121\u6578\u64c1\u6709\u8c50\u5bcc\u5c08\u696d\u77e5\u8b58\u3001\u6210\u719f\u5224\u65b7\u529b\u53ca\u4eba\u751f\u6b77\u7df4\u7684\u5973\u6027\uff0c\u537b\u56e0\u5c65\u6b77\u7a7a\u7a97\u3001\u5e74\u9f61\u6216\u6027\u5225\u523b\u677f\u5370\u8c61\uff0c\u800c\u88ab\u6392\u9664\u65bc\u8077\u5834\u4e4b\u5916\u3002 \u9019\u4e9b\u5973\u6027\u4e26\u975e\u7f3a\u4e4f\u80fd\u529b\uff0c\u800c\u662f\u4e00\u76f4\u672a\u88ab\u5e02\u5834\u6b63\u78ba\u7406\u89e3\u3002 NTL \u56e0\u6b64\u800c\u8a95\u751f\u3002 \u300c\u6211\u5011\u4e0d\u53ea\u662f\u5e6b\u52a9\u5973\u6027\u91cd\u8fd4\u8077\u5834\u3002\u300d \u6211\u5011\u6b63\u5728\u91cd\u65b0\u5b9a\u7fa9\u300c\u7d93\u9a57\u300d\u7684\u50f9\u503c\u3002 2020 \u5275\u7acb\u5e74\u4efd 40+ \u670d\u52d9\u5e74\u9f61\u5c64 5000+ \u5973\u6027\u4eba\u624d\u5eab OUR STORY \u6c38\u4e0d\u5acc\u665a\uff0c \u5f9e\u4f86\u4e0d\u53ea\u662f\u4e00\u53e5\u53e3\u865f The Belief NTL \u7684\u540d\u5b57\u4f86\u81ea\u4e00\u53e5\u7c21\u55ae\u537b\u5805\u5b9a\u7684\u4fe1\u5ff5\u2014\u2014Never Too Late\u3002 2020 \u2014 The Problem We Saw 2020 \u5e74\uff0c\u6211\u5011\u5728\u62db\u8058\u5de5\u4f5c\u4e2d\u770b\u898b\u4e00\u500b\u53cd\u8986\u51fa\u73fe\u7684\u73fe\u8c61\uff1a\u8a31\u591a\u5177\u5099\u591a\u5e74\u5c08\u696d\u7d93\u9a57\u7684\u5973\u6027\uff0c\u5728\u62db\u8058\u6d41\u7a0b\u7684\u6700\u521d\u968e\u6bb5\uff0c\u5df2\u56e0\u5e74\u9f61\u3001\u5c65\u6b77\u7a7a\u7a97\u6216\u65e2\u5b9a\u5370\u8c61\u800c\u88ab\u5ffd\u7565\u3002 \u5979\u5011\u66fe\u7d93\u662f\u7ba1\u7406\u8005\u3001\u5c08\u696d\u4eba\u58eb\u3001\u884c\u653f\u9aa8\u5e79\u3001\u5ba2\u6236\u670d\u52d9\u5c08\u5bb6\uff0c\u751a\u81f3\u66fe\u7d93\u5e36\u9818\u5718\u968a\u3001\u5efa\u7acb\u696d\u52d9\u3002\u7136\u800c\uff0c\u7576\u5979\u5011\u5e0c\u671b\u518d\u6b21\u6295\u5165\u8077\u5834\u6642\uff0c\u537b\u5f80\u5f80\u9700\u8981\u5f9e\u96f6\u958b\u59cb\u8b49\u660e\u81ea\u5df1\u3002 [&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-68","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/68","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=68"}],"version-history":[{"count":13,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":639,"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/639"}],"wp:attachment":[{"href":"https:\/\/staging.ntl-recruit.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}