{"id":8,"date":"2026-01-11T15:33:04","date_gmt":"2026-01-11T15:33:04","guid":{"rendered":"https:\/\/aihq.us8.cdn-alpha.com\/?page_id=8"},"modified":"2026-01-11T15:49:22","modified_gmt":"2026-01-11T15:49:22","slug":"home","status":"publish","type":"page","link":"https:\/\/aihqglobal.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n AI HQ Global Nexus | Stop Experimenting. Start Shipping.<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Russo+One&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap\" rel=\"stylesheet\">\n <style>\n \/* ============================================\n DESIGN SYSTEM - 8px Grid Foundation\n ============================================ *\/\n :root {\n \/* Brand Colors *\/\n --blue: #4285F4;\n --red: #EA4335;\n --yellow: #FBBC05;\n --green: #34A853;\n \n \/* Neutral Palette *\/\n --cream: #FAF8F5;\n --warm-white: #FFFDFB;\n --sand: #F3EEE8;\n --clay: #E5DFD7;\n --charcoal: #2D2A26;\n --warm-gray: #6B6560;\n --muted: #9A9590;\n \n \/* Spacing Scale (8px grid) *\/\n --space-xs: 8px;\n --space-sm: 16px;\n --space-md: 24px;\n --space-lg: 32px;\n --space-xl: 48px;\n --space-2xl: 64px;\n --space-3xl: 80px;\n --space-4xl: 120px;\n \n \/* Typography Scale - Fluid *\/\n --text-xs: clamp(10px, 0.625rem + 0.1vw, 11px);\n --text-sm: clamp(13px, 0.8125rem + 0.15vw, 14px);\n --text-base: clamp(14px, 0.875rem + 0.2vw, 16px);\n --text-md: clamp(15px, 0.9375rem + 0.25vw, 17px);\n --text-lg: clamp(17px, 1.0625rem + 0.3vw, 18px);\n --text-xl: clamp(20px, 1.25rem + 0.5vw, 22px);\n --text-2xl: clamp(24px, 1.5rem + 0.75vw, 28px);\n --text-3xl: clamp(32px, 2rem + 1.5vw, 48px);\n --text-4xl: clamp(40px, 2.5rem + 2vw, 64px);\n --text-5xl: clamp(48px, 3rem + 2.5vw, 80px);\n \n \/* Container *\/\n --container-max: 1280px;\n --container-padding: clamp(20px, 5vw, 60px);\n \n \/* Card System *\/\n --card-radius: 16px;\n --card-radius-lg: 20px;\n --card-padding: clamp(24px, 3vw, 40px);\n --card-padding-sm: clamp(20px, 2.5vw, 28px);\n --card-shadow: 0 4px 20px rgba(45, 42, 38, 0.04);\n --card-shadow-hover: 0 20px 48px rgba(45, 42, 38, 0.1);\n \n \/* Transitions *\/\n --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n --transition-fast: 0.2s var(--ease-out);\n --transition-base: 0.4s var(--ease-out);\n --transition-slow: 0.6s var(--ease-out);\n \n \/* Grid Gaps *\/\n --grid-gap: clamp(16px, 2vw, 24px);\n --grid-gap-lg: clamp(24px, 3vw, 32px);\n }\n \n \/* ============================================\n RESET & BASE\n ============================================ *\/\n *, *::before, *::after { \n margin: 0; \n padding: 0; \n box-sizing: border-box; \n }\n \n html {\n scroll-behavior: smooth;\n -webkit-text-size-adjust: 100%;\n }\n \n body {\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n background: var(--cream);\n color: var(--charcoal);\n line-height: 1.6;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n img, svg { \n display: block; \n max-width: 100%; \n }\n \n \/* ============================================\n CONTAINER SYSTEM\n ============================================ *\/\n .container {\n width: 100%;\n max-width: var(--container-max);\n margin: 0 auto;\n padding-left: var(--container-padding);\n padding-right: var(--container-padding);\n }\n \n .container-wide {\n max-width: 1400px;\n }\n \n \/* ============================================\n ANIMATIONS\n ============================================ *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n \n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.96); }\n to { opacity: 1; transform: scale(1); }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n \n .animate-on-scroll {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);\n }\n \n .animate-on-scroll.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .stagger-1 { transition-delay: 0.1s; }\n .stagger-2 { transition-delay: 0.2s; }\n .stagger-3 { transition-delay: 0.3s; }\n .stagger-4 { transition-delay: 0.4s; }\n .stagger-5 { transition-delay: 0.5s; }\n \n \/* ============================================\n NAVIGATION\n ============================================ *\/\n .nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(250, 248, 245, 0.92);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n z-index: 1000;\n transition: box-shadow var(--transition-base);\n }\n \n .nav.scrolled {\n box-shadow: 0 1px 0 var(--clay), 0 4px 24px rgba(45, 42, 38, 0.06);\n }\n \n .nav-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: clamp(64px, 10vw, 80px);\n }\n \n .logo {\n display: flex;\n align-items: center;\n gap: var(--space-sm);\n text-decoration: none;\n transition: transform var(--transition-fast);\n }\n \n .logo:hover { transform: scale(1.02); }\n .logo:active { transform: scale(0.98); }\n \n .logo svg { \n width: clamp(40px, 6vw, 48px); \n height: clamp(40px, 6vw, 48px); \n }\n \n .logo-text {\n font-family: 'Russo One', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n color: var(--charcoal);\n letter-spacing: 0.5px;\n }\n \n .nav-links {\n display: flex;\n align-items: center;\n gap: var(--space-lg);\n list-style: none;\n }\n \n .nav-links a {\n font-size: var(--text-sm);\n font-weight: 500;\n color: var(--warm-gray);\n text-decoration: none;\n letter-spacing: 0.2px;\n padding: var(--space-xs) 0;\n transition: color var(--transition-fast);\n position: relative;\n }\n \n .nav-links a:not(.btn)::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--charcoal);\n transition: width var(--transition-base);\n }\n \n .nav-links a:not(.btn):hover { color: var(--charcoal); }\n .nav-links a:not(.btn):hover::after { width: 100%; }\n \n \/* Buttons *\/\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-xs);\n padding: clamp(12px, 1.5vw, 14px) clamp(20px, 2.5vw, 28px);\n font-family: inherit;\n font-size: var(--text-sm);\n font-weight: 600;\n text-decoration: none;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n transition: all var(--transition-base);\n letter-spacing: 0.2px;\n min-height: 44px; \/* Touch target *\/\n white-space: nowrap;\n }\n \n .btn-primary {\n background: var(--charcoal);\n color: var(--cream);\n }\n \n .btn-primary:hover { \n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(45, 42, 38, 0.25);\n }\n \n .btn-primary:active { transform: translateY(0); }\n \n .btn-outline {\n background: transparent;\n color: var(--charcoal);\n border: 1.5px solid var(--clay);\n }\n \n .btn-outline:hover { \n border-color: var(--charcoal);\n background: rgba(45, 42, 38, 0.03);\n }\n \n \/* Mobile Menu Button *\/\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n width: 44px;\n height: 44px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 10px;\n }\n \n .mobile-menu-btn span {\n width: 24px;\n height: 2px;\n background: var(--charcoal);\n border-radius: 2px;\n transition: all var(--transition-base);\n transform-origin: center;\n }\n \n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(5px, 5px);\n }\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(5px, -5px);\n }\n \n \/* Mobile Menu *\/\n .mobile-menu {\n position: fixed;\n top: clamp(64px, 10vw, 80px);\n left: 0;\n right: 0;\n background: var(--cream);\n padding: var(--space-lg) var(--container-padding);\n transform: translateY(-100%);\n opacity: 0;\n visibility: hidden;\n transition: all var(--transition-base);\n box-shadow: 0 20px 40px rgba(45, 42, 38, 0.1);\n z-index: 999;\n }\n \n .mobile-menu.active {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n \n .mobile-menu a {\n display: block;\n padding: var(--space-sm) 0;\n font-size: var(--text-lg);\n font-weight: 500;\n color: var(--charcoal);\n text-decoration: none;\n border-bottom: 1px solid var(--clay);\n }\n \n .mobile-menu a:last-child {\n border-bottom: none;\n margin-top: var(--space-sm);\n }\n \n .mobile-menu .btn {\n width: 100%;\n margin-top: var(--space-md);\n }\n \n \/* ============================================\n HERO SECTION\n ============================================ *\/\n .hero {\n padding-top: clamp(120px, 18vw, 180px);\n padding-bottom: clamp(60px, 10vw, 120px);\n }\n \n .hero-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-xl);\n align-items: center;\n }\n \n .hero-content {\n animation: fadeUp 0.8s var(--ease-out) forwards;\n }\n \n .hero-eyebrow {\n font-family: 'Russo One', sans-serif;\n font-size: var(--text-xs);\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: var(--muted);\n margin-bottom: var(--space-sm);\n }\n \n .hero h1 {\n font-family: 'Instrument Serif', serif;\n font-size: var(--text-4xl);\n font-weight: 400;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin-bottom: var(--space-md);\n color: var(--charcoal);\n }\n \n .hero h1 em { \n font-style: italic;\n color: var(--red);\n }\n \n .hero-desc {\n font-size: var(--text-md);\n color: var(--warm-gray);\n line-height: 1.7;\n margin-bottom: var(--space-lg);\n max-width: 540px;\n }\n \n .hero-buttons { \n display: flex; \n flex-wrap: wrap;\n gap: var(--space-sm);\n }\n \n .hero-visual { \n display: flex; \n justify-content: center;\n animation: scaleIn 0.8s var(--ease-out) 0.2s both;\n }\n \n .hero-visual svg {\n width: clamp(200px, 40vw, 420px);\n height: auto;\n filter: drop-shadow(0 20px 40px rgba(45, 42, 38, 0.08));\n }\n \n @media (max-width: 480px) {\n .hero-visual svg {\n width: 220px;\n }\n }\n \n .hero-float {\n animation: float 5s ease-in-out infinite;\n }\n \n \/* ============================================\n STATS SECTION - Refined Monochrome\n ============================================ *\/\n .stats {\n background: var(--charcoal);\n padding: var(--space-4xl) 0;\n position: relative;\n overflow: hidden;\n }\n \n .stats::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(ellipse 80% 50% at 20% 40%, rgba(66, 133, 244, 0.06) 0%, transparent 50%),\n radial-gradient(ellipse 60% 40% at 80% 60%, rgba(52, 168, 83, 0.04) 0%, transparent 50%);\n pointer-events: none;\n }\n \n .stats-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--grid-gap);\n position: relative;\n z-index: 1;\n }\n \n .stat {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: var(--card-radius);\n padding: var(--space-lg) var(--space-md);\n text-align: center;\n transition: all var(--transition-base);\n position: relative;\n overflow: hidden;\n }\n \n .stat::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n opacity: 0;\n transition: opacity var(--transition-base);\n }\n \n .stat:hover {\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(255, 255, 255, 0.1);\n transform: translateY(-4px);\n }\n \n .stat:hover::before {\n opacity: 1;\n }\n \n .stat-num {\n font-family: 'Instrument Serif', serif;\n font-size: var(--text-5xl);\n font-weight: 400;\n line-height: 1;\n margin-bottom: var(--space-sm);\n color: var(--cream);\n transition: transform var(--transition-base);\n letter-spacing: -0.02em;\n }\n \n .stat:hover .stat-num { \n transform: scale(1.02);\n }\n \n .stat-text {\n font-size: var(--text-sm);\n color: rgba(250, 248, 245, 0.6);\n line-height: 1.6;\n max-width: 200px;\n margin: 0 auto;\n }\n \n .stats-source {\n text-align: center;\n font-size: var(--text-xs);\n color: rgba(250, 248, 245, 0.35);\n margin-top: var(--space-xl);\n font-style: italic;\n position: relative;\n z-index: 1;\n }\n \n \/* ============================================\n SECTION HEADERS\n ============================================ *\/\n .section {\n padding: var(--space-4xl) 0;\n }\n \n .section-header {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-md);\n margin-bottom: var(--space-xl);\n }\n \n .section-header-centered {\n text-align: center;\n max-width: 640px;\n margin: 0 auto var(--space-xl);\n }\n \n .section-tag {\n font-family: 'Russo One', sans-serif;\n font-size: var(--text-xs);\n text-transform: uppercase;\n letter-spacing: 2.5px;\n color: var(--muted);\n margin-bottom: var(--space-xs);\n }\n \n .section-title {\n font-family: 'Instrument Serif', serif;\n font-size: var(--text-3xl);\n font-weight: 400;\n letter-spacing: -0.02em;\n line-height: 1.15;\n color: var(--charcoal);\n }\n \n .section-desc {\n font-size: var(--text-md);\n color: var(--warm-gray);\n line-height: 1.7;\n max-width: 480px;\n }\n \n .section-header-centered .section-desc {\n max-width: 100%;\n margin-top: var(--space-sm);\n }\n \n \/* ============================================\n PROBLEMS SECTION\n ============================================ *\/\n .problems-section { \n background: var(--sand);\n padding: var(--space-4xl) 0;\n }\n \n .problems-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--grid-gap);\n }\n \n .problem-card {\n background: var(--warm-white);\n border-radius: var(--card-radius);\n padding: var(--card-padding);\n transition: transform var(--transition-base), box-shadow var(--transition-base);\n }\n \n .problem-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--card-shadow-hover);\n }\n \n .problem-icon {\n width: 48px;\n height: 48px;\n margin-bottom: var(--space-md);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .problem-card svg { \n width: 40px; \n height: 40px;\n transition: transform var(--transition-fast);\n }\n \n .problem-card:hover svg { transform: scale(1.1); }\n \n .problem-card h3 { \n font-family: 'Instrument Serif', serif;\n font-size: var(--text-2xl); \n font-weight: 400; \n margin-bottom: var(--space-sm);\n color: var(--charcoal);\n }\n \n .problem-card p { \n font-size: var(--text-base); \n color: var(--warm-gray); \n line-height: 1.7; \n }\n \n \/* ============================================\n SERVICES SECTION\n ============================================ *\/\n .services-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--grid-gap);\n }\n \n .service-card {\n background: var(--sand);\n border-radius: var(--card-radius);\n padding: var(--card-padding);\n transition: transform var(--transition-base), box-shadow var(--transition-base);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n \n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: var(--charcoal);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform var(--transition-base);\n }\n \n .service-card:hover::before { transform: scaleX(1); }\n \n .service-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--card-shadow-hover);\n }\n \n .service-card svg { \n width: 32px; \n height: 32px; \n margin-bottom: var(--space-md);\n stroke: var(--charcoal);\n transition: transform var(--transition-fast);\n flex-shrink: 0;\n }\n \n .service-card:hover svg { transform: scale(1.1); }\n \n .service-card h3 { \n font-family: 'Instrument Serif', serif;\n font-size: var(--text-xl); \n font-weight: 400; \n margin-bottom: var(--space-sm);\n color: var(--charcoal);\n }\n \n .service-card p { \n font-size: var(--text-sm); \n color: var(--warm-gray); \n line-height: 1.7;\n flex-grow: 1;\n }\n \n \/* ============================================\n INDUSTRIES SECTION\n ============================================ *\/\n .industries-section { \n background: var(--sand);\n padding: var(--space-4xl) 0;\n }\n \n .industries-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--grid-gap);\n }\n \n .industry-card {\n background: var(--warm-white);\n border-radius: var(--card-radius);\n padding: var(--card-padding-sm);\n transition: transform var(--transition-base), box-shadow var(--transition-base);\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n \n .industry-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--card-shadow-hover);\n }\n \n .industry-card svg { \n width: 32px; \n height: 32px; \n margin-bottom: var(--space-sm);\n stroke: var(--charcoal);\n transition: transform var(--transition-fast);\n flex-shrink: 0;\n }\n \n .industry-card:hover svg { transform: scale(1.1); }\n \n .industry-card h3 { \n font-size: var(--text-base); \n font-weight: 600; \n margin-bottom: 4px;\n color: var(--charcoal);\n }\n \n .industry-card .market { \n font-size: var(--text-sm); \n font-weight: 500; \n margin-bottom: var(--space-sm);\n color: var(--green);\n }\n \n .industry-card p { \n font-size: var(--text-sm); \n color: var(--warm-gray); \n line-height: 1.6; \n margin-bottom: var(--space-sm);\n flex-grow: 1;\n }\n \n .industry-tags { \n display: flex; \n flex-wrap: wrap; \n gap: 6px;\n margin-top: auto;\n }\n \n .industry-tags span {\n font-size: var(--text-xs);\n font-weight: 500;\n background: var(--sand);\n padding: 5px 10px;\n border-radius: 100px;\n color: var(--warm-gray);\n transition: background var(--transition-fast);\n }\n \n .industry-card:hover .industry-tags span { background: var(--clay); }\n \n \/* ============================================\n WHY US SECTION\n ============================================ *\/\n .why-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--grid-gap);\n }\n \n .why-card { \n display: flex; \n gap: var(--space-md);\n padding: var(--card-padding);\n background: var(--sand);\n border-radius: var(--card-radius);\n transition: transform var(--transition-base), box-shadow var(--transition-base);\n align-items: flex-start;\n }\n \n .why-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--card-shadow-hover);\n }\n \n .why-card svg { \n width: 48px; \n height: 48px; \n flex-shrink: 0;\n transition: transform var(--transition-fast);\n }\n \n .why-card:hover svg { transform: scale(1.1); }\n \n .why-card-content { flex: 1; min-width: 0; }\n \n .why-card h3 { \n font-family: 'Instrument Serif', serif;\n font-size: var(--text-xl); \n font-weight: 400; \n margin-bottom: var(--space-xs);\n color: var(--charcoal);\n }\n \n .why-card p { \n font-size: var(--text-base); \n color: var(--warm-gray); \n line-height: 1.7; \n }\n \n \/* ============================================\n PROCESS SECTION - Netflix Top 10 Style\n ============================================ *\/\n .process-section { \n background: var(--charcoal);\n padding: var(--space-4xl) 0;\n overflow: hidden;\n }\n \n .process-section .section-header-centered {\n color: var(--cream);\n }\n \n .process-section .section-title {\n color: var(--cream);\n }\n \n .process-section .section-desc {\n color: rgba(250, 248, 245, 0.6);\n }\n \n .process-section .section-tag {\n color: rgba(250, 248, 245, 0.4);\n }\n \n .process-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-md);\n padding-top: var(--space-lg);\n }\n \n .process-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: var(--card-radius);\n padding: var(--space-lg);\n padding-left: clamp(100px, 25vw, 140px);\n position: relative;\n transition: all var(--transition-base);\n min-height: 140px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .process-card:hover {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.1);\n transform: translateX(8px);\n }\n \n .process-num {\n position: absolute;\n left: var(--space-md);\n top: 50%;\n transform: translateY(-50%);\n font-family: 'Russo One', sans-serif;\n font-size: clamp(72px, 15vw, 100px);\n font-weight: 400;\n line-height: 1;\n color: transparent;\n -webkit-text-stroke: 2px rgba(250, 248, 245, 0.15);\n transition: all var(--transition-base);\n user-select: none;\n }\n \n .process-card:hover .process-num {\n -webkit-text-stroke-color: rgba(250, 248, 245, 0.3);\n transform: translateY(-50%) scale(1.05);\n }\n \n .process-card:nth-child(1):hover .process-num { -webkit-text-stroke-color: var(--blue); }\n .process-card:nth-child(2):hover .process-num { -webkit-text-stroke-color: var(--green); }\n .process-card:nth-child(3):hover .process-num { -webkit-text-stroke-color: var(--yellow); }\n .process-card:nth-child(4):hover .process-num { -webkit-text-stroke-color: var(--red); }\n \n .process-card h3 { \n font-family: 'Instrument Serif', serif;\n font-size: var(--text-xl); \n font-weight: 400; \n margin-bottom: 6px;\n color: var(--cream);\n }\n \n .process-card p { \n font-size: var(--text-sm); \n color: rgba(250, 248, 245, 0.6); \n line-height: 1.65;\n max-width: 400px;\n }\n \n \/* ============================================\n CTA SECTION\n ============================================ *\/\n .cta-section {\n text-align: center;\n padding: var(--space-4xl) 0;\n background: var(--warm-white);\n }\n \n .cta-inner {\n max-width: 600px;\n margin: 0 auto;\n }\n \n .cta-section .section-tag { margin-bottom: var(--space-md); }\n \n .cta-section h2 { \n font-family: 'Instrument Serif', serif;\n font-size: var(--text-3xl); \n font-weight: 400; \n margin-bottom: var(--space-sm);\n letter-spacing: -0.02em;\n color: var(--charcoal);\n }\n \n .cta-section h2 em {\n font-style: italic;\n color: var(--green);\n }\n \n .cta-section > .container > p,\n .cta-inner > p {\n font-size: var(--text-md);\n color: var(--warm-gray);\n max-width: 460px;\n margin: 0 auto var(--space-lg);\n line-height: 1.7;\n }\n \n .cta-links {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--space-sm);\n margin-top: var(--space-xl);\n padding-top: var(--space-xl);\n border-top: 1px solid var(--clay);\n }\n \n .cta-links a { \n font-size: var(--text-sm); \n color: var(--warm-gray); \n text-decoration: none;\n transition: color var(--transition-fast);\n padding: var(--space-xs);\n }\n \n .cta-links a:hover { color: var(--charcoal); }\n \n \/* ============================================\n FOOTER\n ============================================ *\/\n footer {\n background: var(--charcoal);\n padding: var(--space-3xl) 0 var(--space-lg);\n }\n \n .footer-inner {\n display: grid;\n grid-template-columns: 1fr;\n gap: var(--space-xl);\n }\n \n .footer-brand { \n display: flex; \n flex-direction: column; \n gap: var(--space-sm); \n }\n \n .footer-brand .logo svg { \n width: 40px; \n height: 40px; \n }\n \n .footer-brand .logo-text { \n color: var(--cream); \n font-size: 22px; \n }\n \n .footer-brand .tagline { \n font-size: var(--text-sm); \n font-weight: 500;\n color: var(--green);\n letter-spacing: 0.3px;\n }\n \n .footer-brand p { \n font-size: var(--text-sm); \n color: rgba(250, 248, 245, 0.5); \n line-height: 1.6; \n max-width: 280px; \n }\n \n .footer-columns {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-lg);\n }\n \n .footer-col h4 {\n font-family: 'Russo One', sans-serif;\n font-size: var(--text-xs);\n text-transform: uppercase;\n letter-spacing: 2px;\n color: rgba(250, 248, 245, 0.4);\n margin-bottom: var(--space-sm);\n }\n \n .footer-col a { \n display: block; \n font-size: var(--text-sm); \n color: rgba(250, 248, 245, 0.7); \n text-decoration: none; \n padding: 6px 0;\n transition: color var(--transition-fast), transform var(--transition-fast);\n }\n \n .footer-col a:hover { \n color: var(--cream);\n transform: translateX(4px);\n }\n \n .footer-bottom {\n margin-top: var(--space-xl);\n padding-top: var(--space-lg);\n border-top: 1px solid rgba(250, 248, 245, 0.08);\n font-size: var(--text-xs);\n color: rgba(250, 248, 245, 0.4);\n text-align: center;\n }\n \n \/* ============================================\n BACK TO TOP\n ============================================ *\/\n .back-to-top {\n position: fixed;\n bottom: var(--space-md);\n right: var(--space-md);\n width: 48px;\n height: 48px;\n background: var(--charcoal);\n color: var(--cream);\n border: none;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n transform: translateY(16px);\n transition: all var(--transition-base);\n z-index: 99;\n }\n \n .back-to-top.visible {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n \n .back-to-top:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(45, 42, 38, 0.25);\n }\n \n .back-to-top svg {\n width: 20px;\n height: 20px;\n }\n \n \/* ============================================\n RESPONSIVE - MOBILE FIRST\n ============================================ *\/\n \n \/* Small tablets (480px+) *\/\n @media (min-width: 480px) {\n .problems-grid,\n .services-grid,\n .why-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .industries-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .cta-links {\n flex-direction: row;\n gap: var(--space-lg);\n }\n }\n \n \/* Tablets (768px+) *\/\n @media (min-width: 768px) {\n .mobile-menu-btn { display: none; }\n .nav-links { display: flex; }\n \n .hero-grid {\n grid-template-columns: 1.1fr 0.9fr;\n gap: var(--space-xl);\n }\n \n .hero-visual {\n order: 0;\n }\n \n .stats-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-md);\n }\n \n .stat {\n padding: var(--space-xl) var(--space-lg);\n }\n \n .section-header {\n grid-template-columns: 1fr 1fr;\n gap: var(--space-xl);\n align-items: end;\n }\n \n .services-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .industries-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .process-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: var(--space-md);\n }\n \n .process-card {\n padding-left: clamp(110px, 18vw, 130px);\n }\n \n .process-num {\n font-size: clamp(64px, 10vw, 80px);\n }\n \n .footer-inner {\n grid-template-columns: 2fr 1fr;\n gap: var(--space-2xl);\n }\n \n .footer-columns {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n \n \/* Small desktop (1024px+) *\/\n @media (min-width: 1024px) {\n .services-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .industries-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n \n .process-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n \/* Desktop (1200px+) *\/\n @media (min-width: 1200px) {\n .hero-grid {\n gap: var(--space-3xl);\n }\n }\n \n \/* Mobile only - hide nav links, show mobile menu *\/\n @media (max-width: 767px) {\n .nav-links { display: none; }\n .mobile-menu-btn { display: flex; }\n \n .hero {\n padding-top: clamp(100px, 15vw, 140px);\n padding-bottom: var(--space-xl);\n }\n \n .hero-grid {\n gap: var(--space-lg);\n }\n \n .hero-visual {\n order: -1;\n }\n \n .why-card {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav class=\"nav\" id=\"nav\">\n <div class=\"container nav-inner\">\n <a href=\"#\" class=\"logo\">\n <svg viewBox=\"0 0 400 400\">\n <rect x=\"163\" y=\"148\" width=\"38\" height=\"185\" rx=\"19\" fill=\"#4285F4\" stroke=\"#FBBC05\" stroke-width=\"2\" transform=\"rotate(8, 182, 148)\"\/>\n <rect x=\"199\" y=\"148\" width=\"38\" height=\"185\" rx=\"19\" fill=\"#34A853\" stroke=\"#FBBC05\" stroke-width=\"2\" transform=\"rotate(-8, 218, 148)\"\/>\n <circle cx=\"200\" cy=\"100\" r=\"32\" fill=\"#EA4335\" stroke=\"#FBBC05\" stroke-width=\"2\"\/>\n <\/svg>\n <span class=\"logo-text\">AI HQ<\/span>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#industries\">Industries<\/a><\/li>\n <li><a href=\"#approach\">Approach<\/a><\/li>\n <\/ul>\n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\" aria-label=\"Menu\" aria-expanded=\"false\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n<!-- Mobile Menu -->\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#services\" class=\"mobile-nav-link\">Services<\/a>\n <a href=\"#industries\" class=\"mobile-nav-link\">Industries<\/a>\n <a href=\"#approach\" class=\"mobile-nav-link\">Approach<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <h1>Everyone has AI.<br><em>Almost nobody has results.<\/em><\/h1>\n <p class=\"hero-desc\">You bought the tools. You ran the pilots. Your board deck has an AI slide. But your P&L looks exactly the same. That is the gap we close. We take companies from experimenting to earning.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"mailto:hi@aihqglobal.com\" class=\"btn btn-primary\">Let's Fix That \u2192<\/a>\n <a href=\"#industries\" class=\"btn btn-outline\">See Industries<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual hero-float\">\n <svg viewBox=\"0 0 420 420\">\n <circle cx=\"210\" cy=\"210\" r=\"180\" fill=\"#EDE8E0\"\/>\n <circle cx=\"210\" cy=\"210\" r=\"130\" fill=\"#F5F0E8\"\/>\n <path d=\"M 85 230 Q 210 90 335 230\" fill=\"none\" stroke=\"#C5BDB0\" stroke-width=\"2\" stroke-dasharray=\"8 6\"\/>\n <circle cx=\"85\" cy=\"150\" r=\"6\" fill=\"#C5BDB0\"\/>\n <circle cx=\"55\" cy=\"230\" r=\"8\" fill=\"#7AADE0\"\/>\n <circle cx=\"365\" cy=\"230\" r=\"8\" fill=\"#6BBF85\"\/>\n <circle cx=\"335\" cy=\"150\" r=\"6\" fill=\"#C5BDB0\"\/>\n <circle cx=\"210\" cy=\"385\" r=\"6\" fill=\"#E5B84A\"\/>\n <circle cx=\"355\" cy=\"320\" r=\"6\" fill=\"#E08A82\"\/>\n <circle cx=\"65\" cy=\"310\" r=\"5\" fill=\"#D4A5A0\"\/>\n <rect x=\"165\" y=\"155\" width=\"44\" height=\"190\" rx=\"22\" fill=\"#4285F4\" stroke=\"#FBBC05\" stroke-width=\"3\" transform=\"rotate(12, 187, 250)\"\/>\n <rect x=\"211\" y=\"155\" width=\"44\" height=\"190\" rx=\"22\" fill=\"#34A853\" stroke=\"#FBBC05\" stroke-width=\"3\" transform=\"rotate(-12, 233, 250)\"\/>\n <circle cx=\"210\" cy=\"105\" r=\"40\" fill=\"#EA4335\" stroke=\"#FBBC05\" stroke-width=\"3\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- STATS -->\n<div class=\"stats\">\n <div class=\"container\">\n <div class=\"stats-grid\">\n <div class=\"stat animate-on-scroll\">\n <div class=\"stat-num\">88%<\/div>\n <div class=\"stat-text\">of companies now use AI in at least one business function<\/div>\n <\/div>\n <div class=\"stat animate-on-scroll stagger-1\">\n <div class=\"stat-num\">6%<\/div>\n <div class=\"stat-text\">achieve meaningful EBIT impact. These are the high performers.<\/div>\n <\/div>\n <div class=\"stat animate-on-scroll stagger-2\">\n <div class=\"stat-num\">55%<\/div>\n <div class=\"stat-text\">of high performers redesign workflows vs 20% of others.<\/div>\n <\/div>\n <div class=\"stat animate-on-scroll stagger-3\">\n <div class=\"stat-num\">3\u00d7<\/div>\n <div class=\"stat-text\">more likely to succeed with leadership championing adoption<\/div>\n <\/div>\n <\/div>\n <div class=\"stats-source animate-on-scroll stagger-4\">Source: McKinsey State of AI 2025<\/div>\n <\/div>\n<\/div>\n\n<!-- PROBLEMS -->\n<div class=\"problems-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"animate-on-scroll\">\n <h2 class=\"section-title\">Sound familiar?<\/h2>\n <\/div>\n <p class=\"section-desc animate-on-scroll stagger-1\">Two thirds of companies are stuck in pilots. Here is why.<\/p>\n <\/div>\n \n <div class=\"problems-grid\">\n <div class=\"problem-card animate-on-scroll\">\n <div class=\"problem-icon\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><circle cx=\"20\" cy=\"20\" r=\"16\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M20 12V22\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M20 22L25 25\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <h3>Pilot purgatory<\/h3>\n <p>You have launched a dozen POCs. They all worked great in demos. None of them made it to production. The business case evaporated somewhere between the pilot and the P&L.<\/p>\n <\/div>\n <div class=\"problem-card animate-on-scroll stagger-1\">\n <div class=\"problem-icon\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><rect x=\"5\" y=\"5\" width=\"30\" height=\"30\" rx=\"3\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M5 15H35\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M15 35V15\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><\/svg>\n <\/div>\n <h3>Bolt-on thinking<\/h3>\n <p>You added AI to your existing process and expected magic. It does not work that way. High performers redesign workflows around AI. Everyone else decorates broken systems.<\/p>\n <\/div>\n <div class=\"problem-card animate-on-scroll stagger-2\">\n <div class=\"problem-icon\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M20 4L5 12V24C5 32 20 38 20 38C20 38 35 32 35 24V12L20 4Z\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M15 20L18 23L25 16\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <h3>No governance<\/h3>\n <p>Your people are using a dozen AI tools. Nobody knows what data is going where. Risk is building. Compliance is nervous. You need a system, not a free-for-all.<\/p>\n <\/div>\n <div class=\"problem-card animate-on-scroll stagger-3\">\n <div class=\"problem-icon\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><circle cx=\"13\" cy=\"13\" r=\"6\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><circle cx=\"27\" cy=\"13\" r=\"6\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M7 35V32C7 28.13 10.13 25 14 25H26C29.87 25 33 28.13 33 32V35\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <h3>Skills gap<\/h3>\n <p>You need people who understand both AI and your business. They basically do not exist in the job market. And the ones who do want $400K and a remote Pacific island.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- SERVICES -->\n<section id=\"services\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"animate-on-scroll\">\n <h2 class=\"section-title\">We ship AI systems that run in production<\/h2>\n <\/div>\n <p class=\"section-desc animate-on-scroll stagger-1\">Most consultants hand you a roadmap and vanish. We stay until the system works. Then we make sure your team can run it without us.<\/p>\n <\/div>\n \n <div class=\"services-grid\">\n <div class=\"service-card animate-on-scroll\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M5 10H15C16.65 10 18 11.35 18 13V33C18 31.34 16.66 30 15 30H5V10Z\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M35 10H25C23.35 10 22 11.35 22 13V33C22 31.34 23.34 30 25 30H35V10Z\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><\/svg>\n <h3>AI Strategy<\/h3>\n <p>We dig into your operations and find where AI actually moves the needle. Not theoretical value. Revenue and cost impact that shows up in your financials within 12 months.<\/p>\n <\/div>\n <div class=\"service-card animate-on-scroll stagger-1\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><circle cx=\"20\" cy=\"20\" r=\"14\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><circle cx=\"20\" cy=\"20\" r=\"8\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><circle cx=\"20\" cy=\"20\" r=\"3\" fill=\"#2D2A26\"\/><\/svg>\n <h3>Product Design<\/h3>\n <p>The best AI products feel invisible. Users get what they need without thinking about the technology. We design those experiences, from the logic layer to the button copy.<\/p>\n <\/div>\n <div class=\"service-card animate-on-scroll stagger-2\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><rect x=\"8\" y=\"8\" width=\"24\" height=\"24\" rx=\"3\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><rect x=\"15\" y=\"15\" width=\"10\" height=\"10\" fill=\"#2D2A26\"\/><path d=\"M15 5V8M25 5V8M15 32V35M25 32V35M5 15H8M5 25H8M32 15H35M32 25H35\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <h3>Build & Deploy<\/h3>\n <p>We write code. We clean data. We integrate with your stack. We get systems running in production handling actual workloads. Not demo day\u2014deployment day.<\/p>\n <\/div>\n <div class=\"service-card animate-on-scroll stagger-3\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M28 35V32C28 28.69 25.31 26 22 26H12C8.69 26 6 28.69 6 32V35\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"17\" cy=\"14\" r=\"6\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><path d=\"M35 35V32C35 29.5 33.5 27.5 31 26.5\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M25 7C27.5 7.8 29.5 10.2 29.5 13C29.5 15.8 27.5 18.2 25 19\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <h3>Change Management<\/h3>\n <p>Technology is 20% of the problem. Getting your people to actually use it is 80%. We train teams, build governance, and turn the skeptics into your loudest advocates.<\/p>\n <\/div>\n <div class=\"service-card animate-on-scroll stagger-4\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M28 33V19\" stroke=\"#2D2A26\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M20 33V10\" stroke=\"#2D2A26\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M12 33V24\" stroke=\"#2D2A26\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n <h3>Optimization<\/h3>\n <p>AI systems degrade. Data drifts. User behavior changes. We set up monitoring and retraining so your AI works as well in year two as it did on launch day.<\/p>\n <\/div>\n <div class=\"service-card animate-on-scroll stagger-5\">\n <svg viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M35 19V21C35 29 28 35 20 35C12 35 5 29 5 21C5 13 12 7 20 7\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><polyline points=\"35 10 20 25 15 20\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <h3>Startup Advisory<\/h3>\n <p>For funded startups building AI into their core product. Get the architecture right while you can still afford to. Avoid the mistakes that become expensive at scale.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- INDUSTRIES -->\n<div id=\"industries\" class=\"industries-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"animate-on-scroll\">\n <h2 class=\"section-title\">We go deep where AI creates real value<\/h2>\n <\/div>\n <p class=\"section-desc animate-on-scroll stagger-1\">Not every industry benefits equally. We focus on sectors where the math actually works.<\/p>\n <\/div>\n \n <div class=\"industries-grid\">\n <div class=\"industry-card animate-on-scroll\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><circle cx=\"9\" cy=\"26\" r=\"2\"\/><circle cx=\"23\" cy=\"26\" r=\"2\"\/><path d=\"M2 4H7L10 20H25L28 9H9\"\/><\/svg>\n <h3>Retail<\/h3>\n <div class=\"market\">$40-96B by 2030<\/div>\n <p>Demand forecasting, dynamic pricing, checkout automation. Winners redesign the entire store experience.<\/p>\n <div class=\"industry-tags\"><span>Forecasting<\/span><span>Pricing<\/span><span>Smart Carts<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-1\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"2\" y=\"7\" width=\"28\" height=\"18\" rx=\"2\"\/><line x1=\"2\" y1=\"14\" x2=\"30\" y2=\"14\"\/><\/svg>\n <h3>Financial Services<\/h3>\n <div class=\"market\">$200-340B annual value<\/div>\n <p>Gen AI could add up to $340B annually in banking. Fraud, credit analysis, compliance.<\/p>\n <div class=\"industry-tags\"><span>Fraud<\/span><span>Credit<\/span><span>KYC<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-2\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M30 16H24L20 26L12 6L8 16H2\"\/><\/svg>\n <h3>Healthcare<\/h3>\n <div class=\"market\">$504B by 2032<\/div>\n <p>44% CAGR. Diagnostics, clinical documentation, drug discovery. Real deployments happening.<\/p>\n <div class=\"industry-tags\"><span>Diagnostics<\/span><span>Docs<\/span><span>Discovery<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-3\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><polygon points=\"30 9 22 16 30 23 30 9\"\/><rect x=\"2\" y=\"7\" width=\"20\" height=\"18\" rx=\"2\"\/><\/svg>\n <h3>Media<\/h3>\n <div class=\"market\">25%+ CAGR to 2030<\/div>\n <p>Content generation, recommendation engines, production automation. Studios are shipping now.<\/p>\n <div class=\"industry-tags\"><span>Content<\/span><span>Personalization<\/span><span>Production<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M4 12L16 4L28 12V26C28 27.1 27.1 28 26 28H6C4.9 28 4 27.1 4 26V12Z\"\/><path d=\"M12 28V18H20V28\"\/><\/svg>\n <h3>Real Estate<\/h3>\n <div class=\"market\">$34B efficiency gains<\/div>\n <p>AI could automate 37% of real estate tasks by 2030. Valuations, lead gen, document processing.<\/p>\n <div class=\"industry-tags\"><span>Valuations<\/span><span>Leads<\/span><span>Documents<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-1\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M24 10H26C27.66 10 29 11.34 29 13C29 14.66 27.66 16 26 16H24\"\/><path d=\"M4 10H24V19C24 21.76 21.76 24 19 24H9C6.24 24 4 21.76 4 19V10Z\"\/><path d=\"M9 4V7M16 4V7M23 4V7\"\/><\/svg>\n <h3>Hospitality<\/h3>\n <div class=\"market\">32% CAGR to 2030<\/div>\n <p>Revenue management, demand forecasting, personalization. Early movers see 15% revenue lifts.<\/p>\n <div class=\"industry-tags\"><span>Revenue<\/span><span>Forecasting<\/span><span>Personalization<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-2\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M18 4L4 18H16L14 28L28 14H16L18 4Z\"\/><\/svg>\n <h3>Energy<\/h3>\n <div class=\"market\">12.7% CAGR to 2032<\/div>\n <p>Grid management, predictive maintenance, demand forecasting. AI solutions manage AI demand.<\/p>\n <div class=\"industry-tags\"><span>Grid<\/span><span>Maintenance<\/span><span>Forecasting<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-3\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"2\" y=\"8\" width=\"22\" height=\"16\" rx=\"2\"\/><path d=\"M30 18V14\"\/><\/svg>\n <h3>Construction<\/h3>\n <div class=\"market\">32% CAGR to 2034<\/div>\n <p>Project management, safety monitoring, cost estimation. 15% productivity gains documented.<\/p>\n <div class=\"industry-tags\"><span>Projects<\/span><span>Safety<\/span><span>Estimation<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M16 28C16 28 26 23 26 14V7L16 4L6 7V14C6 23 16 28 16 28Z\"\/><\/svg>\n <h3>Agriculture<\/h3>\n <div class=\"market\">22% CAGR to 2032<\/div>\n <p>Precision farming, yield prediction, disease detection. 60%+ farmers use digital agronomy.<\/p>\n <div class=\"industry-tags\"><span>Precision<\/span><span>Yields<\/span><span>Detection<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-1\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M20 4H9C8.45 4 8 4.45 8 5V27C8 27.55 8.45 28 9 28H23C23.55 28 24 27.55 24 27V8L20 4Z\"\/><path d=\"M20 4V8H24\"\/><\/svg>\n <h3>Legal<\/h3>\n <div class=\"market\">19%+ CAGR to 2026<\/div>\n <p>Corporate legal AI adoption doubled. Contract review, due diligence. Review time cut 50%.<\/p>\n <div class=\"industry-tags\"><span>Contracts<\/span><span>Review<\/span><span>Research<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-2\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M16 28C16 28 26 23 26 14V7L16 4L6 7V14C6 23 16 28 16 28Z\"\/><path d=\"M11 16L14 19L21 12\"\/><\/svg>\n <h3>Insurance<\/h3>\n <div class=\"market\">25%+ spend growth 2026<\/div>\n <p>Underwriting, claims processing, fraud detection. M&A deals involving AI surged 328%.<\/p>\n <div class=\"industry-tags\"><span>Underwriting<\/span><span>Claims<\/span><span>Fraud<\/span><\/div>\n <\/div>\n <div class=\"industry-card animate-on-scroll stagger-3\">\n <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"16\" rx=\"2\"\/><polygon points=\"22 11 29 11 32 14 32 21 22 21 22 11\"\/><circle cx=\"7\" cy=\"25\" r=\"3\"\/><circle cx=\"25\" cy=\"25\" r=\"3\"\/><\/svg>\n <h3>Logistics<\/h3>\n <div class=\"market\">$192B by 2034<\/div>\n <p>39% CAGR. Route optimization, demand planning, warehouse automation. AI is the OS of supply chains.<\/p>\n <div class=\"industry-tags\"><span>Routes<\/span><span>Demand<\/span><span>Warehouse<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- WHY US -->\n<section id=\"approach\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"animate-on-scroll\">\n <h2 class=\"section-title\">What makes us different<\/h2>\n <\/div>\n <p class=\"section-desc animate-on-scroll stagger-1\">We are not a slide deck factory. We build systems that run in production and drive actual results.<\/p>\n <\/div>\n \n <div class=\"why-grid\">\n <div class=\"why-card animate-on-scroll\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\"><circle cx=\"24\" cy=\"24\" r=\"20\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><circle cx=\"24\" cy=\"24\" r=\"12\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><circle cx=\"24\" cy=\"24\" r=\"5\" fill=\"#2D2A26\"\/><\/svg>\n <div class=\"why-card-content\">\n <h3>Physical AI<\/h3>\n <p>Not just chatbots. We build AI that connects to the physical world. Smart carts, computer vision, sensors, robotics. Systems that do things, not just talk.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card animate-on-scroll stagger-1\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\"><rect x=\"10\" y=\"10\" width=\"28\" height=\"28\" rx=\"4\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><rect x=\"17\" y=\"17\" width=\"14\" height=\"14\" fill=\"#2D2A26\"\/><path d=\"M17 6V10M31 6V10M17 38V42M31 38V42M6 17H10M6 31H10M38 17H42M38 31H42\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <div class=\"why-card-content\">\n <h3>Agentic Systems<\/h3>\n <p>62% of companies are experimenting with AI agents. Under 10% have scaled them. We build agentic systems that run in production handling real workflows.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card animate-on-scroll stagger-2\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><ellipse cx=\"24\" cy=\"24\" rx=\"18\" ry=\"7\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><ellipse cx=\"24\" cy=\"24\" rx=\"7\" ry=\"18\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><\/svg>\n <div class=\"why-card-content\">\n <h3>Global Reach<\/h3>\n <p>Dubai based. Serving Middle East, Europe, and North America. We understand emerging markets, enterprise requirements, and everything in between.<\/p>\n <\/div>\n <\/div>\n <div class=\"why-card animate-on-scroll stagger-3\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\"><path d=\"M42 22V24C42 35 33 44 24 44C15 44 6 35 6 24C6 13 15 6 24 6\" stroke=\"#2D2A26\" stroke-width=\"1.5\"\/><polyline points=\"42 10 24 28 19 23\" stroke=\"#2D2A26\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <div class=\"why-card-content\">\n <h3>End to End<\/h3>\n <p>Strategy through production through optimization. We do not hand off. We stay until the system works and your team owns it completely. That is the job.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PROCESS -->\n<div class=\"process-section\">\n <div class=\"container\">\n <div class=\"section-header-centered animate-on-scroll\">\n <div class=\"section-tag\">How We Work<\/div>\n <h2 class=\"section-title\">Simple process. Real outcomes.<\/h2>\n <p class=\"section-desc\">No mystery. No jargon. We find the value, build the system, and get it running.<\/p>\n <\/div>\n \n <div class=\"process-grid\">\n <div class=\"process-card animate-on-scroll\">\n <div class=\"process-num\">1<\/div>\n <h3>Find the Value<\/h3>\n <p>We dig into your operations and identify where AI creates real impact. Not experiments. P&L impact you can measure.<\/p>\n <\/div>\n <div class=\"process-card animate-on-scroll stagger-1\">\n <div class=\"process-num\">2<\/div>\n <h3>Design It Right<\/h3>\n <p>Architecture that fits your reality. Your data, your systems, your people. Built for production from day one.<\/p>\n <\/div>\n <div class=\"process-card animate-on-scroll stagger-2\">\n <div class=\"process-num\">3<\/div>\n <h3>Build and Ship<\/h3>\n <p>Code, data, models, integrations. We work alongside your team to get systems running in production.<\/p>\n <\/div>\n <div class=\"process-card animate-on-scroll stagger-3\">\n <div class=\"process-num\">4<\/div>\n <h3>Scale and Transfer<\/h3>\n <p>Expand what works. Train your team. Build the capabilities so you can run everything without us.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- CTA -->\n<section id=\"contact\" class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-inner\">\n <div class=\"section-tag animate-on-scroll\">Get Started<\/div>\n <h2 class=\"animate-on-scroll stagger-1\">Ready to join the <em>6%<\/em>?<\/h2>\n <p class=\"animate-on-scroll stagger-2\">Most AI conversations are theoretical. Ours are practical. If you want results, not experiments, let's talk about your situation.<\/p>\n <a href=\"mailto:hi@aihqglobal.com\" class=\"btn btn-primary animate-on-scroll stagger-3\">Start a Conversation \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"container\">\n <div class=\"footer-inner\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <svg viewBox=\"0 0 400 400\">\n <rect x=\"163\" y=\"148\" width=\"38\" height=\"185\" rx=\"19\" fill=\"#4285F4\" stroke=\"#FBBC05\" stroke-width=\"2\" transform=\"rotate(8, 182, 148)\"\/>\n <rect x=\"199\" y=\"148\" width=\"38\" height=\"185\" rx=\"19\" fill=\"#34A853\" stroke=\"#FBBC05\" stroke-width=\"2\" transform=\"rotate(-8, 218, 148)\"\/>\n <circle cx=\"200\" cy=\"100\" r=\"32\" fill=\"#EA4335\" stroke=\"#FBBC05\" stroke-width=\"2\"\/>\n <\/svg>\n <span class=\"logo-text\">AI HQ<\/span>\n <\/a>\n <span class=\"tagline\">Teaching Machines to Teach Humans<\/span>\n <p>From Dubai. Shipping globally.<\/p>\n <\/div>\n <div class=\"footer-columns\">\n <div class=\"footer-col\">\n <h4>Services<\/h4>\n <a href=\"#services\">AI Strategy<\/a>\n <a href=\"#services\">Product Design<\/a>\n <a href=\"#services\">Build & Deploy<\/a>\n <a href=\"#services\">Optimization<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Industries<\/h4>\n <a href=\"#industries\">Retail<\/a>\n <a href=\"#industries\">Financial Services<\/a>\n <a href=\"#industries\">Healthcare<\/a>\n <a href=\"#industries\">All Industries<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h4>Connect<\/h4>\n <a href=\"mailto:hi@aihqglobal.com\">Get in Touch \u2192<\/a>\n <span style=\"color: rgba(250, 248, 245, 0.5); font-size: var(--text-sm);\">Dubai, UAE<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 AI HQ Global Nexus FZE. All rights reserved.<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<!-- BACK TO TOP -->\n<button class=\"back-to-top\" id=\"backToTop\" aria-label=\"Back to top\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"18 15 12 9 6 15\"><\/polyline>\n <\/svg>\n<\/button>\n\n<script>\n \/\/ Mobile menu toggle\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');\n \n mobileMenuBtn.addEventListener('click', () => {\n const isOpen = mobileMenu.classList.toggle('active');\n mobileMenuBtn.classList.toggle('active');\n mobileMenuBtn.setAttribute('aria-expanded', isOpen);\n document.body.style.overflow = isOpen ? 'hidden' : '';\n });\n \n \/\/ Close mobile menu on link click\n mobileNavLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('active');\n mobileMenuBtn.classList.remove('active');\n mobileMenuBtn.setAttribute('aria-expanded', 'false');\n document.body.style.overflow = '';\n });\n });\n \n \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -40px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n \n document.querySelectorAll('.animate-on-scroll').forEach(el => {\n observer.observe(el);\n });\n \n \/\/ Nav scroll effect\n const nav = document.getElementById('nav');\n let lastScrollY = window.scrollY;\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n lastScrollY = window.scrollY;\n }, { passive: true });\n \n \/\/ Back to top button\n const backToTop = document.getElementById('backToTop');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 500) {\n backToTop.classList.add('visible');\n } else {\n backToTop.classList.remove('visible');\n }\n }, { passive: true });\n \n backToTop.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI HQ Global Nexus | Stop Experimenting. Start Shipping. AI HQ Services Industries Approach Services Industries Approach Everyone has AI.Almost nobody has results. You bought the tools. You ran the pilots. Your board deck has an AI slide. But your P&L looks exactly the same. That is the gap we close. We take companies from […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aihqglobal.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aihqglobal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aihqglobal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aihqglobal.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aihqglobal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":6,"href":"https:\/\/aihqglobal.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/aihqglobal.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/aihqglobal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}