{"id":9,"date":"2026-06-15T13:08:22","date_gmt":"2026-06-15T13:08:22","guid":{"rendered":"https:\/\/futureoftalent.ai\/?page_id=9"},"modified":"2026-06-17T12:26:57","modified_gmt":"2026-06-17T12:26:57","slug":"home","status":"publish","type":"page","link":"https:\/\/futureoftalent.ai\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Futureoftalent.ai<\/title>\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=Inter:wght@400;500;600;700;800;900&display=swap\"\r\n rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <link href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* ===================================\r\n 0. ELEMENTOR WHITE SPACE KILLER\r\n =================================== *\/\r\n html,\r\n body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n \/* Aggressively target Elementor's wrapper spacing *\/\r\n .elementor-widget-html,\r\n .elementor-widget-html .elementor-widget-container,\r\n .elementor-widget-wrap,\r\n .elementor-column,\r\n .elementor-section {\r\n overflow: visible !important;\r\n }\r\n\r\n \/* ===================================\r\n 1. APP WRAPPER & SCOPING (Protects WP Theme)\r\n =================================== *\/\r\n #ft-app {\r\n \/* CSS Variables *\/\r\n --black: #10101a;\r\n --black-light: #1a1a28;\r\n --black-card: #242436;\r\n --black-elevated: #2e2e42;\r\n --gold: #D4B65C;\r\n --gold-light: #EDD890;\r\n --gold-dark: #A68A3E;\r\n --gold-glow: rgba(201, 168, 76, 0.25);\r\n --white: #F5F5F5;\r\n --white-dim: rgba(245, 245, 245, 0.9);\r\n --white-muted: rgba(245, 245, 245, 0.72);\r\n --border-subtle: rgba(255, 255, 255, 0.12);\r\n --border-gold: rgba(201, 168, 76, 0.28);\r\n --cyan: #00D3E4;\r\n --ps-blue: #1700C7;\r\n --ps-navy: #03005E;\r\n --ps-blue-glow: rgba(23, 0, 199, 0.25);\r\n --accent-red: #FC4430;\r\n --accent-yellow: #FFB700;\r\n --grad-skyfall: linear-gradient(-20deg, #1700C7 0%, #03005E 80%);\r\n --grad-stream: linear-gradient(-20deg, #03005E 0%, #00D3E4 80%);\r\n --grad-blue-soft: linear-gradient(135deg, rgba(23, 0, 199, 0.15), rgba(0, 211, 228, 0.08));\r\n --font-display: 'Satoshi', 'Inter', Arial, sans-serif;\r\n --font-body: 'Inter', -apple-system, sans-serif;\r\n --ease-out: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n \/* Base Styles *\/\r\n font-family: var(--font-body);\r\n line-height: 1.6;\r\n color: var(--white);\r\n background: var(--black);\r\n background-color: var(--black) !important;\r\n -webkit-font-smoothing: antialiased;\r\n text-align: left;\r\n\r\n \/* Breakout to full width in Elementor *\/\r\n width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n\r\n \/* White Space Killer overrides *\/\r\n margin-top: -1px !important;\r\n padding-top: 1px !important;\r\n\r\n overflow-x: clip !important;\r\n display: block !important;\r\n clear: both !important;\r\n z-index: 100 !important;\r\n }\r\n\r\n #ft-app *,\r\n #ft-app *::before,\r\n #ft-app *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n #ft-app a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n #ft-app ::selection {\r\n background: var(--ps-blue);\r\n color: white;\r\n }\r\n\r\n #ft-app ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n #ft-app ::-webkit-scrollbar-track {\r\n background: #10101a;\r\n }\r\n\r\n #ft-app ::-webkit-scrollbar-thumb {\r\n background: var(--ps-navy);\r\n border-radius: 4px;\r\n }\r\n\r\n #ft-app .container {\r\n max-width: 1280px !important;\r\n margin: 0 auto !important;\r\n padding: 0 4rem !important;\r\n }\r\n\r\n #ft-app .geo-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.1;\r\n pointer-events: none;\r\n background-image:\r\n repeating-linear-gradient(0deg, transparent, transparent 79px, rgba(201, 168, 76, 0.4) 79px, rgba(201, 168, 76, 0.4) 80px),\r\n repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(201, 168, 76, 0.4) 79px, rgba(201, 168, 76, 0.4) 80px);\r\n animation: ftGridDrift 25s linear infinite;\r\n filter: drop-shadow(0 0 3px rgba(201, 168, 76, 0.25)) drop-shadow(0 0 8px rgba(201, 168, 76, 0.12));\r\n }\r\n\r\n @keyframes ftGridDrift {\r\n 0% {\r\n transform: translate(0, 0);\r\n }\r\n\r\n 100% {\r\n transform: translate(60px, 60px);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n #ft-app .header {\r\n position: sticky !important;\r\n top: 0 !important;\r\n margin-top: 0 !important;\r\n background: rgba(16, 16, 26, 0.92);\r\n backdrop-filter: blur(24px);\r\n border-bottom: 1px solid var(--border-subtle);\r\n z-index: 1000;\r\n padding: 1rem 0;\r\n transition: all 0.4s var(--ease-out);\r\n width: 100%;\r\n }\r\n\r\n #ft-app .header.scrolled {\r\n background: rgba(16, 16, 26, 0.97);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n #ft-app .header-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n #ft-app .logo {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n #ft-app .logo-text {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n #ft-app .logo-subtext {\r\n font-size: 0.65rem;\r\n color: var(--white-muted);\r\n font-weight: 500;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #ft-app .nav-desktop {\r\n display: none;\r\n align-items: center;\r\n gap: 2.5rem;\r\n }\r\n\r\n #ft-app .nav-link {\r\n color: var(--white-dim);\r\n font-weight: 500;\r\n font-size: 1rem;\r\n transition: all 0.3s;\r\n position: relative;\r\n padding: 0.25rem 0;\r\n }\r\n\r\n #ft-app .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0;\r\n width: 0;\r\n height: 1px;\r\n background: var(--gold);\r\n transition: width 0.4s var(--ease-out);\r\n }\r\n\r\n #ft-app .nav-link:hover {\r\n color: var(--gold);\r\n }\r\n\r\n #ft-app .nav-link:hover::after {\r\n width: 100%;\r\n }\r\n\r\n #ft-app .mobile-menu-btn {\r\n display: block;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: var(--white);\r\n padding: 0.5rem;\r\n font-size: 1.25rem;\r\n }\r\n\r\n #ft-app .nav-mobile {\r\n display: none;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n padding: 1.5rem 0;\r\n border-top: 1px solid var(--border-subtle);\r\n margin-top: 1rem;\r\n }\r\n\r\n #ft-app .nav-mobile.active {\r\n display: flex;\r\n }\r\n\r\n #ft-app .nav-link-mobile {\r\n color: var(--white-dim);\r\n font-weight: 500;\r\n padding: 0.75rem 1rem;\r\n border-radius: 0.5rem;\r\n transition: all 0.3s;\r\n }\r\n\r\n #ft-app .nav-link-mobile:hover {\r\n background: rgba(23, 0, 199, 0.08);\r\n color: var(--gold);\r\n }\r\n\r\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n #ft-app button.btn,\r\n #ft-app .btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 0.5rem !important;\r\n padding: 0.875rem 2rem !important;\r\n border-radius: 4px !important;\r\n font-weight: 600 !important;\r\n font-size: 0.95rem !important;\r\n cursor: pointer !important;\r\n transition: all 0.4s var(--ease-out) !important;\r\n border: none !important;\r\n font-family: var(--font-body) !important;\r\n letter-spacing: 0.03em !important;\r\n text-transform: uppercase !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #ft-app button.btn::after,\r\n #ft-app .btn::after,\r\n #ft-app button.btn::before,\r\n #ft-app .btn::before {\r\n display: none !important;\r\n content: none !important;\r\n }\r\n\r\n #ft-app button.btn-primary,\r\n #ft-app .btn-primary {\r\n background: var(--grad-skyfall) !important;\r\n background-color: transparent !important;\r\n color: white !important;\r\n box-shadow: 0 4px 20px var(--ps-blue-glow) !important;\r\n }\r\n\r\n #ft-app button.btn-primary:hover,\r\n #ft-app .btn-primary:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 40px var(--ps-blue-glow) !important;\r\n background: linear-gradient(-20deg, #03005E 0%, #1700C7 80%) !important;\r\n }\r\n\r\n #ft-app button.btn-outline,\r\n #ft-app .btn-outline {\r\n background: transparent !important;\r\n color: var(--gold) !important;\r\n border: 1px solid rgba(0, 211, 228, 0.4) !important;\r\n }\r\n\r\n #ft-app button.btn-outline:hover,\r\n #ft-app .btn-outline:hover {\r\n background: rgba(0, 211, 228, 0.06) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n #ft-app button.btn-outline-gold,\r\n #ft-app .btn-outline-gold {\r\n background: transparent !important;\r\n color: var(--gold) !important;\r\n border: 1px solid var(--gold) !important;\r\n }\r\n\r\n #ft-app button.btn-outline-gold:hover,\r\n #ft-app .btn-outline-gold:hover {\r\n background: rgba(201, 168, 76, 0.08) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 20px rgba(201, 168, 76, 0.15) !important;\r\n }\r\n\r\n #ft-app .btn-large {\r\n padding: 1rem 2.5rem !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #ft-app .btn-full {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n #ft-app .hero-section {\r\n position: relative;\r\n min-height: 90vh !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n padding-top: 0 !important;\r\n overflow: hidden !important;\r\n background: #10101a !important;\r\n }\r\n\r\n #ft-app .hero-bg-effects {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .hero-glow {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(140px);\r\n }\r\n\r\n #ft-app .hero-glow-1 {\r\n top: -10%;\r\n right: -5%;\r\n width: 600px;\r\n height: 600px;\r\n background: rgba(201, 168, 76, 0.2);\r\n animation: ftPulseGlow 8s ease-in-out infinite;\r\n }\r\n\r\n #ft-app .hero-glow-2 {\r\n bottom: -15%;\r\n left: -10%;\r\n width: 500px;\r\n height: 500px;\r\n background: rgba(201, 168, 76, 0.08);\r\n animation: ftPulseGlow 8s ease-in-out infinite 3s;\r\n }\r\n\r\n #ft-app .hero-glow-3 {\r\n top: 40%;\r\n left: 50%;\r\n width: 350px;\r\n height: 350px;\r\n background: rgba(23, 0, 199, 0.08);\r\n animation: ftPulseGlow 10s ease-in-out infinite 5s;\r\n }\r\n\r\n @keyframes ftPulseGlow {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 0.6;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: 1;\r\n transform: scale(1.15);\r\n }\r\n }\r\n\r\n #ft-app .hero-line {\r\n position: absolute;\r\n background: linear-gradient(180deg, rgba(201, 168, 76, 0.3), transparent);\r\n opacity: 0.35;\r\n filter: drop-shadow(0 0 3px rgba(201, 168, 76, 0.2));\r\n width: 1px;\r\n animation: ftLineFloat 6s ease-in-out infinite;\r\n }\r\n\r\n #ft-app .hero-line-1 {\r\n left: 10%;\r\n top: 0;\r\n height: 60%;\r\n animation-delay: 0s;\r\n }\r\n\r\n #ft-app .hero-line-2 {\r\n left: 30%;\r\n top: 10%;\r\n height: 40%;\r\n animation-delay: 2s;\r\n }\r\n\r\n #ft-app .hero-line-3 {\r\n right: 15%;\r\n top: 5%;\r\n height: 55%;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes ftLineFloat {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 0.15;\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n opacity: 0.3;\r\n transform: translateY(-10px);\r\n }\r\n }\r\n\r\n #ft-app .hero-container {\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n }\r\n\r\n #ft-app .hero-content {\r\n text-align: center;\r\n padding: 2rem 0 0 0 !important;\r\n }\r\n\r\n #ft-app .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n background: rgba(201, 168, 76, 0.06);\r\n border: 1px solid var(--border-gold);\r\n color: var(--gold);\r\n padding: 0.6rem 1.5rem;\r\n border-radius: 2px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n margin-bottom: 2rem;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #ft-app .hero-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(2rem, 3.6vw, 2.4rem);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n margin-bottom: 1.5rem;\r\n color: var(--white);\r\n text-wrap: balance;\r\n }\r\n\r\n #ft-app .gold-text {\r\n background: linear-gradient(135deg, var(--gold-light), var(--gold));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n #ft-app .hero-subtitle {\r\n font-size: 1.15rem;\r\n color: var(--white-muted) !important;\r\n max-width: 40rem;\r\n margin: 0 auto 2.5rem;\r\n line-height: 1.8;\r\n }\r\n\r\n #ft-app .hero-cta {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n #ft-app .hero-mockup {\r\n position: relative;\r\n padding-right: 0.5rem;\r\n }\r\n\r\n \/* \u2500\u2500 STATS BAR (below hero) \u2500\u2500 *\/\r\n #ft-app .stats-bar {\r\n background: linear-gradient(180deg, #1a1a2e, #1e1e34) !important;\r\n border-top: 1px solid var(--border-gold) !important;\r\n border-bottom: 1px solid var(--border-gold) !important;\r\n padding: 0 !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n #ft-app .stats-bar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0;\r\n }\r\n\r\n #ft-app .stats-bar-item {\r\n text-align: center;\r\n padding: 2rem 1rem;\r\n border-right: 1px solid var(--border-subtle);\r\n border-bottom: 1px solid var(--border-subtle);\r\n transition: all 0.3s var(--ease-out);\r\n }\r\n\r\n #ft-app .stats-bar-item:last-child {\r\n border-right: none;\r\n }\r\n\r\n #ft-app .stats-bar-item:hover {\r\n background: rgba(23, 0, 199, 0.04);\r\n }\r\n\r\n #ft-app .stats-bar-icon {\r\n width: 3.5rem !important;\r\n height: 3.5rem !important;\r\n margin: 0 auto 0.75rem !important;\r\n background: linear-gradient(135deg, rgba(201, 168, 76, 0.12), rgba(23, 0, 199, 0.08));\r\n border: 1px solid var(--border-gold);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--gold);\r\n font-size: 1.25rem;\r\n }\r\n\r\n #ft-app .stats-bar-value {\r\n font-family: var(--font-display);\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n #ft-app .stats-bar-label {\r\n font-size: 0.7rem;\r\n color: var(--white-muted);\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n }\r\n\r\n @keyframes ftFadeSlideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 SECTION COMMON \u2500\u2500 *\/\r\n #ft-app .section-header {\r\n text-align: center !important;\r\n margin-bottom: 2rem !important;\r\n }\r\n\r\n #ft-app .section-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.5rem 1.25rem;\r\n border-radius: 2px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n margin-bottom: 1.25rem;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #ft-app .badge-blue {\r\n background: rgba(201, 168, 76, 0.06);\r\n color: var(--gold);\r\n border: 1px solid var(--border-gold);\r\n }\r\n\r\n #ft-app .badge-red {\r\n background: rgba(201, 168, 76, 0.06);\r\n color: var(--gold);\r\n border: 1px solid var(--border-gold);\r\n }\r\n\r\n #ft-app .badge-gold {\r\n background: rgba(201, 168, 76, 0.08);\r\n color: var(--gold);\r\n border: 1px solid rgba(201, 168, 76, 0.2);\r\n }\r\n\r\n #ft-app .badge-white {\r\n background: rgba(255, 255, 255, 0.06) !important;\r\n color: var(--white) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n }\r\n\r\n #ft-app .section-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(2rem, 4vw, 3.25rem);\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 1.25rem;\r\n line-height: 1.15;\r\n text-wrap: balance;\r\n }\r\n\r\n #ft-app .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--white-muted) !important;\r\n max-width: 48rem;\r\n margin: 0 auto;\r\n line-height: 1.75;\r\n }\r\n\r\n \/* \u2500\u2500 PROBLEM \u2500\u2500 *\/\r\n #ft-app .problem-section {\r\n padding: 5rem 0;\r\n background: linear-gradient(160deg, #10101a 0%, #181430 50%, #10101a 100%);\r\n position: relative;\r\n }\r\n\r\n #ft-app .problem-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem !important;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n #ft-app .problem-card {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-subtle);\r\n border-radius: 4px;\r\n padding: 2rem !important;\r\n transition: all 0.5s var(--ease-out);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .problem-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 3px;\r\n height: 0;\r\n background: linear-gradient(180deg, var(--gold), var(--gold-dark), transparent);\r\n transition: height 0.5s var(--ease-out);\r\n }\r\n\r\n #ft-app .problem-card:hover::before {\r\n height: 100%;\r\n }\r\n\r\n #ft-app .problem-card:hover {\r\n border-color: rgba(23, 0, 199, 0.2);\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .problem-icon {\r\n width: 4rem;\r\n height: 4rem;\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.25rem;\r\n background: linear-gradient(135deg, rgba(201, 168, 76, 0.1), rgba(23, 0, 199, 0.08));\r\n color: var(--gold);\r\n border: 1px solid var(--border-gold);\r\n font-size: 1.25rem;\r\n }\r\n\r\n #ft-app .problem-title {\r\n font-family: var(--font-display);\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n #ft-app .problem-desc {\r\n color: var(--white-muted) !important;\r\n line-height: 1.7;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* \u2500\u2500 SOLUTION \u2500\u2500 *\/\r\n #ft-app .solution-section {\r\n padding: 5rem 0;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(160deg, #10101a 0%, #221c12 35%, #1c1610 60%, #10101a 100%);\r\n }\r\n\r\n #ft-app .solution-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem !important;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n #ft-app .solution-card {\r\n background: transparent;\r\n border: none;\r\n border-radius: 0;\r\n padding: 0;\r\n transition: all 0.5s var(--ease-out);\r\n position: relative;\r\n overflow: visible;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n #ft-app .solution-card:hover {\r\n transform: translateY(-6px);\r\n }\r\n\r\n #ft-app .solution-card-img {\r\n width: 100% !important;\r\n height: 220px !important;\r\n overflow: hidden !important;\r\n border: 1px solid var(--border-gold);\r\n border-radius: 8px;\r\n transition: border-color 0.4s var(--ease-out);\r\n }\r\n\r\n #ft-app .solution-card:hover .solution-card-img {\r\n border-color: var(--gold);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3), 0 0 15px rgba(201, 168, 76, 0.08);\r\n }\r\n\r\n #ft-app .solution-card-img img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.6s var(--ease-out);\r\n }\r\n\r\n #ft-app .solution-card:hover .solution-card-img img {\r\n transform: scale(1.05);\r\n }\r\n\r\n #ft-app .solution-card-body {\r\n padding: 1.25rem 0.25rem 0 !important;\r\n flex: 1;\r\n }\r\n\r\n #ft-app .solution-title {\r\n font-family: var(--font-display);\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n #ft-app .solution-desc {\r\n color: var(--white-muted) !important;\r\n line-height: 1.75;\r\n }\r\n\r\n #ft-app .cta-box {\r\n background: var(--grad-blue-soft);\r\n border: 1px solid rgba(23, 0, 199, 0.3);\r\n border-radius: 4px;\r\n padding: 3rem !important;\r\n text-align: center;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n #ft-app .cta-box .cta-title-inner {\r\n font-family: var(--font-display);\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n color: white !important;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n #ft-app .cta-box .cta-text {\r\n color: var(--white-muted) !important;\r\n margin-bottom: 2rem;\r\n font-size: 1.05rem;\r\n }\r\n\r\n \/* \u2500\u2500 JOURNEY \u2500\u2500 *\/\r\n #ft-app .journey-section {\r\n padding: 5rem 0;\r\n background: linear-gradient(180deg, #10101a 0%, #141228 40%, #121824 80%, #10101a 100%);\r\n position: relative;\r\n }\r\n\r\n #ft-app .journey-content {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n #ft-app .journey-steps {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n #ft-app .journey-steps::before {\r\n content: '';\r\n position: absolute;\r\n left: 3rem;\r\n transform: translateX(-50%);\r\n top: 2.75rem;\r\n bottom: 2.75rem;\r\n width: 2px;\r\n background: linear-gradient(180deg, var(--gold), var(--gold-dark), transparent);\r\n z-index: -1;\r\n }\r\n\r\n #ft-app .journey-step {\r\n cursor: pointer;\r\n border-radius: 4px;\r\n padding: 1.25rem 1.5rem;\r\n transition: all 1.2s var(--ease-out);\r\n \/* Slowed down from 0.8s *\/\r\n background: transparent;\r\n border: 1px solid transparent;\r\n position: relative;\r\n z-index: 1;\r\n margin-bottom: 5rem;\r\n display: flex;\r\n gap: 1.25rem;\r\n }\r\n\r\n #ft-app .journey-step:last-child {\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n #ft-app .journey-step:hover {\r\n background: rgba(201, 168, 76, 0.03);\r\n border-color: var(--border-subtle);\r\n }\r\n\r\n #ft-app .journey-step.active {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-gold);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .step-icon {\r\n flex-shrink: 0;\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s;\r\n background: var(--black-card);\r\n color: var(--white-muted);\r\n border: 2px solid var(--border-subtle);\r\n z-index: 2;\r\n font-size: 0.9rem;\r\n }\r\n\r\n #ft-app .journey-step.active .step-icon {\r\n background: var(--grad-skyfall);\r\n color: white;\r\n border-color: white;\r\n box-shadow: 0 0 20px var(--ps-blue-glow);\r\n transform: scale(1.1);\r\n }\r\n\r\n #ft-app .step-content {\r\n flex: 1;\r\n }\r\n\r\n \/* Updated Journey Font Sizes *\/\r\n #ft-app .step-number {\r\n font-size: 14px !important;\r\n font-weight: 700;\r\n color: var(--white-muted);\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n margin-bottom: 0.4rem;\r\n display: block;\r\n }\r\n\r\n #ft-app .journey-step.active .step-number {\r\n color: var(--gold);\r\n }\r\n\r\n #ft-app .step-title {\r\n font-family: var(--font-display);\r\n font-size: 18px !important;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n #ft-app .step-desc {\r\n color: var(--white-muted) !important;\r\n font-size: 14px !important;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Sticky Detail Wrapper Fix *\/\r\n #ft-app .journey-detail {\r\n height: 100% !important;\r\n position: relative !important;\r\n }\r\n\r\n #ft-app .detail-card {\r\n background: #FFFFFF !important;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2) !important;\r\n border-radius: 4px !important;\r\n border: 1px solid var(--border-gold) !important;\r\n min-height: 400px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n overflow: hidden !important;\r\n position: -webkit-sticky !important;\r\n position: sticky !important;\r\n top: 120px !important;\r\n z-index: 10 !important;\r\n will-change: transform !important;\r\n }\r\n\r\n #ft-app .detail-card-header {\r\n padding: 2rem 2rem 1.5rem !important;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n #ft-app .detail-card-header h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.35rem;\r\n font-weight: 700;\r\n color: #1a1a2e !important;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n #ft-app .detail-card-header p {\r\n color: #555 !important;\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n }\r\n\r\n #ft-app .ft-card-image-area {\r\n position: relative !important;\r\n width: 100% !important;\r\n padding: 1.5rem !important;\r\n background: #FFFFFF !important;\r\n flex: 1 1 auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n #ft-app #ft-card-img {\r\n width: 100% !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n\r\n \/* \u2500\u2500 JOURNEY DETAIL ANIMATION \u2500\u2500 *\/\r\n #ft-app .detail-card-header,\r\n #ft-app .ft-card-image-area {\r\n transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out) !important;\r\n \/* Slowed down from 0.3s *\/\r\n opacity: 1;\r\n transform: translateY(0);\r\n will-change: opacity, transform;\r\n }\r\n\r\n #ft-app .detail-card.updating .detail-card-header,\r\n #ft-app .detail-card.updating .ft-card-image-area {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n\r\n @keyframes ftMobileDetailReveal {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-15px);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 AUDIENCE \u2500\u2500 *\/\r\n #ft-app .audience-section {\r\n padding: 5rem 0;\r\n background: linear-gradient(160deg, #161618 0%, #221c12 50%, #161618 100%);\r\n }\r\n\r\n #ft-app .audience-cards {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem !important;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n #ft-app .audience-card {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 4px;\r\n padding: 2.5rem !important;\r\n transition: all 0.5s var(--ease-out);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n #ft-app .audience-card::before {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n }\r\n\r\n #ft-app .audience-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n #ft-app .audience-card:hover {\r\n border-color: var(--gold);\r\n transform: translateY(-6px);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .audience-icon {\r\n width: 4rem;\r\n height: 4rem;\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n background: linear-gradient(135deg, rgba(201, 168, 76, 0.1), rgba(23, 0, 199, 0.08));\r\n color: var(--gold);\r\n border: 1px solid var(--border-gold);\r\n font-size: 1.4rem;\r\n }\r\n\r\n #ft-app .dashboard-highlight {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 4px;\r\n padding: 4rem 2rem !important;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .dashboard-highlight::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at center, rgba(23, 0, 199, 0.06), transparent 70%);\r\n }\r\n\r\n #ft-app .dashboard-title {\r\n font-family: var(--font-display);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 1rem;\r\n position: relative;\r\n }\r\n\r\n #ft-app .dashboard-desc {\r\n color: var(--white-muted) !important;\r\n font-size: 1.05rem;\r\n margin-bottom: 2rem;\r\n position: relative;\r\n max-width: 40rem;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* \u2500\u2500 CREDIBILITY \/ VISION \u2500\u2500 *\/\r\n #ft-app .vision-section {\r\n padding: 5rem 0;\r\n background: linear-gradient(180deg, #10101a 0%, #141028 50%, #10101a 100%);\r\n }\r\n\r\n #ft-app .cred-top-row {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem !important;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #ft-app .cred-featured-card {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-subtle);\r\n border-radius: 4px;\r\n padding: 2rem !important;\r\n text-align: center;\r\n transition: all 0.4s var(--ease-out);\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .cred-featured-card:hover {\r\n border-color: var(--gold);\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .cred-featured-card img {\r\n width: 100% !important;\r\n max-height: 160px;\r\n object-fit: contain;\r\n border-radius: 4px;\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n #ft-app .cred-featured-card.gartner {\r\n border-color: rgba(255, 183, 0, 0.2);\r\n }\r\n\r\n #ft-app .cred-featured-card.gartner:hover {\r\n border-color: rgba(255, 183, 0, 0.35);\r\n }\r\n\r\n #ft-app .cred-card-value {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n #ft-app .cred-card-label {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--white-dim);\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n #ft-app .cred-card-desc {\r\n font-size: 0.75rem;\r\n color: var(--white-muted);\r\n }\r\n\r\n #ft-app .cred-bottom-row {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem !important;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n #ft-app .stat-card {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-subtle);\r\n border-radius: 4px;\r\n padding: 2rem !important;\r\n text-align: center;\r\n transition: all 0.4s var(--ease-out);\r\n }\r\n\r\n #ft-app .stat-card:hover {\r\n border-color: var(--gold);\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .stat-card-icon {\r\n font-size: 2.25rem;\r\n color: var(--gold);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n #ft-app .stat-card-value {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n #ft-app .stat-card-label {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--white-dim);\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n #ft-app .stat-card-desc {\r\n font-size: 0.75rem;\r\n color: var(--white-muted);\r\n }\r\n\r\n #ft-app .app-rating-card-inner {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1.5rem 0 !important;\r\n gap: 0.5rem;\r\n min-height: 180px !important;\r\n }\r\n\r\n #ft-app .app-rating-number-lg {\r\n font-family: var(--font-display);\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: var(--white);\r\n line-height: 1;\r\n }\r\n\r\n #ft-app .app-rating-number-lg span {\r\n font-size: 1.5rem;\r\n color: var(--white-muted);\r\n font-weight: 400;\r\n }\r\n\r\n #ft-app .app-rating-stars-lg {\r\n display: flex;\r\n gap: 0.35rem;\r\n margin: 0.25rem 0 0.5rem;\r\n }\r\n\r\n #ft-app .app-rating-stars-lg i {\r\n color: #FCD34D;\r\n font-size: 1.4rem;\r\n }\r\n\r\n #ft-app .app-store-badges-lg {\r\n display: flex;\r\n gap: 0.75rem;\r\n justify-content: center;\r\n margin-top: 0.75rem;\r\n }\r\n\r\n #ft-app .app-store-badge-lg {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.5rem 1rem;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid var(--border-subtle);\r\n border-radius: 6px;\r\n font-size: 0.8rem;\r\n color: var(--white-dim);\r\n font-weight: 600;\r\n transition: all 0.3s var(--ease-out);\r\n }\r\n\r\n #ft-app .app-store-badge-lg:hover {\r\n border-color: rgba(0, 211, 228, 0.2);\r\n background: rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n \/* Customer Strip *\/\r\n #ft-app .customer-strip-section {\r\n margin-top: 3rem;\r\n padding: 2.5rem 0 !important;\r\n border-top: 1px solid var(--border-subtle);\r\n border-bottom: 1px solid var(--border-subtle);\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .customer-strip-title {\r\n text-align: center;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: var(--white-muted);\r\n margin-bottom: 1.5rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n }\r\n\r\n #ft-app .logo-strip {\r\n overflow: hidden;\r\n position: relative;\r\n width: 100% !important;\r\n }\r\n\r\n #ft-app .logo-track {\r\n display: flex;\r\n gap: 2rem !important;\r\n width: max-content;\r\n animation: ftScrollLogo 40s linear infinite;\r\n }\r\n\r\n #ft-app .logo-item {\r\n flex-shrink: 0 !important;\r\n height: 56px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 0 1.5rem !important;\r\n background: rgba(255, 255, 255, 0.7) !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n border: 1px solid var(--border-gold) !important;\r\n border-radius: 4px !important;\r\n }\r\n\r\n #ft-app .logo-item img {\r\n width: 100px !important;\r\n height: 75px !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n\r\n #ft-app .logo-item img[src*=\"LARSEN-2\"],\r\n #ft-app .logo-item img[src*=\"AKASA-AIR-2\"],\r\n #ft-app .logo-item img[src*=\"MAHINDRA-1\"],\r\n #ft-app .logo-item img[src*=\"OMAN-AIR-2\"],\r\n #ft-app .logo-item img[src*=\"ALAMAR-2\"] {\r\n height: 95px !important;\r\n }\r\n\r\n #ft-app .logo-item img[src*=\"rashed-alrashed-sons-logo-png_seeklogo-560870-1\"],\r\n #ft-app .logo-item img[src*=\"borjomi-logo-png-transparent-1\"],\r\n #ft-app .logo-item img[src*=\"Asset-18@2x\"],\r\n #ft-app .logo-item img[src*=\"Asset-17@2x\"],\r\n #ft-app .logo-item img[src*=\"Asset-16@2x\"],\r\n #ft-app .logo-item img[src*=\"Asset-5@2x\"]{\r\n height: 45px !important;\r\n }\r\n\r\n @keyframes ftScrollLogo {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 MANIFESTO \u2500\u2500 *\/\r\n #ft-app .manifesto-section {\r\n padding: 6rem 0;\r\n background: linear-gradient(160deg, #10101a 0%, #14112a 50%, #10101a 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .manifesto-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n #ft-app .manifesto-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(2.25rem, 5vw, 3.5rem);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n color: var(--white);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #ft-app .manifesto-lead p {\r\n font-size: 1.15rem;\r\n color: var(--white-muted) !important;\r\n line-height: 1.85;\r\n max-width: 36rem;\r\n }\r\n\r\n #ft-app .manifesto-pillars {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.25rem !important;\r\n }\r\n\r\n #ft-app .manifesto-pillar {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 4px;\r\n padding: 1.75rem !important;\r\n display: flex;\r\n gap: 1.25rem !important;\r\n transition: all 0.4s var(--ease-out);\r\n }\r\n\r\n #ft-app .manifesto-pillar:hover {\r\n border-color: var(--gold);\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .manifesto-pillar-icon {\r\n flex-shrink: 0;\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, rgba(201, 168, 76, 0.12), rgba(23, 0, 199, 0.08));\r\n border: 1px solid var(--border-gold);\r\n color: var(--gold);\r\n font-size: 1.1rem;\r\n }\r\n\r\n #ft-app .manifesto-pillar h4 {\r\n font-family: var(--font-display);\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.35rem;\r\n }\r\n\r\n #ft-app .manifesto-pillar p {\r\n color: var(--white-muted) !important;\r\n font-size: 0.92rem;\r\n line-height: 1.6;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n #ft-app .manifesto-grid {\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 4rem;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n #ft-app .manifesto-section {\r\n padding: 3.5rem 0;\r\n }\r\n\r\n #ft-app .manifesto-pillar {\r\n padding: 1.25rem !important;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 JOURNEY TOGGLE & SWITCHES \u2500\u2500 *\/\r\n #ft-app .journey-toggle {\r\n display: inline-flex;\r\n gap: 0.35rem;\r\n padding: 0.35rem;\r\n background: var(--black-card);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 6px;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n #ft-app .journey-toggle-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.65rem 1.4rem;\r\n border: none;\r\n background: transparent;\r\n color: var(--white-muted);\r\n font-family: var(--font-body);\r\n font-weight: 700;\r\n font-size: 0.8rem;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n transition: all 0.3s var(--ease-out);\r\n }\r\n\r\n #ft-app .journey-toggle-btn:hover {\r\n color: var(--white);\r\n }\r\n\r\n #ft-app .journey-toggle-btn.active {\r\n background: var(--grad-skyfall);\r\n color: #fff;\r\n box-shadow: 0 4px 16px var(--ps-blue-glow);\r\n }\r\n\r\n #ft-app .hero-journey-switch {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.85rem;\r\n margin-top: 0.25rem;\r\n }\r\n\r\n #ft-app .hero-journey-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--white-muted);\r\n }\r\n\r\n #ft-app .hero-journey-btns {\r\n display: flex;\r\n gap: 0.75rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n #ft-app .manifesto-grid.manifesto-centered {\r\n grid-template-columns: 1fr !important;\r\n text-align: center;\r\n max-width: 58rem;\r\n margin: 0 auto;\r\n }\r\n\r\n #ft-app .manifesto-grid.manifesto-centered .manifesto-lead p {\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 56rem !important;\r\n \/* Increased width to reduce lines *\/\r\n }\r\n\r\n @media (min-width: 768px) {\r\n #ft-app .hero-journey-switch {\r\n align-items: flex-start;\r\n }\r\n\r\n #ft-app .hero-journey-btns {\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n #ft-app .journey-toggle {\r\n display: flex;\r\n width: 100%;\r\n }\r\n\r\n #ft-app .journey-toggle-btn {\r\n flex: 1;\r\n justify-content: center;\r\n padding: 0.6rem 0.5rem;\r\n font-size: 0.7rem;\r\n }\r\n\r\n #ft-app .manifesto-grid.manifesto-centered .manifesto-lead p {\r\n max-width: 100% !important;\r\n \/* Ensure it stays responsive on mobile *\/\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 HERO JOURNEY CHOICE \u2500\u2500 *\/\r\n #ft-app .hero-journey-btns {\r\n gap: 1rem;\r\n }\r\n\r\n #ft-app .journey-choice {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.85rem;\r\n text-align: left;\r\n padding: 0.9rem 1.15rem;\r\n min-width: 250px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: all 0.35s var(--ease-out);\r\n color: var(--white);\r\n font-family: var(--font-body);\r\n }\r\n\r\n #ft-app .journey-choice:hover {\r\n border-color: var(--gold);\r\n background: rgba(201, 168, 76, 0.06);\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n #ft-app .journey-choice-icon {\r\n flex-shrink: 0;\r\n width: 2.75rem;\r\n height: 2.75rem;\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, rgba(201, 168, 76, 0.14), rgba(23, 0, 199, 0.1));\r\n border: 1px solid var(--border-gold);\r\n color: var(--gold);\r\n font-size: 1.1rem;\r\n }\r\n\r\n #ft-app .journey-choice-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.15rem;\r\n }\r\n\r\n #ft-app .journey-choice-title {\r\n font-family: var(--font-display);\r\n font-weight: 700;\r\n font-size: 1rem;\r\n color: var(--white);\r\n }\r\n\r\n #ft-app .journey-choice-sub {\r\n font-size: 0.78rem;\r\n color: var(--white-muted);\r\n }\r\n\r\n #ft-app .journey-choice-arrow {\r\n margin-left: auto;\r\n color: var(--gold);\r\n font-size: 0.8rem;\r\n opacity: 0;\r\n transform: translateX(-6px);\r\n transition: all 0.35s var(--ease-out);\r\n }\r\n\r\n #ft-app .journey-choice:hover .journey-choice-arrow {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n #ft-app .section-subtitle.subtitle-wide {\r\n max-width: none;\r\n }\r\n\r\n #ft-app .footer-brand-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.6rem;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n #ft-app .footer-brand-row .footer-powered {\r\n color: var(--white-muted) !important;\r\n font-size: 0.85rem;\r\n }\r\n\r\n #ft-app .footer-legal {\r\n display: none !important;\r\n }\r\n\r\n #ft-app .footer-bottom {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n padding: 2rem 0 2rem 0 !important;\r\n border-top: 1px solid var(--border-subtle);\r\n text-align: center;\r\n }\r\n\r\n .footer {\r\n padding-top: 30px !important;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n #ft-app .section-subtitle.subtitle-wide {\r\n white-space: nowrap;\r\n }\r\n\r\n #ft-app .footer-brand-row {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n text-align: left;\r\n }\r\n\r\n #ft-app .footer-bottom {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n #ft-app .journey-choice {\r\n min-width: 0;\r\n width: 100%;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 AUDIENCE TEXT-LINK BUTTON \u2500\u2500 *\/\r\n #ft-app .audience-card .btn-textlink {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 0.5rem !important;\r\n margin-top: auto !important;\r\n padding: 1.5rem 0 0 0 !important;\r\n background: transparent !important;\r\n border: none !important;\r\n color: var(--gold) !important;\r\n font-family: var(--font-body) !important;\r\n font-weight: 700 !important;\r\n font-size: 0.85rem !important;\r\n letter-spacing: 0.05em !important;\r\n text-transform: uppercase !important;\r\n cursor: pointer !important;\r\n align-self: flex-start !important;\r\n transition: gap 0.3s var(--ease-out), color 0.3s var(--ease-out) !important;\r\n }\r\n\r\n #ft-app .audience-card .btn-textlink:hover {\r\n gap: 0.85rem !important;\r\n color: var(--gold-light) !important;\r\n background: transparent !important;\r\n transform: none !important;\r\n }\r\n\r\n #ft-app .audience-card .btn-textlink i {\r\n font-size: 0.75rem !important;\r\n }\r\n\r\n \/* \u2500\u2500 BLOG \u2500\u2500 *\/\r\n #ft-app .blog-section {\r\n padding: 5rem 0;\r\n background: linear-gradient(160deg, #161618 0%, #1e1c14 50%, #161618 100%);\r\n }\r\n\r\n #ft-app .blog-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem !important;\r\n }\r\n\r\n #ft-app .blog-card {\r\n background: var(--black-card);\r\n border: 1px solid var(--border-gold);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n transition: all 0.5s var(--ease-out);\r\n cursor: pointer;\r\n }\r\n\r\n #ft-app .blog-card:hover {\r\n border-color: var(--gold);\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n #ft-app .blog-cta {\r\n text-align: center;\r\n margin-top: 2rem;\r\n }\r\n\r\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n #ft-app .cta-section {\r\n position: relative;\r\n padding: 3.5rem 0;\r\n background: linear-gradient(135deg, #10101a 0%, #221640 50%, #10101a 100%);\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .cta-bg-glow {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n }\r\n\r\n #ft-app .cta-glow {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(150px);\r\n opacity: 0.15;\r\n }\r\n\r\n #ft-app .cta-glow-1 {\r\n top: -20%;\r\n right: -10%;\r\n width: 500px;\r\n height: 500px;\r\n background: var(--ps-blue);\r\n }\r\n\r\n #ft-app .cta-glow-2 {\r\n bottom: -20%;\r\n left: -10%;\r\n width: 400px;\r\n height: 400px;\r\n background: var(--cyan);\r\n }\r\n\r\n #ft-app .cta-content {\r\n position: relative;\r\n z-index: 10;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n align-items: start;\r\n }\r\n\r\n #ft-app .cta-left {\r\n color: var(--white);\r\n }\r\n\r\n #ft-app .cta-title {\r\n font-family: var(--font-display);\r\n font-size: clamp(2rem, 4vw, 2.75rem);\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n color: white !important;\r\n }\r\n\r\n #ft-app .cta-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--white-muted) !important;\r\n margin-bottom: 2rem;\r\n line-height: 1.75;\r\n }\r\n\r\n #ft-app .cta-benefits {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem !important;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n #ft-app .benefit {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem !important;\r\n padding: 1rem !important;\r\n background: rgba(201, 168, 76, 0.03) !important;\r\n border-radius: 4px !important;\r\n border: 1px solid var(--border-gold) !important;\r\n transition: all 0.3s;\r\n }\r\n\r\n #ft-app .benefit:hover {\r\n background: rgba(201, 168, 76, 0.06) !important;\r\n border-color: rgba(201, 168, 76, 0.3) !important;\r\n }\r\n\r\n #ft-app .benefit-icon {\r\n flex-shrink: 0;\r\n color: var(--gold);\r\n margin-top: 0.15rem;\r\n font-size: 1rem;\r\n }\r\n\r\n #ft-app .benefit-title {\r\n font-weight: 700;\r\n color: var(--white);\r\n margin-bottom: 0.2rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n #ft-app .benefit-desc {\r\n font-size: 0.85rem;\r\n color: var(--white-muted) !important;\r\n }\r\n\r\n #ft-app .cta-note,\r\n #ft-app .cta-note p {\r\n background: rgba(201, 168, 76, 0.03) !important;\r\n border: 1px solid var(--border-gold) !important;\r\n border-radius: 4px !important;\r\n padding: 1.5rem !important;\r\n color: white !important;\r\n }\r\n\r\n #ft-app .cta-note strong {\r\n color: var(--gold) !important;\r\n }\r\n\r\n \/* Contact Form General Styling *\/\r\n #ft-app .contact-form-container {\r\n background: #FFFFFF !important;\r\n border-radius: 4px !important;\r\n padding: 1.75rem !important;\r\n border: 1px solid rgba(201, 168, 76, 0.2) !important;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;\r\n margin: 0 auto;\r\n scroll-margin-top: 100px !important;\r\n \/* Offset for smooth scrolling *\/\r\n }\r\n\r\n #ft-app .form-title {\r\n font-family: var(--font-display);\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #1a1a2e !important;\r\n margin-bottom: 1rem !important;\r\n }\r\n\r\n \/* HubSpot Form Overrides *\/\r\n #ft-app .form-content .hs-form {\r\n width: 100% !important;\r\n }\r\n\r\n \/* Layout for First\/Last Name *\/\r\n #ft-app .form-content .hs_firstname,\r\n #ft-app .form-content .hs_lastname {\r\n display: inline-block !important;\r\n width: 48% !important;\r\n vertical-align: top;\r\n }\r\n\r\n #ft-app .form-content .hs_firstname {\r\n margin-right: 4% !important;\r\n }\r\n\r\n \/* Layout for Phone Extension & Number *\/\r\n #ft-app .form-content .hs_phone .input>div {\r\n display: flex !important;\r\n gap: 0.5rem !important;\r\n }\r\n\r\n #ft-app .form-content .hs_phone select {\r\n width: 35% !important;\r\n flex-shrink: 0;\r\n }\r\n\r\n #ft-app .form-content .hs_phone input[type=\"tel\"] {\r\n width: 65% !important;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* Layout & Styling for Organization Type (Radio Buttons) *\/\r\n #ft-app .form-content .hs_organization_type .inputs-list {\r\n display: flex !important;\r\n gap: 0.75rem !important;\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n #ft-app .form-content .hs_organization_type .hs-form-radio {\r\n flex: 1 !important;\r\n }\r\n\r\n #ft-app .form-content .hs_organization_type .hs-form-radio-display {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 0.5rem !important;\r\n padding: 0.7rem 0.9rem !important;\r\n border: 1px solid rgba(0, 0, 0, 0.12) !important;\r\n border-radius: 4px !important;\r\n background: #F7F7FA !important;\r\n cursor: pointer !important;\r\n transition: all 0.25s var(--ease-out) !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 600 !important;\r\n color: #555 !important;\r\n user-select: none !important;\r\n }\r\n\r\n #ft-app .form-content .hs_organization_type .hs-form-radio-display input[type=\"radio\"] {\r\n accent-color: var(--ps-blue) !important;\r\n width: 1rem !important;\r\n height: 1rem !important;\r\n margin: 0 !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n #ft-app .form-content .hs_organization_type .hs-form-radio-display:hover {\r\n border-color: var(--gold) !important;\r\n background: #fff !important;\r\n }\r\n\r\n #ft-app .form-content .hs_organization_type .hs-form-radio-display:has(input:checked) {\r\n border-color: var(--ps-blue) !important;\r\n background: rgba(23, 0, 199, 0.05) !important;\r\n color: #1a1a2e !important;\r\n }\r\n\r\n #ft-app .form-content .hs-form-field {\r\n margin-bottom: 1rem !important;\r\n }\r\n\r\n #ft-app .form-content .hs-form-field>label {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.8rem !important;\r\n font-weight: 600 !important;\r\n color: #555 !important;\r\n margin-bottom: 0.5rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.05em !important;\r\n display: block !important;\r\n }\r\n\r\n #ft-app .form-content .hs-form-field>label span.hs-form-required {\r\n color: var(--accent-red) !important;\r\n }\r\n\r\n \/* Ensure label color applies to No. of employees *\/\r\n #ft-app .form-content .hs_employee_count>label {\r\n color: #555 !important;\r\n }\r\n\r\n #ft-app .form-content .hs-input {\r\n width: 100% !important;\r\n padding: 0.7rem 0.9rem !important;\r\n border: 1px solid rgba(0, 0, 0, 0.1) !important;\r\n border-radius: 4px !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 0.95rem !important;\r\n transition: all 0.3s !important;\r\n background: #F7F7FA !important;\r\n color: #1a1a2e !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n #ft-app .form-content .hs-input:focus {\r\n outline: none !important;\r\n border-color: var(--gold) !important;\r\n box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.1) !important;\r\n background: #fff !important;\r\n }\r\n\r\n #ft-app .form-content .hs-button {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 100% !important;\r\n padding: 0.875rem 2rem !important;\r\n border-radius: 4px !important;\r\n font-weight: 600 !important;\r\n font-size: 0.95rem !important;\r\n cursor: pointer !important;\r\n transition: all 0.4s var(--ease-out) !important;\r\n border: none !important;\r\n font-family: var(--font-body) !important;\r\n letter-spacing: 0.03em !important;\r\n text-transform: uppercase !important;\r\n background: var(--grad-skyfall) !important;\r\n color: white !important;\r\n box-shadow: 0 4px 20px var(--ps-blue-glow) !important;\r\n margin-top: 0.5rem !important;\r\n }\r\n\r\n #ft-app .form-content .hs-button:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 40px var(--ps-blue-glow) !important;\r\n background: linear-gradient(-20deg, #03005E 0%, #1700C7 80%) !important;\r\n }\r\n\r\n #ft-app .form-content fieldset {\r\n max-width: 100% !important;\r\n border: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n\r\n #ft-app .form-content .legal-consent-container {\r\n font-size: 0.75rem !important;\r\n color: #999 !important;\r\n text-align: center !important;\r\n margin-top: 1rem !important;\r\n }\r\n\r\n #ft-app .form-content .legal-consent-container p {\r\n margin-bottom: 0.5rem !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n #ft-app .form-content .hs-error-msgs {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0.25rem 0 0 0 !important;\r\n }\r\n\r\n #ft-app .form-content .hs-error-msgs label {\r\n color: var(--accent-red) !important;\r\n font-size: 0.75rem !important;\r\n text-transform: none !important;\r\n letter-spacing: normal !important;\r\n margin-bottom: 0 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n \/* Form success message override *\/\r\n #ft-app .form-content .submitted-message,\r\n #ft-app .form-content .submitted-message * {\r\n color: #1a1a2e !important;\r\n }\r\n\r\n \/* Specific override for Employee Count and Phone placeholders *\/\r\n #ft-app .form-content input[id=\"0-2\/employee_count-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]::-webkit-input-placeholder,\r\n #ft-app .form-content input[id=\"phone-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]::-webkit-input-placeholder {\r\n color: #999 !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n #ft-app .form-content input[id=\"0-2\/employee_count-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]::-moz-placeholder,\r\n #ft-app .form-content input[id=\"phone-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]::-moz-placeholder {\r\n color: #999 !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n #ft-app .form-content input[id=\"0-2\/employee_count-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]:-ms-input-placeholder,\r\n #ft-app .form-content input[id=\"phone-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]:-ms-input-placeholder {\r\n color: #999 !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n #ft-app .form-content input[id=\"0-2\/employee_count-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]::placeholder,\r\n #ft-app .form-content input[id=\"phone-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]::placeholder {\r\n color: #999 !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* Fallback in case Employee count or Phone ext is a select dropdown *\/\r\n #ft-app .form-content select[id=\"0-2\/employee_count-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]:invalid,\r\n #ft-app .form-content select[id=\"0-2\/employee_count-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"] option[value=\"\"],\r\n #ft-app .form-content select[id=\"phone_ext-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"]:invalid,\r\n #ft-app .form-content select[id=\"phone_ext-1d7996ec-22ef-439e-8ce4-d8d683ac7154\"] option[value=\"\"] {\r\n color: #999 !important;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE (DESKTOP) \u2500\u2500 *\/\r\n @media (min-width:768px) {\r\n #ft-app .header {\r\n position: relative !important;\r\n top: auto !important;\r\n }\r\n\r\n #ft-app .nav-desktop {\r\n display: flex;\r\n }\r\n\r\n #ft-app .mobile-menu-btn {\r\n display: none;\r\n }\r\n\r\n #ft-app .hero-container {\r\n grid-template-columns: 55% 45%;\r\n gap: 3rem;\r\n }\r\n\r\n #ft-app .hero-content {\r\n text-align: left;\r\n padding-top: 0 !important;\r\n }\r\n\r\n #ft-app .hero-subtitle {\r\n margin-left: 0;\r\n }\r\n\r\n #ft-app .hero-cta {\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n }\r\n\r\n #ft-app .hero-mockup {\r\n margin-left: 0;\r\n padding-right: 0.5rem;\r\n }\r\n\r\n #ft-app .stats-bar-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n #ft-app .stats-bar-item {\r\n border-bottom: none;\r\n }\r\n\r\n #ft-app .problem-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n #ft-app .solution-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n #ft-app .journey-content {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n #ft-app .audience-cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n #ft-app .cred-top-row {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n #ft-app .cred-bottom-row {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n #ft-app .blog-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n #ft-app .cta-content {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n }\r\n\r\n #ft-app .contact-form-container {\r\n max-width: 440px;\r\n width: 100%;\r\n }\r\n\r\n #ft-app .footer-content {\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE RESPONSIVE FIXES \u2500\u2500 *\/\r\n @media (max-width:767px) {\r\n #ft-app .container {\r\n padding: 0 1.5rem !important;\r\n }\r\n\r\n #ft-app .audience-section {\r\n padding-top: 50px !important;\r\n }\r\n\r\n #ft-app .header {\r\n padding: 1rem 0 !important;\r\n height: auto !important;\r\n min-height: 60px !important;\r\n }\r\n\r\n #ft-app .header .container {\r\n padding: 0 1.5rem !important;\r\n }\r\n\r\n #ft-app .header-content {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n width: 100% !important;\r\n flex-wrap: nowrap !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #ft-app .logo {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n justify-content: center !important;\r\n margin: 0 !important;\r\n padding: 0 0 0 1rem !important;\r\n width: auto !important;\r\n max-width: 80% !important;\r\n }\r\n\r\n #ft-app .logo-text {\r\n font-size: 1.4rem !important;\r\n line-height: 1.1 !important;\r\n margin: 0 0 2px 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #ft-app .logo-subtext {\r\n font-size: 0.65rem !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 4px !important;\r\n }\r\n\r\n #ft-app .logo-subtext img {\r\n height: 12px !important;\r\n margin-left: 0 !important;\r\n }\r\n\r\n #ft-app .mobile-menu-btn {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n padding: 0 !important;\r\n margin: 0 0 0 auto !important;\r\n background: transparent !important;\r\n border: none !important;\r\n flex-shrink: 0 !important;\r\n cursor: pointer !important;\r\n position: relative !important;\r\n z-index: 1000 !important;\r\n transition: all 0.3s;\r\n }\r\n\r\n #ft-app .mobile-menu-btn i {\r\n font-size: 1.8rem !important;\r\n color: var(--white) !important;\r\n pointer-events: none !important;\r\n display: block !important;\r\n transition: transform 0.3s var(--ease-out);\r\n }\r\n\r\n #ft-app .nav-mobile {\r\n display: flex !important;\r\n position: absolute !important;\r\n top: 100% !important;\r\n left: 0 !important;\r\n width: 100vw !important;\r\n height: 100vh !important;\r\n background: rgba(16, 16, 26, 0.98) !important;\r\n backdrop-filter: blur(20px) !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n justify-content: flex-start !important;\r\n padding: 3rem 2rem !important;\r\n gap: 2rem !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n margin: 0 !important;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(-15px);\r\n transition: opacity 0.4s var(--ease-out), transform 0.4s var(--ease-out), visibility 0.4s !important;\r\n z-index: 990 !important;\r\n }\r\n\r\n #ft-app .nav-mobile.active {\r\n opacity: 1 !important;\r\n visibility: visible !important;\r\n transform: translateY(0) !important;\r\n }\r\n\r\n #ft-app .nav-link-mobile {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.5rem !important;\r\n font-weight: 600 !important;\r\n color: var(--white) !important;\r\n padding: 0.5rem !important;\r\n transition: color 0.3s var(--ease-out) !important;\r\n }\r\n\r\n #ft-app .nav-link-mobile:hover {\r\n color: var(--gold) !important;\r\n background: transparent !important;\r\n }\r\n\r\n #ft-app .hero-section {\r\n min-height: auto !important;\r\n padding-top: 25px !important;\r\n padding-bottom: 2.5rem !important;\r\n }\r\n\r\n #ft-app .d-br {\r\n display: none !important;\r\n }\r\n\r\n #ft-app .hero-title {\r\n font-size: 1.85rem;\r\n line-height: 1.18;\r\n }\r\n\r\n #ft-app .hero-subtitle {\r\n font-size: 1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #ft-app .hero-cta {\r\n gap: 0.75rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #ft-app .btn-large {\r\n padding: 0.8rem 1.5rem !important;\r\n font-size: 0.85rem !important;\r\n }\r\n\r\n #ft-app .hero-mockup {\r\n margin-top: 1.5rem;\r\n }\r\n\r\n #ft-app .hero-mockup img {\r\n border-radius: 8px;\r\n }\r\n\r\n \/* Hero journey chooser *\/\r\n #ft-app .hero-journey-switch {\r\n align-items: stretch;\r\n gap: 0.75rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n #ft-app .hero-journey-label {\r\n text-align: center;\r\n }\r\n\r\n #ft-app .hero-journey-btns {\r\n flex-direction: column;\r\n gap: 0.6rem;\r\n width: 100%;\r\n }\r\n\r\n #ft-app .journey-choice {\r\n width: 100%;\r\n min-width: 0;\r\n padding: 0.85rem 1rem;\r\n }\r\n\r\n #ft-app .journey-choice-arrow {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n \/* Journey toggle *\/\r\n #ft-app .journey-toggle {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n \/* Manifesto *\/\r\n #ft-app .manifesto-title {\r\n font-size: 1.7rem;\r\n }\r\n\r\n #ft-app .manifesto-lead p {\r\n font-size: 0.95rem;\r\n }\r\n\r\n #ft-app .manifesto-lead .btn-large {\r\n margin-top: 1.5rem !important;\r\n }\r\n\r\n \/* Audience text-link *\/\r\n #ft-app .audience-card .btn-textlink {\r\n padding: 1.25rem 0 0 0 !important;\r\n font-size: 0.8rem !important;\r\n }\r\n\r\n #ft-app .stats-bar-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n #ft-app .stats-bar-item {\r\n padding: 1.25rem 0.75rem !important;\r\n }\r\n\r\n #ft-app .stats-bar-value {\r\n font-size: 0.95rem;\r\n }\r\n\r\n #ft-app .stats-bar-label {\r\n font-size: 0.6rem;\r\n }\r\n\r\n #ft-app .stats-bar-icon {\r\n width: 2.25rem !important;\r\n height: 2.25rem !important;\r\n font-size: 0.75rem !important;\r\n margin-bottom: 0.5rem !important;\r\n }\r\n\r\n #ft-app .section-header {\r\n margin-bottom: 1.5rem !important;\r\n }\r\n\r\n #ft-app .section-title {\r\n font-size: 1.6rem;\r\n }\r\n\r\n #ft-app .section-subtitle {\r\n font-size: 0.9rem;\r\n }\r\n\r\n #ft-app .section-badge {\r\n font-size: 0.6rem;\r\n padding: 0.4rem 0.75rem;\r\n }\r\n\r\n #ft-app .problem-section {\r\n padding-bottom: 10px !important;\r\n }\r\n\r\n #ft-app .problem-grid {\r\n gap: 1rem !important;\r\n }\r\n\r\n #ft-app .problem-card {\r\n padding: 1.5rem !important;\r\n border-color: rgba(23, 0, 199, 0.2) !important;\r\n transform: translateY(-4px) !important;\r\n box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3) !important;\r\n }\r\n\r\n #ft-app .problem-card::before {\r\n height: 100% !important;\r\n }\r\n\r\n #ft-app .problem-icon {\r\n width: 2.75rem;\r\n height: 2.75rem;\r\n font-size: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n #ft-app .solution-grid {\r\n gap: 3.25rem !important;\r\n }\r\n\r\n #ft-app .solution-card-img {\r\n height: 160px !important;\r\n }\r\n\r\n #ft-app .solution-card-body {\r\n padding: 1rem 0.5rem 0 !important;\r\n }\r\n\r\n #ft-app .solution-title {\r\n font-size: 1.1rem;\r\n }\r\n\r\n #ft-app .solution-desc {\r\n font-size: 0.85rem;\r\n }\r\n\r\n #ft-app .cta-box {\r\n padding: 2rem 1.25rem !important;\r\n }\r\n\r\n #ft-app .cta-box .cta-title-inner {\r\n font-size: 1.25rem;\r\n }\r\n\r\n #ft-app .cta-box .cta-text {\r\n font-size: 0.9rem;\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n #ft-app .dashboard-highlight {\r\n padding: 2rem 1.25rem !important;\r\n }\r\n\r\n #ft-app .dashboard-title {\r\n font-size: 1.35rem;\r\n }\r\n\r\n #ft-app .dashboard-desc {\r\n font-size: 0.9rem;\r\n }\r\n\r\n #ft-app .journey-content {\r\n gap: 0;\r\n }\r\n\r\n #ft-app .journey-steps {\r\n gap: 0;\r\n }\r\n\r\n #ft-app .journey-steps::before {\r\n display: none;\r\n }\r\n\r\n #ft-app .journey-step {\r\n padding: 1rem !important;\r\n margin-bottom: 0;\r\n border-radius: 4px 4px 0 0;\r\n }\r\n\r\n #ft-app .journey-step.active {\r\n border-radius: 4px 4px 0 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n #ft-app .step-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n #ft-app .journey-detail {\r\n display: none;\r\n }\r\n\r\n #ft-app .journey-detail-mobile {\r\n display: block;\r\n margin: 0 0 0.5rem;\r\n border-radius: 0 0 4px 4px;\r\n overflow: hidden;\r\n border: 1px solid var(--border-gold);\r\n border-top: none;\r\n background: #FFFFFF;\r\n animation: ftMobileDetailReveal 1s var(--ease-out) forwards;\r\n transform-origin: top center;\r\n }\r\n\r\n #ft-app .journey-detail-mobile img {\r\n width: 100% !important;\r\n display: block !important;\r\n }\r\n\r\n #ft-app .journey-detail-mobile .detail-mobile-header {\r\n padding: 0.75rem 1rem !important;\r\n background: #FFFFFF;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n #ft-app .journey-detail-mobile .detail-mobile-header h4 {\r\n font-family: var(--font-display);\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n margin-bottom: 0.2rem;\r\n }\r\n\r\n #ft-app .journey-detail-mobile .detail-mobile-header p {\r\n font-size: 0.75rem;\r\n color: #666;\r\n line-height: 1.5;\r\n }\r\n\r\n #ft-app .detail-card {\r\n position: static !important;\r\n min-height: auto !important;\r\n }\r\n\r\n #ft-app .audience-cards {\r\n grid-template-columns: 1fr !important;\r\n gap: 1rem !important;\r\n }\r\n\r\n #ft-app .audience-card {\r\n padding: 1.5rem !important;\r\n }\r\n\r\n #ft-app .cred-top-row {\r\n grid-template-columns: 1fr !important;\r\n gap: 1rem !important;\r\n }\r\n\r\n #ft-app .cred-bottom-row {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 0.75rem !important;\r\n }\r\n\r\n #ft-app .stat-card {\r\n padding: 1.25rem !important;\r\n }\r\n\r\n #ft-app .stat-card-value {\r\n font-size: 1.2rem;\r\n }\r\n\r\n #ft-app .stat-card-icon {\r\n font-size: 1.25rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n #ft-app .customer-strip-section {\r\n padding: 1.5rem 0 !important;\r\n }\r\n\r\n #ft-app .blog-grid {\r\n display: flex !important;\r\n grid-template-columns: unset !important;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n gap: 1rem;\r\n padding-bottom: 1rem;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n }\r\n\r\n #ft-app .blog-grid::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n #ft-app .blog-grid .blog-card {\r\n min-width: 280px;\r\n max-width: 300px;\r\n flex-shrink: 0;\r\n scroll-snap-align: start;\r\n }\r\n\r\n \/* Mobile CTA Section Formatting (Block Center, Text Left) *\/\r\n #ft-app .cta-content {\r\n gap: 2.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n #ft-app .cta-left {\r\n width: 100%;\r\n }\r\n\r\n #ft-app .cta-title {\r\n font-size: 1.5rem;\r\n text-align: left;\r\n }\r\n\r\n #ft-app .cta-subtitle {\r\n font-size: 0.9rem;\r\n text-align: left;\r\n }\r\n\r\n #ft-app .benefit {\r\n padding: 0.75rem !important;\r\n flex-direction: row;\r\n align-items: flex-start !important;\r\n }\r\n\r\n #ft-app .benefit-icon {\r\n margin-bottom: 0;\r\n }\r\n\r\n #ft-app .cta-note {\r\n text-align: left;\r\n }\r\n\r\n #ft-app .contact-form-container {\r\n padding: 1.5rem !important;\r\n width: 100%;\r\n margin: 0 auto;\r\n max-width: 440px;\r\n scroll-margin-top: 100px !important;\r\n }\r\n\r\n \/* Applied specifically here for mobile *\/\r\n #ft-app .form-title {\r\n font-size: 1.25rem !important;\r\n text-align: center;\r\n }\r\n\r\n #ft-app .footer {\r\n padding: 2.5rem 0 1.5rem !important;\r\n }\r\n\r\n #ft-app .footer-content {\r\n gap: 1.5rem !important;\r\n }\r\n\r\n #ft-app .footer-logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n #ft-app .footer-desc {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width:400px) {\r\n #ft-app .hero-title {\r\n font-size: 1.7rem;\r\n }\r\n\r\n #ft-app .stats-bar-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n #ft-app .stats-bar-value {\r\n font-size: 0.85rem;\r\n }\r\n\r\n #ft-app .cred-bottom-row {\r\n grid-template-columns: 1fr 1fr !important;\r\n }\r\n\r\n #ft-app .blog-grid .blog-card {\r\n min-width: 250px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div id=\"ft-app\">\r\n <header id=\"ft-header\" class=\"header\">\r\n <div class=\"container\">\r\n <div class=\"header-content\">\r\n <div class=\"logo\">\r\n <span class=\"logo-text\"><span\r\n style=\"-webkit-text-fill-color:var(--white);color:var(--white);\">Futureoftalent<\/span><span\r\n style=\"-webkit-text-fill-color:var(--accent-yellow);color:var(--accent-yellow);\">.<\/span><span\r\n style=\"background:linear-gradient(135deg,var(--ps-blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">ai<\/span><\/span>\r\n <span class=\"logo-subtext\" style=\"display:flex; align-items:center; gap: 4px;\"><span\r\n style=\"position:relative; top:1.5px;\">Powered by<\/span><img decoding=\"async\"\r\n src=\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg\"\r\n alt=\"PeopleStrong\"\r\n style=\"height:18px !important; display:block; margin-left: 0;\"><\/span>\r\n <\/div>\r\n <nav class=\"nav-desktop\">\r\n <a href=\"#journey\" class=\"nav-link\">How It Works<\/a>\r\n <a href=\"#audience-target\" class=\"nav-link\">Solutions<\/a>\r\n <button class=\"btn btn-primary\" onclick=\"ftScrollToSection('contact-form-container')\">Get\r\n Started<\/button>\r\n <\/nav>\r\n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\"><i class=\"fas fa-bars\"><\/i><\/button>\r\n <\/div>\r\n\r\n <nav class=\"nav-mobile\" id=\"mobileMenu\">\r\n <a href=\"#journey\" class=\"nav-link-mobile\">How It Works<\/a>\r\n <a href=\"#audience-target\" class=\"nav-link-mobile\">Solutions<\/a>\r\n <button class=\"btn btn-primary\"\r\n style=\"width:100% !important;justify-content:center;margin-top:1rem;padding:1rem !important;font-size:1.1rem !important;\"\r\n onclick=\"ftScrollToSection('contact-form-container')\">Get Started<\/button>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero-section\">\r\n <div class=\"hero-bg-effects\">\r\n <div class=\"hero-glow hero-glow-1\"><\/div>\r\n <div class=\"hero-glow hero-glow-2\"><\/div>\r\n <div class=\"hero-glow hero-glow-3\"><\/div>\r\n <div class=\"hero-line hero-line-1\"><\/div>\r\n <div class=\"hero-line hero-line-2\"><\/div>\r\n <div class=\"hero-line hero-line-3\"><\/div>\r\n <div class=\"geo-pattern\"><\/div>\r\n <\/div>\r\n <div class=\"container hero-container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-star\" style=\"font-size:0.6rem;\"><\/i>\r\n <span>GCC's Only AI-Powered Talent Infrastructure<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n Transform How <span class=\"gold-text\">National Talent<\/span><br class=\"d-br\">\r\n is Discovered, Developed<br class=\"d-br\">\r\n & Deployed\r\n <\/h1>\r\n <p class=\"hero-subtitle\">\r\n One Talent ID. Every role. From your first job to leadership, all connected through AI-powered\r\n intelligence that turns individual progress into national readiness.\r\n <\/p>\r\n <div class=\"hero-journey-switch\">\r\n <span class=\"hero-journey-label\">See how it works for<\/span>\r\n <div class=\"hero-journey-btns\">\r\n <button class=\"journey-choice\" onclick=\"ftSetJourney('enterprise', true)\">\r\n <span class=\"journey-choice-icon\"><i class=\"fas fa-building\"><\/i><\/span>\r\n <span class=\"journey-choice-text\">\r\n <span class=\"journey-choice-title\">Large Enterprises<\/span>\r\n <span class=\"journey-choice-sub\">Build & deploy internal talent<\/span>\r\n <\/span>\r\n <i class=\"fas fa-arrow-right journey-choice-arrow\"><\/i>\r\n <\/button>\r\n <button class=\"journey-choice\" onclick=\"ftSetJourney('government', true)\">\r\n <span class=\"journey-choice-icon\"><i class=\"fas fa-landmark\"><\/i><\/span>\r\n <span class=\"journey-choice-text\">\r\n <span class=\"journey-choice-title\">Government<\/span>\r\n <span class=\"journey-choice-sub\">Power national talent strategy<\/span>\r\n <\/span>\r\n <i class=\"fas fa-arrow-right journey-choice-arrow\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-mockup\">\r\n <div style=\"position:relative;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Untitled-design-2-1.jpg\"\r\n alt=\"Futureoftalent.ai - National Talent Platform\"\r\n style=\"width:100% !important;display:block !important;border-radius:12px !important;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"stats-bar\">\r\n <div class=\"container\">\r\n <div class=\"stats-bar-grid\">\r\n <div class=\"stats-bar-item\">\r\n <div class=\"stats-bar-icon\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\r\n <div class=\"stats-bar-value\">One ID<\/div>\r\n <div class=\"stats-bar-label\">Unique Talent Identity<\/div>\r\n <\/div>\r\n <div class=\"stats-bar-item\">\r\n <div class=\"stats-bar-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\r\n <div class=\"stats-bar-value\">AI-Powered<\/div>\r\n <div class=\"stats-bar-label\">Intelligent Matching<\/div>\r\n <\/div>\r\n <div class=\"stats-bar-item\">\r\n <div class=\"stats-bar-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n <div class=\"stats-bar-value\">Skills Intelligence<\/div>\r\n <div class=\"stats-bar-label\">Real-time<\/div>\r\n <\/div>\r\n <div class=\"stats-bar-item\">\r\n <div class=\"stats-bar-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n <div class=\"stats-bar-value\">National Scale<\/div>\r\n <div class=\"stats-bar-label\">GCC-Wide Platform<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"solutions\" class=\"audience-section\">\r\n <div class=\"container\">\r\n <div id=\"audience-target\" class=\"section-header ft-reveal\">\r\n <div class=\"section-badge badge-blue\"><i class=\"fas fa-users\" style=\"font-size:0.6rem;\"><\/i> WHO IS\r\n IT FOR<\/div>\r\n <h2 id=\"intelligence-that-drives-outcomes\" class=\"section-title\">Intelligence That Drives Outcomes\r\n <\/h2>\r\n <p class=\"section-subtitle\">Purpose-built solutions for every stakeholder in the national talent\r\n ecosystem<\/p>\r\n <\/div>\r\n <div id=\"audienceCards\" class=\"audience-cards ft-reveal\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"journey\" class=\"journey-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header ft-reveal\">\r\n <div class=\"section-badge badge-blue\"><i class=\"fas fa-route\" style=\"font-size:0.6rem;\"><\/i> YOUR\r\n TALENT JOURNEY<\/div>\r\n <h2 class=\"section-title\">Skills Come First, Guidance Comes Early<\/h2>\r\n <div class=\"journey-toggle\">\r\n <button class=\"journey-toggle-btn\" data-journey=\"enterprise\"\r\n onclick=\"ftSetJourney('enterprise')\"><i class=\"fas fa-building\"\r\n style=\"font-size:0.7rem;\"><\/i> Large Enterprises<\/button>\r\n <button class=\"journey-toggle-btn\" data-journey=\"government\"\r\n onclick=\"ftSetJourney('government')\"><i class=\"fas fa-landmark\"\r\n style=\"font-size:0.7rem;\"><\/i> Government<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"journey-content ft-reveal\">\r\n <div class=\"journey-steps\"><\/div>\r\n <div class=\"journey-detail\">\r\n <div id=\"journeyDetailCard\" class=\"detail-card\">\r\n <div class=\"detail-card-header\" style=\"flex-shrink: 0 !important;\">\r\n <h3 id=\"ft-card-title\"><\/h3>\r\n <p id=\"ft-card-desc\"><\/p>\r\n <\/div>\r\n <div class=\"ft-card-image-area\"\r\n style=\"padding:1.5rem !important; background:#FFFFFF !important; position:relative !important; width:100% !important;\">\r\n <img decoding=\"async\" id=\"ft-card-img\" src=\"\" alt=\"\"\r\n style=\"width:100% !important; height:auto !important; object-fit:contain !important; display:block !important;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"manifesto-section\">\r\n <div class=\"container\">\r\n <div class=\"manifesto-grid manifesto-centered ft-reveal\">\r\n <div class=\"manifesto-lead\">\r\n <h2 class=\"manifesto-title\">We Are the <span class=\"gold-text\">Future of Talent<\/span><\/h2>\r\n <p>Learned from hundreds of CHRO conversations. Triangulated with the research defining\r\n workforce transformation. From the individual to the boardroom, we see where talent gaps\r\n truly live, and we've built the only intelligence layer that tracks skills, shortages, and\r\n opportunities in real time. Built for employers reading the future in their current\r\n workforce, and for governments engineering Nationalisation from signals, not spreadsheets.\r\n <\/p>\r\n <button class=\"btn btn-primary btn-large\" style=\"margin-top:2rem;\"\r\n onclick=\"ftScrollToSection('contact-form-container')\">Get Started Today <i\r\n class=\"fas fa-arrow-right\" style=\"font-size:0.85rem;\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"problem-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header ft-reveal\">\r\n <div class=\"section-badge badge-red\"><i class=\"fas fa-exclamation-triangle\"\r\n style=\"font-size:0.6rem;\"><\/i> NEED OF THE HOUR<\/div>\r\n <h2 class=\"section-title\">Why Rethinking National Talent<br class=\"d-br\">Infrastructure Can't Wait\r\n <\/h2>\r\n <p class=\"section-subtitle subtitle-wide\">There's no complete picture of skills and potential.\r\n Critical decisions are being made in the dark.<\/p>\r\n <\/div>\r\n <div class=\"problem-grid\">\r\n <div class=\"problem-card ft-reveal\">\r\n <div class=\"problem-icon\"><i class=\"fas fa-clock-rotate-left\"><\/i><\/div>\r\n <h3 class=\"problem-title\">Training Programs Built on Yesterday's Needs<\/h3>\r\n <p class=\"problem-desc\">Educational curricula lag behind rapidly evolving market demands,\r\n leaving graduates unprepared.<\/p>\r\n <\/div>\r\n <div class=\"problem-card ft-reveal\">\r\n <div class=\"problem-icon\"><i class=\"fas fa-compass\"><\/i><\/div>\r\n <h3 class=\"problem-title\">Career Decisions Made Without Clear Data<\/h3>\r\n <p class=\"problem-desc\">Students and professionals navigate their careers without visibility\r\n into market trends or skills gaps.<\/p>\r\n <\/div>\r\n <div class=\"problem-card ft-reveal\">\r\n <div class=\"problem-icon\"><i class=\"fas fa-puzzle-piece\"><\/i><\/div>\r\n <h3 class=\"problem-title\">Fragmented Talent Information<\/h3>\r\n <p class=\"problem-desc\">Skills, credentials, and experience scattered across systems with no\r\n unified view.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"solution-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header ft-reveal\">\r\n <div class=\"section-badge badge-blue\"><i class=\"fas fa-lightbulb\" style=\"font-size:0.6rem;\"><\/i>\r\n SOLUTION<\/div>\r\n <h2 class=\"section-title\">Meet Futureoftalent<span style=\"color:var(--accent-yellow);\">.<\/span><span\r\n style=\"color:var(--cyan);\">ai<\/span><\/h2>\r\n <p class=\"section-subtitle\">The World's First AI-Native Talent Ecosystem \u2014 designed to transform how\r\n national talent is discovered, developed, and deployed into strategic and leadership roles.<\/p>\r\n <\/div>\r\n <div class=\"solution-grid\">\r\n <div class=\"solution-card ft-reveal\">\r\n <div class=\"solution-card-img\"><img decoding=\"async\"\r\n src=\"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Experience-One-Unified-Talent-Identity.png\"\r\n alt=\"Unified Talent Identity\"><\/div>\r\n <div class=\"solution-card-body\">\r\n <h3 class=\"solution-title\">Experience One Unified Talent Identity<\/h3>\r\n <p class=\"solution-desc\">Every credential, skill, and career milestone lives in one verified\r\n Talent ID. A complete, trusted record that moves with each individual.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"solution-card ft-reveal\">\r\n <div class=\"solution-card-img\"><img decoding=\"async\"\r\n src=\"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Skills-Come-First-Guidance-Comes-Early.png\"\r\n alt=\"Skills Come First\"><\/div>\r\n <div class=\"solution-card-body\">\r\n <h3 class=\"solution-title\">Skills Come First, Guidance Comes Early<\/h3>\r\n <p class=\"solution-desc\">Users see exactly what skills they need and how ready they are. No\r\n more guesswork, just clear direction.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"solution-card ft-reveal\">\r\n <div class=\"solution-card-img\"><img decoding=\"async\"\r\n src=\"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Move-from-Individual-Progress-to-Future-Readiness.png\"\r\n alt=\"Future Readiness\"><\/div>\r\n <div class=\"solution-card-body\">\r\n <h3 class=\"solution-title\">Move from Individual Progress to Future Readiness<\/h3>\r\n <p class=\"solution-desc\">Personal growth becomes national intelligence. Leaders gain\r\n foresight to strengthen Nationalization targets and close skills gaps.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ft-reveal\" style=\"text-align:center;\">\r\n <button class=\"btn btn-primary btn-large\" onclick=\"ftScrollToSection('contact-form-container')\">Get\r\n Started Today <i class=\"fas fa-arrow-right\" style=\"font-size:0.85rem;\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"vision\" class=\"vision-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header ft-reveal\">\r\n <div class=\"section-badge badge-blue\"><i class=\"fas fa-shield-halved\" style=\"font-size:0.6rem;\"><\/i>\r\n TRUSTED TECHNOLOGY. BOLD VISION.<\/div>\r\n <h2 class=\"section-title\">Built by Leaders in Enterprise Talent Technology<\/h2>\r\n <p class=\"section-subtitle\">Powered by PeopleStrong, the world's most trusted HCM platform, now\r\n bringing proven expertise to transform national talent ecosystems across the GCC.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cred-top-row ft-reveal\">\r\n <div class=\"cred-featured-card gartner\">\r\n <img decoding=\"async\" src=\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Gartner.png\"\r\n alt=\"Gartner Customers Choice 2025\" style=\"max-height:180px;\">\r\n <div class=\"cred-card-value\" style=\"color:var(--accent-yellow);\">Customers' Choice 2025<\/div>\r\n <div class=\"cred-card-label\">Gartner Recognition<\/div>\r\n <div class=\"cred-card-desc\">Gartner\u00ae Peer Insights\u2122<\/div>\r\n <\/div>\r\n <div class=\"cred-featured-card\">\r\n <div class=\"app-rating-card-inner\">\r\n <div class=\"app-rating-number-lg\">4.8<span>\/5<\/span><\/div>\r\n <div class=\"app-rating-stars-lg\">\r\n <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i\r\n class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-stroke\"><\/i>\r\n <\/div>\r\n <div class=\"cred-card-label\"\r\n style=\"margin-top:0.25rem !important;font-size:1rem !important;\">Highest Rated HCM App\r\n Globally<\/div>\r\n <div class=\"cred-card-desc\" style=\"margin-top:0.15rem !important;\">606 verified reviews\r\n across platforms<\/div>\r\n <div class=\"app-store-badges-lg\">\r\n <div class=\"app-store-badge-lg\"><i class=\"fab fa-apple\"><\/i> App Store<\/div>\r\n <div class=\"app-store-badge-lg\"><i class=\"fab fa-google-play\"><\/i> Play Store<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cred-bottom-row ft-reveal\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-card-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <div class=\"stat-card-value\">2M+<\/div>\r\n <div class=\"stat-card-label\">Active Users<\/div>\r\n <div class=\"stat-card-desc\">Across 500+ Customers<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-card-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n <div class=\"stat-card-value\">100 Days<\/div>\r\n <div class=\"stat-card-label\">Implementation Speed<\/div>\r\n <div class=\"stat-card-desc\">Kickoff to Go-Live<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-card-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\r\n <div class=\"stat-card-value\">68 NPS<\/div>\r\n <div class=\"stat-card-label\">Customer Satisfaction<\/div>\r\n <div class=\"stat-card-desc\">Net Promoter Score<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-card-icon\"><i class=\"fas fa-microchip\"><\/i><\/div>\r\n <div class=\"stat-card-value\">Multi-Agent AI<\/div>\r\n <div class=\"stat-card-label\">Technology<\/div>\r\n <div class=\"stat-card-desc\">Advanced Architecture<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"customer-strip-section ft-reveal\">\r\n <div class=\"customer-strip-title\">Trusted by Top Enterprises across the Middle East<\/div>\r\n <div class=\"logo-strip\">\r\n <div class=\"logo-track\" id=\"logoTrack\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"cta-section\">\r\n <div class=\"cta-bg-glow\">\r\n <div class=\"cta-glow cta-glow-1\"><\/div>\r\n <div class=\"cta-glow cta-glow-2\"><\/div>\r\n <\/div>\r\n <div class=\"geo-pattern\" style=\"opacity:0.015 !important;\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <div class=\"cta-left ft-reveal\">\r\n <div class=\"section-badge badge-white\"><i class=\"fas fa-rocket\" style=\"font-size:0.6rem;\"><\/i>\r\n GET STARTED<\/div>\r\n <h2 class=\"cta-title\">Ready to Transform Your Talent Ecosystem?<\/h2>\r\n <p class=\"cta-subtitle\">Join the movement to build a future-ready workforce. Whether you're a\r\n university, enterprise, or government body, we're here to help you unlock the full potential\r\n of your talent.<\/p>\r\n <div class=\"cta-benefits\">\r\n <div class=\"benefit\"><i class=\"fas fa-check-circle benefit-icon\"><\/i>\r\n <div>\r\n <h4 class=\"benefit-title\">Personalized Demo<\/h4>\r\n <p class=\"benefit-desc\">See how Futureoftalent.ai works for your specific needs<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"benefit\"><i class=\"fas fa-check-circle benefit-icon\"><\/i>\r\n <div>\r\n <h4 class=\"benefit-title\">Expert Consultation<\/h4>\r\n <p class=\"benefit-desc\">Discuss your workforce challenges with our specialists<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"benefit\"><i class=\"fas fa-check-circle benefit-icon\"><\/i>\r\n <div>\r\n <h4 class=\"benefit-title\">Implementation Roadmap<\/h4>\r\n <p class=\"benefit-desc\">Get a clear path from kickoff to go-live in 100 days<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-note\">\r\n <p><strong>Join 500+ leading organizations<\/strong> already transforming their talent\r\n management with PeopleStrong technology<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-right ft-reveal\">\r\n <div id=\"contact-form-container\" class=\"contact-form-container\">\r\n <div id=\"ftFormContent\" class=\"form-content\">\r\n <h3 class=\"form-title\">Request a Demo<\/h3>\r\n <script charset=\"utf-8\" type=\"text\/javascript\"\r\n src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\r\n <script>\r\n hbspt.forms.create({\r\n portalId: \"8086168\",\r\n formId: \"1d7996ec-22ef-439e-8ce4-d8d683ac7154\",\r\n region: \"na1\",\r\n css: \"\"\r\n });\r\n <\/script>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer id=\"ft-footer\" class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-brand-row\">\r\n <span class=\"footer-logo\"><span style=\"color:var(--white);\">Futureoftalent<\/span><span\r\n style=\"color:var(--accent-yellow);\">.<\/span><span\r\n style=\"color:var(--cyan);\">ai<\/span><\/span>\r\n <span class=\"footer-powered\" style=\"display:inline-flex;align-items:center;gap:0.4rem;\"><span\r\n style=\"position:relative; top:1.5px;\">powered by<\/span> <img decoding=\"async\"\r\n src=\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg\"\r\n alt=\"PeopleStrong\" style=\"height:16px !important;\"><\/span>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copyright\">© 2026 PeopleStrong. All rights reserved.<\/p>\r\n <div class=\"footer-legal\"><a href=\"#\">Terms of Service<\/a><a href=\"#\">Privacy Policy<\/a><a\r\n href=\"#\">Cookie Policy<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n function ftScrollToSection(id) {\r\n const el = document.getElementById(id);\r\n if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n\r\n (function initFutureTalentsApp() {\r\n const app = document.getElementById('ft-app');\r\n if (!app) return;\r\n\r\n if (window.ftScrollHandler) {\r\n window.removeEventListener('scroll', window.ftScrollHandler, true);\r\n }\r\n\r\n const journeyData = {\r\n government: [\r\n {\r\n step: \"STEP 1\", title: \"Registration & Identity Creation\", description: \"Sign in via UAE Pass and Emirates ID to generate your unique, verified, national, and permanent Talent ID.\", icon: \"fa-user-plus\",\r\n detail: { title: \"Your Permanent National Talent ID\", content: \"A single, verified identity that follows you through your entire career journey \u2014 from education to employment and beyond.\", images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Step_1_image.jpg\"] }\r\n },\r\n {\r\n step: \"STEP 2\", title: \"Profile Building\", description: \"Upload your milestones \u2014 coursework, projects, certifications, achievements. Your profile builds in real-time.\", icon: \"fa-file-lines\",\r\n detail: { title: \"Build Your Comprehensive Profile\", content: \"Capture every aspect of your talent journey with our intelligent profile builder that grows with you.\", images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Step_2.jpg\"] }\r\n },\r\n {\r\n step: \"STEP 3\", title: \"Skill Analysis & Market Insights\", description: \"Get comprehensive skills assessment, gap analysis, and readiness scoring against market benchmarks.\", icon: \"fa-chart-bar\",\r\n detail: { title: \"AI-Powered Skills Intelligence\", content: \"Understand exactly where you stand and what skills you need to reach your career goals.\", images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Step_3.jpg\"] }\r\n },\r\n {\r\n step: \"STEP 4\", title: \"Goal Setting & Career Aspirations\", description: \"Define career goals with AI-recommended pathways based on market trends and your unique profile.\", icon: \"fa-bullseye\",\r\n detail: { title: \"Set Your Career Direction\", content: \"AI-powered recommendations help you chart the most effective path to your dream career.\", images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Step_4__2_.jpg\"] }\r\n },\r\n {\r\n step: \"STEP 5\", title: \"Personalized Learning Pathways\", description: \"Receive curated upskilling plans from our partner ecosystem to close gaps and accelerate growth.\", icon: \"fa-book-open\",\r\n detail: { title: \"Your Personal Learning Journey\", content: \"Get access to curated learning resources from top institutions and training providers.\", images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Step_5.jpg\"] }\r\n },\r\n {\r\n step: \"STEP 6\", title: \"Opportunities & Employment Matching\", description: \"Connect with employers seeking your exact skills. Apply with verified credentials, skip redundant screening.\", icon: \"fa-briefcase\",\r\n detail: { title: \"Smart Job Matching\", content: \"AI matches you with opportunities that align with your skills, goals, and verified credentials.\", images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Step_6.jpg\"] }\r\n }\r\n ],\r\n enterprise: [\r\n {\r\n step: \"STEP 1\", title: \"AI-Drafted Employee Goals\", description: \"Let AI generate strategic, role-aligned goals in seconds, then refine with human insight.\", icon: \"fa-wand-magic-sparkles\",\r\n detail: { noHeader: true, images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/06\/goals.svg\"] }\r\n },\r\n {\r\n step: \"STEP 2\", title: \"Skills & Competencies\", description: \"Map every skill, benchmark capabilities, and identify gaps, instantly knowing what your workforce can do.\", icon: \"fa-layer-group\",\r\n detail: { noHeader: true, images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/06\/skills.svg\"] }\r\n },\r\n {\r\n step: \"STEP 3\", title: \"AI Powered Career Pathways\", description: \"Unlock hidden talent with AI-powered career routes: traditional ladders, lateral moves, and growth opportunities personalized for each employee.\", icon: \"fa-route\",\r\n detail: { noHeader: true, images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/06\/career-pathways.png\"] }\r\n },\r\n {\r\n step: \"STEP 4\", title: \"Internal Talent Marketplace\", description: \"Find the right person for any role in seconds by searching by skills, competencies, and potential, not just job titles.\", icon: \"fa-store\",\r\n detail: { noHeader: true, images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/06\/talent-marketplace.png\"] }\r\n },\r\n {\r\n step: \"STEP 5\", title: \"Succession Planning\", description: \"Build resilient leadership pipelines by identifying, developing, and deploying your future leaders before the gap emerges.\", icon: \"fa-sitemap\",\r\n detail: { noHeader: true, images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/06\/succession.png\"] }\r\n },\r\n {\r\n step: \"STEP 6\", title: \"Unified Talent Profile\", description: \"One complete employee story: performance, growth, learning, and career trajectory, all in one intelligent view.\", icon: \"fa-id-card\",\r\n detail: { noHeader: true, images: [\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/06\/unified-profile.png\"] }\r\n }\r\n ]\r\n };\r\n\r\n const audienceData = [\r\n { title: \"For Large Enterprises\", journey: \"enterprise\", description: \"Access a verified pool of skilled national talent. Meet nationalization targets with precision matching and real-time dashboards.\", features: [\"Verified talent pool access\", \"AI based skill matching\", \"Nationalization tracking\", \"Integrated learning\"], icon: \"fa-building\" },\r\n { title: \"For Government\", journey: \"government\", description: \"Make data-driven policy decisions with national workforce intelligence. Track nationalization progress in real-time.\", features: [\"National workforce analytics\", \"Learning from verified ecosystem of courses\", \"Real-time progress tracking\", \"AI Recommended career aspirations\"], icon: \"fa-landmark\" }\r\n ];\r\n\r\n const blogPosts = [\r\n { category: \"Talent Strategy\", title: \"The Future of Talent: How AI is Transforming Workforce Development\", excerpt: \"Discover how AI-powered platforms are revolutionizing workforce planning and helping GCC nations achieve ambitious targets.\", date: \"2025-02-04\", readTime: \"5 min read\", image: \"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=800&q=80\" },\r\n { category: \"Skills Development\", title: \"Bridging the Skills Gap: AI-Driven Learning Paths for Career Success\", excerpt: \"Learn how personalized AI learning paths are helping young professionals close skills gaps faster.\", date: \"2025-01-27\", readTime: \"7 min read\", image: \"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?w=800&q=80\" },\r\n { category: \"Technology\", title: \"One Talent ID: Building a Unified Talent Ecosystem\", excerpt: \"Explore the concept of unified talent identity and how it's creating unprecedented visibility into talent capabilities for enterprises and governments.\", date: \"2025-01-19\", readTime: \"6 min read\", image: \"https:\/\/images.unsplash.com\/photo-1573164713988-8665fc963095?w=800&q=80\" }\r\n ];\r\n\r\n const logoUrls = [\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/AMARA-RAJA-3.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/09\/air-india-1.svg\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/CHOLA-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/INDIGO-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/MUTHOOT-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/KOTAK-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/HDFC-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/Max.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/PIDILITE-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/GAAR-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/LARSEN-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/PAYTM-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/CLUBMAHINDRA-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/AKASA-AIR-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/LIC-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/FEDERAL-BANK-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/RAYMOND-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/DS-GROUP-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/ADITYA-BIRLA-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/EQUITAS-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/FORCE-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/ROYAL-ENFIELD-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/EUREKA-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/MAHINDRA-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/OMAN-AIR-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2023\/10\/flydubai-logo.webp\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/HDFC-LIFE-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/THE-LINDE-GROUP-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/SCHNEIDER-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/GODREJ-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/TATA-CAPITAL-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/SOBHA-REALTY-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/ALAMAR-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/PRIME-HEALTH-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/LANDMARK-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/CIEL-2.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/RBL-BANDK-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2025\/11\/BESTSELLER-2.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Transom-removebg-preview.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Taurani_Holdings_Logo_1-removebg-preview.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/rashed-alrashed-sons-logo-png_seeklogo-560870-1.png\",\r\n \"https:\/\/www.peoplestrong.com\/mea\/wp-content\/uploads\/2025\/11\/Logo-06.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/nfpc.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/national-holding.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/national-center-for-envirmental-compliance.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/borjomi-logo-png-transparent-1.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/blue-rhine.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-20@2x.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-19@2x.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-18@2x.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-17@2x.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-16@2x.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-15@2x.png\",\r\n \"https:\/\/futureoftalent.ai\/wp-content\/uploads\/2026\/06\/Asset-5@2x.png\"\r\n \r\n\r\n ];\r\n\r\n const logoTrack = app.querySelector('#logoTrack');\r\n if (logoTrack) {\r\n \/\/ Generate two sets for infinite scroll looping\r\n const logosHTML = logoUrls.map(url => `<div class=\"logo-item\"><img decoding=\"async\" src=\"${url}\" alt=\"Client Logo\"><\/div>`).join('');\r\n logoTrack.innerHTML = logosHTML + logosHTML;\r\n }\r\n\r\n const mobileMenuBtn = app.querySelector('#mobileMenuBtn');\r\n const mobileMenu = app.querySelector('#mobileMenu');\r\n\r\n if (mobileMenuBtn && mobileMenu) {\r\n const icon = mobileMenuBtn.querySelector('i');\r\n function toggleMenu(forceClose = false) {\r\n if (forceClose) {\r\n mobileMenu.classList.remove('active');\r\n } else {\r\n mobileMenu.classList.toggle('active');\r\n }\r\n if (mobileMenu.classList.contains('active')) {\r\n icon.classList.remove('fa-bars');\r\n icon.classList.add('fa-xmark');\r\n document.body.style.overflow = 'hidden';\r\n } else {\r\n icon.classList.remove('fa-xmark');\r\n icon.classList.add('fa-bars');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n mobileMenuBtn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n toggleMenu();\r\n });\r\n mobileMenu.querySelectorAll('a, button').forEach(l => {\r\n l.addEventListener('click', () => { toggleMenu(true); });\r\n });\r\n }\r\n\r\n const header = app.querySelector('#ft-header');\r\n window.addEventListener('scroll', () => header.classList.toggle('scrolled', window.pageYOffset > 50));\r\n\r\n app.querySelectorAll('a[href^=\"#\"]').forEach(a => a.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n const t = app.querySelector(targetId);\r\n if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }));\r\n\r\n const generalObserver = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('ft-visible'); });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n app.querySelectorAll('.ft-reveal').forEach(el => generalObserver.observe(el));\r\n\r\n \/\/ --- JOURNEY COMPONENT & SCROLL SPY ---\r\n const sc = app.querySelector('.journey-steps');\r\n const dc = app.querySelector('#journeyDetailCard');\r\n\r\n if (sc && dc) {\r\n const isMobile = window.innerWidth < 768;\r\n let currentActiveIdx = -1;\r\n let isClickScrolling = false;\r\n let currentJourney = 'enterprise';\r\n\r\n function buildSteps(type) {\r\n const steps = journeyData[type];\r\n sc.innerHTML = '';\r\n currentActiveIdx = -1;\r\n\r\n steps.forEach((s, i) => {\r\n const el = document.createElement('div');\r\n el.className = 'journey-step';\r\n el.dataset.step = i;\r\n el.innerHTML = `<div class=\"step-icon\"><i class=\"fas ${s.icon}\"><\/i><\/div><div class=\"step-content\"><span class=\"step-number\">${s.step}<\/span><h3 class=\"step-title\">${s.title}<\/h3><p class=\"step-desc\">${s.description}<\/p><\/div>`;\r\n sc.appendChild(el);\r\n\r\n if (isMobile) {\r\n const mobileDetail = document.createElement('div');\r\n mobileDetail.className = 'journey-detail-mobile';\r\n mobileDetail.id = 'journey-mobile-' + i;\r\n mobileDetail.style.display = (i === 0) ? 'block' : 'none';\r\n const d = s.detail;\r\n mobileDetail.innerHTML = `\r\n ${d.noHeader ? '' : `<div class=\"detail-mobile-header\">\r\n <h4>${d.title}<\/h4>\r\n <p>${d.content}<\/p>\r\n <\/div>`}\r\n <div style=\"padding:0.5rem !important; background:#FFFFFF !important;\">\r\n ${d.images.map(img => `<img decoding=\"async\" src=\"${img}\" alt=\"${s.title}\" style=\"width:100% !important; display:block !important; border-radius:4px !important;\">`).join('')}\r\n <\/div>`;\r\n sc.appendChild(mobileDetail);\r\n }\r\n\r\n el.addEventListener('click', () => {\r\n isClickScrolling = true;\r\n setTimeout(() => isClickScrolling = false, 800);\r\n el.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n if (currentActiveIdx !== i) setActive(i);\r\n });\r\n });\r\n\r\n setActive(0);\r\n }\r\n\r\n function setActive(i) {\r\n \/\/ Prevent re-triggering if clicking the already active step\r\n if (currentActiveIdx === i && currentActiveIdx !== -1) return;\r\n\r\n const allSteps = sc.querySelectorAll('.journey-step');\r\n allSteps.forEach(s => s.classList.remove('active'));\r\n const activeStep = allSteps[i];\r\n if (activeStep) activeStep.classList.add('active');\r\n\r\n const d = journeyData[currentJourney][i].detail;\r\n\r\n \/\/ Mobile handling\r\n if (isMobile) {\r\n app.querySelectorAll('.journey-detail-mobile').forEach(m => m.style.display = 'none');\r\n const mobileEl = app.querySelector('#journey-mobile-' + i);\r\n if (mobileEl) mobileEl.style.display = 'block';\r\n }\r\n\r\n \/\/ Desktop Animation handling\r\n const headerEl = dc.querySelector('.detail-card-header');\r\n const titleEl = dc.querySelector('#ft-card-title');\r\n const descEl = dc.querySelector('#ft-card-desc');\r\n const imgArea = dc.querySelector('.ft-card-image-area');\r\n\r\n const updateContent = () => {\r\n if (headerEl) headerEl.style.display = d.noHeader ? 'none' : '';\r\n if (titleEl) titleEl.textContent = d.title || '';\r\n if (descEl) descEl.textContent = d.content || '';\r\n if (imgArea) {\r\n imgArea.innerHTML = d.images.map(img => `<img decoding=\"async\" src=\"${img}\" alt=\"${journeyData[currentJourney][i].title}\" style=\"width:100% !important; height:auto !important; object-fit:contain !important; display:block !important; border-radius:4px !important; border:1px solid rgba(0,0,0,0.1) !important;\">`).join('');\r\n }\r\n };\r\n\r\n \/\/ If it's the very first load, show immediately. Otherwise, animate.\r\n if (currentActiveIdx === -1) {\r\n updateContent();\r\n currentActiveIdx = i;\r\n } else {\r\n currentActiveIdx = i;\r\n dc.classList.add('updating'); \/\/ Triggers fade out\r\n\r\n \/\/ Wait for CSS transition (500ms) to finish, swap content, then fade back in\r\n setTimeout(() => {\r\n updateContent();\r\n dc.classList.remove('updating'); \/\/ Triggers fade in\r\n }, 500);\r\n }\r\n }\r\n\r\n function syncToggles() {\r\n app.querySelectorAll('.journey-toggle-btn').forEach(b => {\r\n b.classList.toggle('active', b.dataset.journey === currentJourney);\r\n });\r\n }\r\n\r\n window.ftSetJourney = function (type, doScroll) {\r\n if (!journeyData[type]) return;\r\n currentJourney = type;\r\n syncToggles();\r\n buildSteps(type);\r\n if (doScroll) {\r\n const j = document.getElementById('journey');\r\n if (j) j.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n };\r\n\r\n syncToggles();\r\n buildSteps(currentJourney);\r\n\r\n window.ftScrollHandler = function () {\r\n if (isClickScrolling) return;\r\n\r\n const steps = sc.querySelectorAll('.journey-step');\r\n let closestIdx = currentActiveIdx;\r\n let minDistance = Infinity;\r\n const triggerLine = window.innerHeight * 0.4;\r\n\r\n steps.forEach((step, idx) => {\r\n const rect = step.getBoundingClientRect();\r\n const distance = Math.abs(rect.top - triggerLine);\r\n\r\n if (distance < minDistance) {\r\n minDistance = distance;\r\n closestIdx = idx;\r\n }\r\n });\r\n\r\n if (closestIdx !== currentActiveIdx) {\r\n setActive(closestIdx);\r\n }\r\n };\r\n\r\n window.addEventListener('scroll', window.ftScrollHandler, true);\r\n\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n const nowMobile = window.innerWidth < 768;\r\n if (nowMobile !== isMobile) location.reload();\r\n }, 300);\r\n });\r\n } else {\r\n window.ftSetJourney = function () { };\r\n }\r\n\r\n \/\/ --- AUDIENCE COMPONENT ---\r\n const ac = app.querySelector('#audienceCards');\r\n if (ac) {\r\n ac.innerHTML = audienceData.map(d => `\r\n <div class=\"audience-card\">\r\n <div class=\"audience-icon\"><i class=\"fas ${d.icon}\"><\/i><\/div>\r\n <h3 style=\"font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:0.75rem;\">${d.title}<\/h3>\r\n <p style=\"color:var(--white-muted) !important;margin-bottom:1.25rem;line-height:1.7;font-size:0.95rem;\">${d.description}<\/p>\r\n <ul style=\"display:flex !important; flex-direction:column !important; gap:0.5rem !important; list-style:none !important;\">\r\n ${d.features.map(f => `<li style=\"display:flex !important; align-items:center !important; gap:0.5rem !important;\"><i class=\"fas fa-check\" style=\"color:var(--gold);font-size:0.6rem;\"><\/i><span style=\"color:var(--white-dim);font-size:0.85rem;font-weight:500;\">${f}<\/span><\/li>`).join('')}\r\n <\/ul>\r\n <button class=\"btn btn-textlink\" onclick=\"ftSetJourney('${d.journey}', true)\">See How It Works <i class=\"fas fa-arrow-right\"><\/i><\/button>\r\n <\/div>`).join('');\r\n }\r\n\r\n \/\/ --- BLOG COMPONENT ---\r\n const bc = app.querySelector('#blogContent');\r\n if (bc) {\r\n bc.innerHTML = '<div class=\"blog-grid\">' + blogPosts.map(p => {\r\n const date = new Date(p.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\r\n return `<div class=\"blog-card\">\r\n <div style=\"position:relative !important; height:12rem !important; overflow:hidden !important;\">\r\n <img decoding=\"async\" src=\"${p.image}\" alt=\"${p.title}\" style=\"width:100% !important; height:100% !important; object-fit:cover !important; transition:transform 0.6s !important; filter:brightness(0.65) saturate(0.8) !important;\" onmouseover=\"this.style.transform='scale(1.08)';this.style.filter='brightness(0.8) saturate(1)'\" onmouseout=\"this.style.transform='scale(1)';this.style.filter='brightness(0.65) saturate(0.8)'\">\r\n <div style=\"position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,rgba(10,10,10,0.9));\"><\/div>\r\n <\/div>\r\n <div style=\"padding:1.5rem !important;\">\r\n <div style=\"display:inline-block !important; background:rgba(23,0,199,0.08) !important; color:var(--cyan) !important; font-size:0.65rem !important; font-weight:700 !important; padding:0.35rem 0.75rem !important; border-radius:2px !important; margin-bottom:0.75rem !important; border:1px solid rgba(0,211,228,0.15) !important; letter-spacing:0.08em !important; text-transform:uppercase !important;\">${p.category}<\/div>\r\n <h3 style=\"font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--white);margin-bottom:0.75rem;line-height:1.35;\">${p.title}<\/h3>\r\n <p style=\"color:var(--white-muted) !important;font-size:0.9rem;margin-bottom:1rem;line-height:1.7;\">${p.excerpt}<\/p>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:var(--white-muted);padding-top:0.75rem;border-top:1px solid var(--border-subtle);\">\r\n <span><i class=\"far fa-calendar\" style=\"margin-right:0.35rem;\"><\/i>${date}<\/span>\r\n <span><i class=\"far fa-clock\" style=\"margin-right:0.35rem;\"><\/i>${p.readTime}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>`;\r\n }).join('') + '<\/div>';\r\n }\r\n })();\r\n <\/script>\r\n <\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Futureoftalent.ai Futureoftalent.ai Powered by How It Works Solutions Get Started How It Works Solutions Get Started GCC’s Only AI-Powered Talent Infrastructure Transform How National Talent is Discovered, Developed & Deployed One Talent ID. Every role. From your first job to leadership, all connected through AI-powered intelligence that turns individual progress into national readiness. See how […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>GCC's Only AI-Powered Talent Infrastructure | Futureoftalent.ai<\/title>\n<meta name=\"description\" content=\"One Talent ID. Every role. From your first job to leadership \u2014 all connected through AI-powered intelligence that turns individual progress into national readiness\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GCC's Only AI-Powered Talent Infrastructure | Futureoftalent.ai\" \/>\n<meta property=\"og:description\" content=\"One Talent ID. Every role. From your first job to leadership \u2014 all connected through AI-powered intelligence that turns individual progress into national readiness\" \/>\n<meta property=\"og:url\" content=\"https:\/\/futureoftalent.ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Future Talent\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-17T12:26:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"62 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/\",\"url\":\"https:\\\/\\\/futureoftalent.ai\\\/\",\"name\":\"GCC's Only AI-Powered Talent Infrastructure | Futureoftalent.ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.peoplestrong.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ps-logo-white.svg\",\"datePublished\":\"2026-06-15T13:08:22+00:00\",\"dateModified\":\"2026-06-17T12:26:57+00:00\",\"description\":\"One Talent ID. Every role. From your first job to leadership \u2014 all connected through AI-powered intelligence that turns individual progress into national readiness\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/futureoftalent.ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.peoplestrong.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ps-logo-white.svg\",\"contentUrl\":\"https:\\\/\\\/www.peoplestrong.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ps-logo-white.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/futureoftalent.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/futureoftalent.ai\\\/#website\",\"url\":\"https:\\\/\\\/futureoftalent.ai\\\/\",\"name\":\"Future Talent\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/futureoftalent.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"GCC's Only AI-Powered Talent Infrastructure | Futureoftalent.ai","description":"One Talent ID. Every role. From your first job to leadership \u2014 all connected through AI-powered intelligence that turns individual progress into national readiness","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"GCC's Only AI-Powered Talent Infrastructure | Futureoftalent.ai","og_description":"One Talent ID. Every role. From your first job to leadership \u2014 all connected through AI-powered intelligence that turns individual progress into national readiness","og_url":"https:\/\/futureoftalent.ai\/","og_site_name":"Future Talent","article_modified_time":"2026-06-17T12:26:57+00:00","og_image":[{"url":"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"62 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/futureoftalent.ai\/","url":"https:\/\/futureoftalent.ai\/","name":"GCC's Only AI-Powered Talent Infrastructure | Futureoftalent.ai","isPartOf":{"@id":"https:\/\/futureoftalent.ai\/#website"},"primaryImageOfPage":{"@id":"https:\/\/futureoftalent.ai\/#primaryimage"},"image":{"@id":"https:\/\/futureoftalent.ai\/#primaryimage"},"thumbnailUrl":"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg","datePublished":"2026-06-15T13:08:22+00:00","dateModified":"2026-06-17T12:26:57+00:00","description":"One Talent ID. Every role. From your first job to leadership \u2014 all connected through AI-powered intelligence that turns individual progress into national readiness","breadcrumb":{"@id":"https:\/\/futureoftalent.ai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/futureoftalent.ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futureoftalent.ai\/#primaryimage","url":"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg","contentUrl":"https:\/\/www.peoplestrong.com\/wp-content\/uploads\/2026\/04\/ps-logo-white.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/futureoftalent.ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/futureoftalent.ai\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/futureoftalent.ai\/#website","url":"https:\/\/futureoftalent.ai\/","name":"Future Talent","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/futureoftalent.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":70,"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/futureoftalent.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}