{"id":2028,"date":"2024-04-18T19:28:31","date_gmt":"2024-04-18T19:28:31","guid":{"rendered":"https:\/\/aidevlab.com\/?page_id=2028"},"modified":"2026-04-06T21:07:09","modified_gmt":"2026-04-06T21:07:09","slug":"flexai-framework","status":"publish","type":"page","link":"https:\/\/aidevlab.com\/solutions\/flexai-framework\/","title":{"rendered":"The FlexAI Framework"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2028\" class=\"elementor elementor-2028\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e94a66 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7e94a66\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e88ca1\" data-id=\"5e88ca1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f05ea1e elementor-widget elementor-widget-html\" data-id=\"f05ea1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Global CSS\r\n   fai-00-css.html\r\n   Place LAST in Elementor widget stack.\r\n   ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 FAI GLOBAL VARIABLES \u2500\u2500 *\/\r\n:root {\r\n  --fai-g:     #259F6C;\r\n  --fai-gd:    #1d7f56;\r\n  --fai-gold:  #E8A820;\r\n  --fai-navy:  #0A1628;\r\n  --fai-blue:  #5A9EC9;\r\n  --fai-light: #F5F2EB;\r\n  --fai-cream: #F0EDE8;\r\n  --fai-body:  #4A4E5A;\r\n  --fai-fd:    'Playfair Display', Georgia, serif;\r\n  --fai-fb:    'DM Sans', sans-serif;\r\n}\r\n\r\n\/* \u2500\u2500 SHARED EYEBROW \u2500\u2500 *\/\r\n.fai-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-family: var(--fai-fb);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: var(--fai-g);\r\n  margin-bottom: 16px;\r\n}\r\n.fai-eyebrow::before {\r\n  content: '';\r\n  display: block;\r\n  width: 22px;\r\n  height: 2px;\r\n  background: var(--fai-g);\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n.fai-eyebrow-light { color: rgba(232,237,233,0.6); }\r\n.fai-eyebrow-light::before { background: rgba(232,237,233,0.4); }\r\n.fai-eyebrow-green-light { color: #5edc9e; }\r\n.fai-eyebrow-green-light::before { background: #5edc9e; }\r\n.fai-eyebrow-gold { color: var(--fai-gold); }\r\n.fai-eyebrow-gold::before { background: var(--fai-gold); }\r\n\r\n\/* \u2500\u2500 SHARED SECTION TITLE \u2500\u2500 *\/\r\n.fai-section-title {\r\n  font-family: var(--fai-fd);\r\n  font-size: 40px;\r\n  font-weight: 400;\r\n  line-height: 1.15;\r\n  color: var(--fai-navy);\r\n  margin-bottom: 20px;\r\n}\r\n.fai-section-title em {\r\n  font-style: italic;\r\n  color: var(--fai-gold);\r\n  font-weight: 400;\r\n}\r\n.fai-section-title-light { color: #f0f5f1; }\r\n.fai-section-title-light em { color: var(--fai-gold); }\r\n\r\n\/* \u2500\u2500 SHARED BODY TEXT \u2500\u2500 *\/\r\n.fai-body-text {\r\n  font-family: var(--fai-fb);\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n  color: var(--fai-body);\r\n  max-width: 640px;\r\n}\r\n.fai-body-text-light { color: rgba(232,237,233,0.65); }\r\n\r\n\/* \u2500\u2500 SHARED CONTAINER \u2500\u2500 *\/\r\n.fai-container {\r\n  max-width: 1120px;\r\n  margin: 0 auto;\r\n  padding: 0 56px;\r\n}\r\n@media (max-width: 900px) { .fai-container { padding: 0 28px; } }\r\n@media (max-width: 600px) { .fai-container { padding: 0 20px; } }\r\n\r\n\/* \u2500\u2500 SHARED BUTTONS \u2500\u2500 *\/\r\n.fai-btn-primary {\r\n  display: inline-block;\r\n  background: var(--fai-g);\r\n  color: #fff;\r\n  font-family: var(--fai-fb);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  padding: 14px 30px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background 0.2s, transform 0.15s;\r\n  user-select: none;\r\n}\r\n.fai-btn-primary:hover { background: var(--fai-gd); transform: translateY(-1px); }\r\n\r\n.fai-btn-dark {\r\n  display: inline-block;\r\n  background: var(--fai-navy);\r\n  color: #fff;\r\n  font-family: var(--fai-fb);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  padding: 14px 30px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background 0.2s, transform 0.15s;\r\n  user-select: none;\r\n}\r\n.fai-btn-dark:hover { background: #0d1e35; transform: translateY(-1px); }\r\n\r\n\/* \u2500\u2500 ANIMATION CLASSES (activated by fai-13-animations.html) \u2500\u2500 *\/\r\n.fai-anim {\r\n  transition: opacity 0.65s cubic-bezier(0.22,1,0.36,1),\r\n              transform 0.65s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n.fai-anim-left  { transition: opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1); }\r\n.fai-anim-right { transition: opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1); }\r\n.fai-anim-scale { transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.34,1.56,0.64,1); }\r\n\r\n.fai-d1 { transition-delay: 0.08s; }\r\n.fai-d2 { transition-delay: 0.16s; }\r\n.fai-d3 { transition-delay: 0.24s; }\r\n.fai-d4 { transition-delay: 0.32s; }\r\n.fai-d5 { transition-delay: 0.40s; }\r\n.fai-d6 { transition-delay: 0.48s; }\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e84f5c9 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e84f5c9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f0fc85\" data-id=\"5f0fc85\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5471a5c elementor-widget elementor-widget-html\" data-id=\"5471a5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Hero (Diagonal Split)\r\n   fai-01-hero.html\r\n\r\n   Cream left \/ deep forest green right with diagonal clip.\r\n   Content uses a proper max-width container \u2014 no absolute\r\n   positioning on copy. Same layout pattern as all other widgets.\r\n   ============================================================ -->\r\n\r\n<div class=\"fai-hero\">\r\n\r\n  <!-- AIDL gradient top bar -->\r\n  <div class=\"fai-hero-topbar\"><\/div>\r\n\r\n  <!-- Dark diagonal panel \u2014 purely decorative, behind content -->\r\n  <div class=\"fai-hero-dark\" aria-hidden=\"true\">\r\n    <div class=\"fai-hero-wm\">AIDL<\/div>\r\n  <\/div>\r\n\r\n  <!-- Content grid \u2014 inside proper container -->\r\n  <div class=\"fai-hero-layout\">\r\n\r\n    <!-- Left: copy -->\r\n    <div class=\"fai-hero-copy\">\r\n      <div class=\"fai-hero-eyebrow\">\r\n        <span class=\"fai-eyebrow-rule\"><\/span>\r\n        The FlexAI Framework\r\n      <\/div>\r\n      <h1 class=\"fai-hero-h1\">\r\n        The AI firm that<br>\r\n        <em>learns your world<\/em><br>\r\n        before building in it.\r\n      <\/h1>\r\n      <p class=\"fai-hero-sub\">Most AI implementations fail because the team building them never truly understood the business. AIDL brings two decades of strategic business experience alongside deep AI expertise. That combination is exactly why our work sticks.<\/p>\r\n      <div class=\"fai-hero-cta-row\">\r\n        <div class=\"fai-btn-primary\" onclick=\"window.open('https:\/\/calendly.com\/aidevlab-info\/flexai-discovery','_blank')\">\r\n          Schedule Your Discovery Session\r\n        <\/div>\r\n        <div class=\"fai-btn-ghost\" onclick=\"document.getElementById('fai-framework').scrollIntoView({behavior:'smooth'})\">\r\n          See how it works\r\n          <svg viewBox=\"0 0 12 12\" width=\"11\" height=\"11\"><polyline points=\"2,6 10,6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><polyline points=\"7,3 10,6 7,9\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fai-hero-trust\">\r\n        <span class=\"fai-trust-dot\"><\/span>\r\n        Deployed across transit, financial services, logistics, automotive, and healthcare\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: AIDL letter cards -->\r\n    <div class=\"fai-hero-cards\">\r\n      <div class=\"fai-hc-grid\">\r\n        <div class=\"fai-hc fai-hc-a\">\r\n          <div class=\"fai-hc-letter\">A<\/div>\r\n          <div class=\"fai-hc-label\">Assess<\/div>\r\n          <div class=\"fai-hc-phase\">Phase 01<\/div>\r\n        <\/div>\r\n        <div class=\"fai-hc fai-hc-i\">\r\n          <div class=\"fai-hc-letter\">I<\/div>\r\n          <div class=\"fai-hc-label\">Illuminate<\/div>\r\n          <div class=\"fai-hc-phase\">Phase 02<\/div>\r\n        <\/div>\r\n        <div class=\"fai-hc fai-hc-d\">\r\n          <div class=\"fai-hc-letter\">D<\/div>\r\n          <div class=\"fai-hc-label\">Deliver<\/div>\r\n          <div class=\"fai-hc-phase\">Phase 03<\/div>\r\n        <\/div>\r\n        <div class=\"fai-hc fai-hc-l\">\r\n          <div class=\"fai-hc-letter\">L<\/div>\r\n          <div class=\"fai-hc-label\">Lead<\/div>\r\n          <div class=\"fai-hc-phase\">Phase 04<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fai-hc-caption\">4 phases \u00b7 1 proprietary method \u00b7 1 name you already know<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-hero * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\r\n.fai-hero {\r\n  background: #F5F2EB;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  border-bottom: 1px solid #ddd8d0;\r\n}\r\n\r\n\/* \u2500\u2500 TOP BAR \u2500\u2500 *\/\r\n.fai-hero-topbar {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 5px;\r\n  background: linear-gradient(90deg,\r\n    #259F6C 0%, #259F6C 28%,\r\n    #E8A820 50%,\r\n    #5A9EC9 72%,\r\n    #259F6C 100%\r\n  );\r\n  z-index: 20;\r\n}\r\n\r\n\/* \u2500\u2500 DARK DIAGONAL PANEL \u2014 decorative only \u2500\u2500 *\/\r\n.fai-hero-dark {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: #0c1f12;\r\n  background-image:\r\n    radial-gradient(ellipse 70% 60% at 85% 35%, rgba(37,159,108,0.13) 0%, transparent 60%),\r\n    radial-gradient(ellipse 45% 50% at 100% 100%, rgba(37,159,108,0.07) 0%, transparent 55%);\r\n  \/* diagonal from ~57% at top to ~42% at bottom *\/\r\n  clip-path: polygon(57% 0%, 100% 0%, 100% 100%, 42% 100%);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.fai-hero-wm {\r\n  position: absolute;\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 200px;\r\n  font-weight: 400;\r\n  color: rgba(37,159,108,0.055);\r\n  right: -10px;\r\n  bottom: -30px;\r\n  letter-spacing: -0.02em;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 CONTENT LAYOUT \u2014 proper container, same pattern as all widgets \u2500\u2500 *\/\r\n.fai-hero-layout {\r\n  position: relative;\r\n  z-index: 5;\r\n  max-width: 1120px;\r\n  margin: 0 auto;\r\n  padding: 96px 56px 96px 56px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 380px;\r\n  gap: 56px;\r\n  align-items: center;\r\n  min-height: 640px;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: COPY \u2500\u2500 *\/\r\n.fai-hero-copy { display: flex; flex-direction: column; }\r\n\r\n.fai-hero-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: #259F6C;\r\n  margin-bottom: 22px;\r\n}\r\n.fai-eyebrow-rule {\r\n  display: block;\r\n  width: 24px; height: 2px;\r\n  background: #259F6C;\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fai-hero-h1 {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 54px;\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  color: #0A1628;\r\n  margin-bottom: 24px;\r\n}\r\n.fai-hero-h1 em { font-style: italic; color: #259F6C; font-weight: 400; }\r\n\r\n.fai-hero-sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.72;\r\n  color: #4A4E5A;\r\n  max-width: 440px;\r\n  margin-bottom: 38px;\r\n  padding-right: 32px;\r\n}\r\n\r\n.fai-hero-cta-row {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 44px;\r\n  max-width: 440px;\r\n}\r\n\r\n.fai-btn-primary {\r\n  background: #259F6C;\r\n  color: #fff;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  padding: 15px 28px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background 0.2s, transform 0.15s;\r\n  user-select: none;\r\n  white-space: nowrap;\r\n}\r\n.fai-btn-primary:hover { background: #1d7f56; transform: translateY(-1px); }\r\n\r\n.fai-btn-ghost {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #0A1628;\r\n  cursor: pointer;\r\n  transition: gap 0.2s, color 0.2s;\r\n  user-select: none;\r\n}\r\n.fai-btn-ghost:hover { gap: 12px; color: #259F6C; }\r\n.fai-btn-ghost svg { flex-shrink: 0; }\r\n\r\n.fai-hero-trust {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: #9A9488;\r\n  max-width: 360px;\r\n  line-height: 1.5;\r\n}\r\n.fai-trust-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: #259F6C;\r\n  flex-shrink: 0;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT: AIDL CARDS \u2500\u2500 *\/\r\n.fai-hero-cards {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.fai-hc-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 10px;\r\n  width: 100%;\r\n}\r\n\r\n.fai-hc {\r\n  padding: 26px 22px 22px;\r\n  border-radius: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  cursor: default;\r\n  box-shadow: 0 4px 24px rgba(0,0,0,0.13), 0 1px 4px rgba(0,0,0,0.07);\r\n  transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.2s;\r\n}\r\n.fai-hc:hover {\r\n  transform: translateY(-5px) scale(1.03);\r\n  box-shadow: 0 14px 40px rgba(0,0,0,0.18);\r\n}\r\n\r\n.fai-hc-a { background: #DFF5EC; border: 1px solid rgba(37,159,108,0.2); }\r\n.fai-hc-i { background: #FDF4DC; border: 1px solid rgba(232,168,32,0.2); }\r\n.fai-hc-d { background: #E0EFF8; border: 1px solid rgba(90,158,201,0.2); }\r\n.fai-hc-l { background: #DFF5EC; border: 1px solid rgba(37,159,108,0.2); }\r\n\r\n.fai-hc-letter {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 72px;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n}\r\n.fai-hc-a .fai-hc-letter,\r\n.fai-hc-l .fai-hc-letter { color: #1e8055; }\r\n.fai-hc-i .fai-hc-letter  { color: #B87A08; }\r\n.fai-hc-d .fai-hc-letter  { color: #2870A0; }\r\n\r\n.fai-hc-label {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n}\r\n.fai-hc-a .fai-hc-label,\r\n.fai-hc-l .fai-hc-label { color: #145c38; }\r\n.fai-hc-i .fai-hc-label  { color: #7a4e08; }\r\n.fai-hc-d .fai-hc-label  { color: #1a4e6e; }\r\n\r\n.fai-hc-phase {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  opacity: 0.45;\r\n  color: #0A1628;\r\n}\r\n\r\n\/* Caption sits below cards \u2014 in the dark green zone \u2014 white text *\/\r\n.fai-hc-caption {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  color: rgba(232,237,233,0.55);\r\n  text-align: center;\r\n  letter-spacing: 0.04em;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  .fai-hero-layout {\r\n    grid-template-columns: 1fr 340px;\r\n    padding: 80px 40px;\r\n  }\r\n  .fai-hero-h1 { font-size: 44px; }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n  .fai-hero-dark {\r\n    clip-path: none;\r\n    height: 300px;\r\n    top: auto;\r\n    bottom: 0;\r\n    left: 0; right: 0;\r\n  }\r\n  .fai-hero-layout {\r\n    grid-template-columns: 1fr;\r\n    padding: 80px 28px 48px;\r\n    min-height: auto;\r\n  }\r\n  .fai-hc-caption { color: rgba(10,22,40,0.4); }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-hero-h1 { font-size: 36px; }\r\n  .fai-hc-letter { font-size: 56px; }\r\n  .fai-hc { padding: 20px 16px 16px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-863f844 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"863f844\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d593c0\" data-id=\"7d593c0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c338fc elementor-widget elementor-widget-html\" data-id=\"0c338fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 The AIDL Difference\r\n   fai-02-difference.html\r\n   ============================================================ -->\r\n<div class=\"fai-diff\">\r\n  <div class=\"fai-container\">\r\n\r\n    <div class=\"fai-diff-header\">\r\n      <div class=\"fai-eyebrow fai-anim\">The AIDL Difference<\/div>\r\n      <h2 class=\"fai-section-title fai-anim fai-d1\">We aren't a dev house.<br><em>We're strategic partners who build AI.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fai-diff-grid\">\r\n\r\n      <!-- Left: copy + callout -->\r\n      <div class=\"fai-diff-left\">\r\n        <p class=\"fai-body-text fai-anim\">Anyone can connect an API. The hard part is knowing which problem deserves solving, which process is worth automating, and which approach will actually survive contact with your organization. That judgment comes from experience built inside real businesses, at real scale, with real stakes.<\/p>\r\n        <div class=\"fai-diff-callout fai-anim fai-d1\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"#259F6C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n          <p>Other dev teams hear your idea and start coding. We hear your idea and start asking questions, because the real opportunity is almost always different from the original brief \u2014 and usually larger.<\/p>\r\n        <\/div>\r\n        <p class=\"fai-body-text fai-anim fai-d2\" style=\"margin-top: 0;\">We often refine the brief before we accept it. What you originally described is rarely the best version of what you actually need. That isn't a critique. That's the value.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: four strategy cards -->\r\n      <div class=\"fai-diff-cards\">\r\n        <div class=\"fai-diff-card fai-anim fai-d1\">\r\n          <div class=\"fai-diff-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"#259F6C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n          <\/div>\r\n          <h4>We see the whole picture quickly<\/h4>\r\n          <p>AIDL brings senior-level business strategy into every engagement. Within hours, we identify the constraints and opportunities that a typical dev team would take weeks to uncover \u2014 if they found them at all.<\/p>\r\n        <\/div>\r\n        <div class=\"fai-diff-card fai-anim fai-d2\">\r\n          <div class=\"fai-diff-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"#259F6C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg>\r\n          <\/div>\r\n          <h4>We distinguish signal from noise<\/h4>\r\n          <p>Leaders often arrive with three ideas. We help identify which deserves attention now, which should wait, and which is solving the wrong problem entirely. That clarity alone is worth the engagement.<\/p>\r\n        <\/div>\r\n        <div class=\"fai-diff-card fai-anim fai-d3\">\r\n          <div class=\"fai-diff-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"#259F6C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\r\n          <\/div>\r\n          <h4>We speak every room's language<\/h4>\r\n          <p>We're equally fluent in operations, finance, compliance, and technology. Nothing is lost between the boardroom and the codebase.<\/p>\r\n        <\/div>\r\n        <div class=\"fai-diff-card fai-anim fai-d4\">\r\n          <div class=\"fai-diff-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"#259F6C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n          <\/div>\r\n          <h4>We surface what clients haven't considered<\/h4>\r\n          <p>Every AIDL engagement surfaces at least one opportunity the client hadn't included in the original brief. Our ASSESS phase is designed to look beyond the ask and map what's actually possible.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-diff {\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n  border-bottom: 1px solid #e8e4de;\r\n  width: 100%;\r\n}\r\n.fai-diff * { box-sizing: border-box; }\r\n\r\n.fai-diff-header { margin-bottom: 56px; }\r\n\r\n.fai-diff-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 72px;\r\n  align-items: start;\r\n}\r\n\r\n.fai-diff-callout {\r\n  background: rgba(37,159,108,0.06);\r\n  border-left: 3px solid #259F6C;\r\n  border-radius: 0 12px 12px 0;\r\n  padding: 20px 24px;\r\n  margin: 28px 0 24px;\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n}\r\n.fai-diff-callout svg { flex-shrink: 0; margin-top: 2px; }\r\n.fai-diff-callout p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  color: #1a4028;\r\n  line-height: 1.65;\r\n  font-style: italic;\r\n}\r\n\r\n.fai-diff-cards {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n}\r\n\r\n.fai-diff-card {\r\n  background: #F5F2EB;\r\n  border: 1px solid #ddd8d0;\r\n  border-radius: 14px;\r\n  padding: 24px;\r\n  transition: border-color 0.2s, box-shadow 0.2s;\r\n}\r\n.fai-diff-card:hover {\r\n  border-color: #259F6C;\r\n  box-shadow: 0 2px 16px rgba(37,159,108,0.07);\r\n}\r\n.fai-diff-card-icon {\r\n  width: 34px; height: 34px;\r\n  background: rgba(37,159,108,0.10);\r\n  border: 1px solid rgba(37,159,108,0.2);\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 14px;\r\n}\r\n.fai-diff-card h4 {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #0A1628;\r\n  margin-bottom: 8px;\r\n  line-height: 1.3;\r\n}\r\n.fai-diff-card p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: #4A4E5A;\r\n  line-height: 1.65;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .fai-diff-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .fai-diff-cards { grid-template-columns: 1fr 1fr; }\r\n}\r\n@media (max-width: 560px) {\r\n  .fai-diff-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2cd9fb0 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2cd9fb0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24612b6\" data-id=\"24612b6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b3071e elementor-widget elementor-widget-html\" data-id=\"0b3071e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Why FlexAI Exists\r\n   fai-03-origin.html\r\n   ============================================================ -->\r\n<div class=\"fai-origin\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-origin-grid\">\r\n\r\n      <!-- Left -->\r\n      <div>\r\n        <div class=\"fai-eyebrow fai-anim\">Why FlexAI Exists<\/div>\r\n        <h2 class=\"fai-section-title fai-anim fai-d1\">Every client comes with an idea.<br><em>We come with questions.<\/em><\/h2>\r\n        <div class=\"fai-origin-pullquote fai-anim fai-d2\">\r\n          \"The idea is your starting point. The questions, the understanding, and the strategy are where the real opportunity lives.\"\r\n        <\/div>\r\n        <div class=\"fai-origin-pip fai-anim fai-d3\">\r\n          <div class=\"fai-origin-pip-line\"><\/div>\r\n          <span>We ask questions most technology partners never bother to ask.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right -->\r\n      <div>\r\n        <p class=\"fai-body-text fai-anim\">Some clients arrive with a specific idea. Others arrive knowing only that AI belongs in their future, without a clear picture of where or how. Either way, we start the same way.<\/p>\r\n        <p class=\"fai-body-text fai-anim fai-d1\" style=\"margin-top: 20px;\">We map how your team actually works, where time gets lost, and what data sits untouched. We want to understand your business at a level most technology partners never reach. Almost every time, that understanding surfaces an opportunity the original brief didn't account for \u2014 a better approach, a smarter architecture, an obstacle that would have derailed the project six weeks into development.<\/p>\r\n        <p class=\"fai-body-text fai-anim fai-d2\" style=\"margin-top: 20px;\">FlexAI exists because we learned that execution without understanding produces expensive failure at speed. The four-phase framework is how we invest time in the right places, so we can move with precision everywhere else.<\/p>\r\n        <div class=\"fai-origin-stat-row fai-anim fai-d3\">\r\n          <div class=\"fai-origin-stat\">\r\n            <div class=\"fai-origin-stat-num\">100<span>+<\/span><\/div>\r\n            <div class=\"fai-origin-stat-label\">AI implementations across six continents<\/div>\r\n          <\/div>\r\n          <div class=\"fai-origin-stat\">\r\n            <div class=\"fai-origin-stat-num\">20<span>+<\/span><\/div>\r\n            <div class=\"fai-origin-stat-label\">Years of business strategy experience behind every build<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-origin {\r\n  background: #FAFAF8;\r\n  padding: 96px 0;\r\n  border-bottom: 1px solid #ddd8d0;\r\n  width: 100%;\r\n}\r\n.fai-origin * { box-sizing: border-box; }\r\n\r\n.fai-origin-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 96px;\r\n  align-items: start;\r\n}\r\n\r\n.fai-origin-pullquote {\r\n  border-left: 2px solid #259F6C;\r\n  padding: 20px 28px;\r\n  background: rgba(37,159,108,0.05);\r\n  border-radius: 0 10px 10px 0;\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 20px;\r\n  font-style: italic;\r\n  color: #0A1628;\r\n  line-height: 1.45;\r\n  margin: 28px 0 24px;\r\n}\r\n\r\n.fai-origin-pip {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  margin-top: 8px;\r\n}\r\n.fai-origin-pip-line {\r\n  width: 36px;\r\n  height: 2px;\r\n  background: #259F6C;\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n.fai-origin-pip span {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  color: #4A4E5A;\r\n  font-style: italic;\r\n  line-height: 1.5;\r\n}\r\n\r\n.fai-origin-stat-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n  margin-top: 36px;\r\n  padding-top: 28px;\r\n  border-top: 1px solid #ddd8d0;\r\n}\r\n.fai-origin-stat-num {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 44px;\r\n  font-weight: 400;\r\n  color: #0A1628;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n.fai-origin-stat-num span { color: #259F6C; }\r\n.fai-origin-stat-label {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: #4A4E5A;\r\n  line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .fai-origin-grid { grid-template-columns: 1fr; gap: 40px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a4cb1be ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a4cb1be\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a24c436\" data-id=\"a24c436\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f388b4 elementor-widget elementor-widget-html\" data-id=\"8f388b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 The Framework (AIDL interactive tabs)\r\n   fai-04-framework.html\r\n   ============================================================ -->\r\n<div class=\"fai-fw\" id=\"fai-framework\">\r\n  <div class=\"fai-container\">\r\n\r\n    <div class=\"fai-fw-headline fai-anim\">\r\n      <div class=\"fai-fw-row\">\r\n        <span class=\"fai-fw-num fai-fw-num-g\">4<\/span>\r\n        <span class=\"fai-fw-plain\">phases.<\/span>\r\n        <span class=\"fai-fw-num fai-fw-num-gold\">1<\/span>\r\n        <span class=\"fai-fw-gold\">proprietary method.<\/span>\r\n      <\/div>\r\n      <div class=\"fai-fw-row\">\r\n        <span class=\"fai-fw-plain\">And a name<\/span>\r\n        <span class=\"fai-fw-green-i\">you already know.<\/span>\r\n      <\/div>\r\n      <div class=\"fai-fw-aidl\">\r\n        <span class=\"fai-fw-letter fai-fw-a\">A<\/span><span class=\"fai-fw-sep\">\u00b7<\/span>\r\n        <span class=\"fai-fw-letter fai-fw-i\">I<\/span><span class=\"fai-fw-sep\">\u00b7<\/span>\r\n        <span class=\"fai-fw-letter fai-fw-d\">D<\/span><span class=\"fai-fw-sep\">\u00b7<\/span>\r\n        <span class=\"fai-fw-letter fai-fw-l\">L<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"fai-fw-sub fai-anim fai-d1\">Each phase makes the next one faster and more precise. Select any phase below to see how it works.<\/p>\r\n\r\n    <!-- AIDL tab row -->\r\n    <div class=\"fai-fw-tabs fai-anim fai-d2\" role=\"tablist\" aria-label=\"FlexAI Framework phases\">\r\n      <div class=\"fai-fw-tab fai-fw-tab-act\" data-fwp=\"A\" onclick=\"faiFwSel(0)\" role=\"tab\" aria-selected=\"true\" tabindex=\"0\" onkeydown=\"if(event.key==='Enter'||event.key===' ')faiFwSel(0)\">\r\n        <div class=\"fai-fw-tab-big\">A<\/div>\r\n        <div class=\"fai-fw-tab-word\">Assess<\/div>\r\n        <div class=\"fai-fw-tab-phase\">Phase 01<\/div>\r\n      <\/div>\r\n      <div class=\"fai-fw-tab\" data-fwp=\"I\" onclick=\"faiFwSel(1)\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\" onkeydown=\"if(event.key==='Enter'||event.key===' ')faiFwSel(1)\">\r\n        <div class=\"fai-fw-tab-big\">I<\/div>\r\n        <div class=\"fai-fw-tab-word\">Illuminate<\/div>\r\n        <div class=\"fai-fw-tab-phase\">Phase 02<\/div>\r\n      <\/div>\r\n      <div class=\"fai-fw-tab\" data-fwp=\"D\" onclick=\"faiFwSel(2)\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\" onkeydown=\"if(event.key==='Enter'||event.key===' ')faiFwSel(2)\">\r\n        <div class=\"fai-fw-tab-big\">D<\/div>\r\n        <div class=\"fai-fw-tab-word\">Deliver<\/div>\r\n        <div class=\"fai-fw-tab-phase\">Phase 03<\/div>\r\n      <\/div>\r\n      <div class=\"fai-fw-tab\" data-fwp=\"L\" onclick=\"faiFwSel(3)\" role=\"tab\" aria-selected=\"false\" tabindex=\"0\" onkeydown=\"if(event.key==='Enter'||event.key===' ')faiFwSel(3)\">\r\n        <div class=\"fai-fw-tab-big\">L<\/div>\r\n        <div class=\"fai-fw-tab-word\">Lead<\/div>\r\n        <div class=\"fai-fw-tab-phase\">Phase 04<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Phase panel -->\r\n    <div class=\"fai-fw-panel\" id=\"faiFwPanel\">\r\n      <div class=\"fai-fw-panel-bar\" id=\"faiFwBar\"><\/div>\r\n      <div class=\"fai-fw-panel-inner\">\r\n        <div class=\"fai-fw-badge\" id=\"faiFwBadge\">\r\n          <div class=\"fai-fw-badge-letter\" id=\"faiFwL\">A<\/div>\r\n          <div class=\"fai-fw-badge-name\" id=\"faiFwN\">ASSESS<\/div>\r\n        <\/div>\r\n        <div class=\"fai-fw-panel-content\">\r\n          <div class=\"fai-fw-panel-headline\" id=\"faiFwH\">The clarity that makes everything else move faster<\/div>\r\n          <div class=\"fai-fw-panel-body\" id=\"faiFwB\">Most AI projects stall or get rebuilt because the brief was wrong from the start. ASSESS eliminates that risk. Before we design anything, we embed in your operations: mapping workflows, interviewing the people doing the actual work, and tracing where data flows and where it stalls. The time invested here compresses the entire build cycle \u2014 precise understanding produces precise work with far fewer course corrections downstream. Leaders who've worked with us often say the ASSESS phase alone was worth the engagement.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fai-fw-bullets\" id=\"faiFwBullets\">\r\n        <div class=\"fai-fw-bullet\"><div class=\"fai-fw-dot\"><\/div><span>Stakeholder and workflow interviews<\/span><\/div>\r\n        <div class=\"fai-fw-bullet\"><div class=\"fai-fw-dot\"><\/div><span>Data and systems landscape mapping<\/span><\/div>\r\n        <div class=\"fai-fw-bullet\"><div class=\"fai-fw-dot\"><\/div><span>Opportunity scoring across your organization<\/span><\/div>\r\n        <div class=\"fai-fw-bullet\"><div class=\"fai-fw-dot\"><\/div><span>Hidden obstacles identified before build begins<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar faiFwPhases = [\r\n  {\r\n    letter:'A', name:'ASSESS', color:'#259F6C', bg:'rgba(37,159,108,0.07)', bb:'rgba(37,159,108,0.18)',\r\n    headline:'The clarity that makes everything else move faster',\r\n    body:\"Most AI projects stall or get rebuilt because the brief was wrong from the start. ASSESS eliminates that risk. Before we design anything, we embed in your operations: mapping workflows, interviewing the people doing the actual work, and tracing where data flows and where it stalls. The time invested here compresses the entire build cycle \u2014 precise understanding produces precise work with far fewer course corrections downstream. Leaders who've worked with us often say the ASSESS phase alone was worth the engagement.\",\r\n    bullets:['Stakeholder and workflow interviews','Data and systems landscape mapping','Opportunity scoring across your organization','Hidden obstacles identified before build begins']\r\n  },\r\n  {\r\n    letter:'I', name:'ILLUMINATE', color:'#E8A820', bg:'rgba(232,168,32,0.07)', bb:'rgba(232,168,32,0.16)',\r\n    headline:\"Strategy and architecture designed around what we learned\",\r\n    body:\"With a clear picture of your organization in hand, we design the solution that fits your actual world. Your data maturity, your existing systems, your team's capacity \u2014 all of it informs the architecture. No templates. No retrofitting. The ILLUMINATE phase turns the insight from ASSESS into a precise, co-designed build plan that your team understands and believes in before a single line of code is written.\",\r\n    bullets:['Solution architecture co-designed with your team','Data pipeline and integration planning','Technology selection across all major AI providers','Risk mapping and compliance review']\r\n  },\r\n  {\r\n    letter:'D', name:'DELIVER', color:'#5A9EC9', bg:'rgba(90,158,201,0.07)', bb:'rgba(90,158,201,0.16)',\r\n    headline:'Developed and delivered in your real environment, not ours',\r\n    body:\"We develop and deliver in your live environment, measured against outcomes in your world, not ours. We build for durability, not for showcases. Because we understood your organization deeply in ASSESS, surprises during delivery are rare. Every DELIVER phase includes team enablement and a working feedback loop from day one, so adoption is built into the launch rather than bolted on afterward.\",\r\n    bullets:['Development grounded in ASSESS findings','Phased delivery with milestone check-ins','Team training and adoption support','Outcome tracking from day one']\r\n  },\r\n  {\r\n    letter:'L', name:'LEAD', color:'#259F6C', bg:'rgba(37,159,108,0.07)', bb:'rgba(37,159,108,0.18)',\r\n    headline:\"Most vendors disappear at launch. We stay and help you lead.\",\r\n    body:\"AI that isn't improving is already falling behind. The LEAD phase is where the compounding returns begin. We optimize, monitor, and evolve the system continuously, expanding what works and refining what can be sharper. The goal isn't just a functioning AI system. The goal is an organization that leads its industry because of how it uses AI. Quarterly strategic reviews ensure the system grows alongside your ambitions.\",\r\n    bullets:['Continuous performance monitoring','Model fine-tuning and prompt optimization','Expansion planning across departments','Quarterly strategic reviews']\r\n  }\r\n];\r\n\r\nfunction faiFwSel(i) {\r\n  document.querySelectorAll('.fai-fw-tab').forEach(function(t,x) {\r\n    t.classList.toggle('fai-fw-tab-act', x===i);\r\n    t.setAttribute('aria-selected', x===i ? 'true' : 'false');\r\n  });\r\n  var ph = faiFwPhases[i];\r\n  var panel = document.getElementById('faiFwPanel');\r\n  panel.style.borderColor = ph.color;\r\n  panel.style.background  = ph.bg;\r\n  panel.style.boxShadow   = '0 0 48px ' + ph.color + '18';\r\n  document.getElementById('faiFwBar').style.background = ph.color;\r\n  var badge = document.getElementById('faiFwBadge');\r\n  badge.style.background  = ph.bb;\r\n  badge.style.borderColor = ph.color;\r\n  var pL = document.getElementById('faiFwL');\r\n  pL.style.color = ph.color; pL.textContent = ph.letter;\r\n  var pN = document.getElementById('faiFwN');\r\n  pN.style.color = ph.color; pN.textContent = ph.name;\r\n  document.getElementById('faiFwH').textContent = ph.headline;\r\n  document.getElementById('faiFwB').textContent = ph.body;\r\n  document.getElementById('faiFwBullets').innerHTML = ph.bullets.map(function(b) {\r\n    return '<div class=\"fai-fw-bullet\"><div class=\"fai-fw-dot\" style=\"background:'+ph.color+'\"><\/div><span>'+b+'<\/span><\/div>';\r\n  }).join('');\r\n}\r\n<\/script>\r\n\r\n<style>\r\n.fai-fw {\r\n  background: #0A1628;\r\n  background-image: radial-gradient(ellipse 55% 400px at 95% 50%, rgba(37,159,108,0.09) 0%, transparent 55%);\r\n  padding: 96px 0 0;\r\n  width: 100%;\r\n}\r\n.fai-fw * { box-sizing: border-box; }\r\n\r\n\/* \u2500\u2500 BIG HEADLINE \u2500\u2500 *\/\r\n.fai-fw-headline { margin-bottom: 12px; }\r\n.fai-fw-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: baseline;\r\n  gap: 0 14px;\r\n  line-height: 1.15;\r\n  margin-bottom: 4px;\r\n}\r\n.fai-fw-num { font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 400; font-style: italic; line-height: 1; }\r\n.fai-fw-num-g    { color: #259F6C; }\r\n.fai-fw-num-gold { color: #E8A820; }\r\n.fai-fw-plain  { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; color: #f0f5f1; white-space: nowrap; }\r\n.fai-fw-gold   { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; font-style: italic; color: #E8A820; white-space: nowrap; }\r\n.fai-fw-green-i { font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; font-style: italic; color: #259F6C; white-space: nowrap; }\r\n.fai-fw-aidl { display: flex; align-items: center; margin: 22px 0 12px; }\r\n.fai-fw-letter { font-family: 'Playfair Display', serif; font-size: 80px; font-weight: 400; line-height: 1; letter-spacing: -0.01em; }\r\n.fai-fw-sep { font-size: 36px; color: rgba(255,255,255,0.12); margin: 0 12px; font-weight: 300; line-height: 1; align-self: center; }\r\n.fai-fw-a { color: #259F6C; }\r\n.fai-fw-i { color: #E8A820; }\r\n.fai-fw-d { color: #5A9EC9; }\r\n.fai-fw-l { color: #259F6C; }\r\n.fai-fw-sub { font-family: 'DM Sans', sans-serif; font-size: 16px; color: rgba(232,237,233,0.5); margin-bottom: 36px; }\r\n\r\n\/* \u2500\u2500 TABS \u2500\u2500 *\/\r\n.fai-fw-tabs { display: flex; gap: 6px; }\r\n.fai-fw-tab {\r\n  flex: 1;\r\n  padding: 22px 16px 18px;\r\n  text-align: center;\r\n  border-radius: 10px 10px 0 0;\r\n  cursor: pointer;\r\n  transition: transform 0.15s;\r\n  user-select: none;\r\n}\r\n.fai-fw-tab:hover { transform: translateY(-2px); }\r\n.fai-fw-tab[data-fwp=\"A\"] { background: rgba(37,159,108,0.10); box-shadow: inset 0 0 0 1px rgba(37,159,108,0.25); }\r\n.fai-fw-tab[data-fwp=\"I\"] { background: rgba(232,168,32,0.10);  box-shadow: inset 0 0 0 1px rgba(232,168,32,0.25); }\r\n.fai-fw-tab[data-fwp=\"D\"] { background: rgba(90,158,201,0.10);  box-shadow: inset 0 0 0 1px rgba(90,158,201,0.25); }\r\n.fai-fw-tab[data-fwp=\"L\"] { background: rgba(37,159,108,0.10);  box-shadow: inset 0 0 0 1px rgba(37,159,108,0.25); }\r\n.fai-fw-tab[data-fwp=\"A\"].fai-fw-tab-act { background: rgba(37,159,108,0.22); box-shadow: inset 0 0 0 1.5px rgba(37,159,108,0.7), 0 4px 24px rgba(37,159,108,0.18); }\r\n.fai-fw-tab[data-fwp=\"I\"].fai-fw-tab-act { background: rgba(232,168,32,0.18);  box-shadow: inset 0 0 0 1.5px rgba(232,168,32,0.6),  0 4px 24px rgba(232,168,32,0.14); }\r\n.fai-fw-tab[data-fwp=\"D\"].fai-fw-tab-act { background: rgba(90,158,201,0.18);  box-shadow: inset 0 0 0 1.5px rgba(90,158,201,0.6),  0 4px 24px rgba(90,158,201,0.14); }\r\n.fai-fw-tab[data-fwp=\"L\"].fai-fw-tab-act { background: rgba(37,159,108,0.22); box-shadow: inset 0 0 0 1.5px rgba(37,159,108,0.7), 0 4px 24px rgba(37,159,108,0.18); }\r\n.fai-fw-tab-big { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; line-height: 1; margin-bottom: 6px; transition: color 0.2s; }\r\n.fai-fw-tab[data-fwp=\"A\"] .fai-fw-tab-big { color: rgba(37,159,108,0.55); }\r\n.fai-fw-tab[data-fwp=\"I\"] .fai-fw-tab-big { color: rgba(232,168,32,0.55); }\r\n.fai-fw-tab[data-fwp=\"D\"] .fai-fw-tab-big { color: rgba(90,158,201,0.55); }\r\n.fai-fw-tab[data-fwp=\"L\"] .fai-fw-tab-big { color: rgba(37,159,108,0.55); }\r\n.fai-fw-tab[data-fwp=\"A\"].fai-fw-tab-act .fai-fw-tab-big { color: #259F6C; }\r\n.fai-fw-tab[data-fwp=\"I\"].fai-fw-tab-act .fai-fw-tab-big { color: #E8A820; }\r\n.fai-fw-tab[data-fwp=\"D\"].fai-fw-tab-act .fai-fw-tab-big { color: #5A9EC9; }\r\n.fai-fw-tab[data-fwp=\"L\"].fai-fw-tab-act .fai-fw-tab-big { color: #259F6C; }\r\n.fai-fw-tab-word { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; transition: color 0.2s; }\r\n.fai-fw-tab[data-fwp=\"A\"] .fai-fw-tab-word { color: rgba(37,159,108,0.45); }\r\n.fai-fw-tab[data-fwp=\"I\"] .fai-fw-tab-word { color: rgba(232,168,32,0.45); }\r\n.fai-fw-tab[data-fwp=\"D\"] .fai-fw-tab-word { color: rgba(90,158,201,0.45); }\r\n.fai-fw-tab[data-fwp=\"L\"] .fai-fw-tab-word { color: rgba(37,159,108,0.45); }\r\n.fai-fw-tab[data-fwp=\"A\"].fai-fw-tab-act .fai-fw-tab-word { color: #259F6C; }\r\n.fai-fw-tab[data-fwp=\"I\"].fai-fw-tab-act .fai-fw-tab-word { color: #E8A820; }\r\n.fai-fw-tab[data-fwp=\"D\"].fai-fw-tab-act .fai-fw-tab-word { color: #5A9EC9; }\r\n.fai-fw-tab[data-fwp=\"L\"].fai-fw-tab-act .fai-fw-tab-word { color: #259F6C; }\r\n.fai-fw-tab-phase { font-family: 'DM Sans', sans-serif; font-size: 10px; color: rgba(232,237,233,0.25); margin-top: 3px; }\r\n\r\n\/* \u2500\u2500 PANEL \u2500\u2500 *\/\r\n.fai-fw-panel {\r\n  background: rgba(37,159,108,0.07);\r\n  border: 1.5px solid #259F6C;\r\n  border-top: none;\r\n  border-radius: 0 0 14px 14px;\r\n  padding: 36px 40px;\r\n  min-height: 240px;\r\n  position: relative;\r\n  transition: border-color 0.25s, background 0.25s, box-shadow 0.3s;\r\n}\r\n.fai-fw-panel-bar { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #259F6C; transition: background 0.25s; }\r\n.fai-fw-panel-inner { display: flex; gap: 28px; align-items: flex-start; margin-bottom: 24px; }\r\n.fai-fw-badge {\r\n  background: rgba(37,159,108,0.18);\r\n  border: 1px solid #259F6C;\r\n  border-radius: 10px;\r\n  padding: 12px 18px;\r\n  flex-shrink: 0;\r\n  text-align: center;\r\n  min-width: 92px;\r\n  transition: background 0.25s, border-color 0.25s;\r\n}\r\n.fai-fw-badge-letter { font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 400; color: #259F6C; line-height: 1; transition: color 0.25s; }\r\n.fai-fw-badge-name   { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #259F6C; margin-top: 4px; transition: color 0.25s; }\r\n.fai-fw-panel-content { flex: 1; }\r\n.fai-fw-panel-headline { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 400; color: #d8ead9; line-height: 1.4; margin-bottom: 10px; }\r\n.fai-fw-panel-body { font-family: 'DM Sans', sans-serif; font-size: 15px; color: rgba(143,168,150,1); line-height: 1.72; }\r\n.fai-fw-bullets { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }\r\n.fai-fw-bullet { display: flex; gap: 10px; align-items: flex-start; }\r\n.fai-fw-dot { width: 5px; height: 5px; border-radius: 50%; background: #259F6C; flex-shrink: 0; margin-top: 8px; }\r\n.fai-fw-bullet span { font-family: 'DM Sans', sans-serif; font-size: 14px; color: rgba(143,168,150,1); line-height: 1.5; }\r\n\r\n@media (max-width: 768px) {\r\n  .fai-fw-plain, .fai-fw-gold, .fai-fw-green-i { font-size: 28px; }\r\n  .fai-fw-num { font-size: 36px; }\r\n  .fai-fw-letter { font-size: 52px; }\r\n  .fai-fw-tabs { flex-wrap: wrap; }\r\n  .fai-fw-tab { flex: 0 0 calc(50% - 3px); border-radius: 10px; }\r\n  .fai-fw-panel { padding: 24px; }\r\n  .fai-fw-panel-inner { flex-direction: column; gap: 16px; }\r\n  .fai-fw-bullets { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-09d84a1 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"09d84a1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-04b0931\" data-id=\"04b0931\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-721a470 elementor-widget elementor-widget-html\" data-id=\"721a470\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Tech Strip\r\n   fai-05-tech.html\r\n   ============================================================ -->\r\n<div class=\"fai-tech\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-tech-inner\">\r\n      <div class=\"fai-tech-lbl\">Model-agnostic. Built on:<\/div>\r\n      <div class=\"fai-tech-pill\">Google Cloud AI<\/div>\r\n      <div class=\"fai-tech-pill\">Anthropic Claude<\/div>\r\n      <div class=\"fai-tech-pill\">OpenAI<\/div>\r\n      <div class=\"fai-tech-pill\">LangChain<\/div>\r\n      <div class=\"fai-tech-pill\">AWS Bedrock<\/div>\r\n      <div class=\"fai-tech-pill\">Azure OpenAI<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-tech {\r\n  background: #F0EDE8;\r\n  padding: 24px 0;\r\n  border-top: 1px solid #ddd8d0;\r\n  border-bottom: 1px solid #ddd8d0;\r\n  width: 100%;\r\n}\r\n.fai-tech * { box-sizing: border-box; }\r\n.fai-tech-inner {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n.fai-tech-lbl {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: #9A9488;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n  margin-right: 4px;\r\n}\r\n.fai-tech-pill {\r\n  background: #fff;\r\n  border: 1px solid #ddd8d0;\r\n  border-radius: 20px;\r\n  padding: 6px 16px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: #4A4E5A;\r\n  font-weight: 500;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f541e03 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f541e03\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88114bb\" data-id=\"88114bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4daed46 elementor-widget elementor-widget-html\" data-id=\"4daed46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 The Typical Path (what goes wrong)\r\n   fai-06-typical.html\r\n   ============================================================ -->\r\n<div class=\"fai-typ\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-typ-grid\">\r\n\r\n      <!-- Left: header -->\r\n      <div class=\"fai-typ-header\">\r\n        <div class=\"fai-eyebrow fai-anim\" style=\"color:#9A7E6A;\">\r\n          <span style=\"display:block;width:22px;height:2px;background:#9A7E6A;border-radius:2px;flex-shrink:0;\"><\/span>\r\n          The Industry Pattern\r\n        <\/div>\r\n        <h2 class=\"fai-typ-title fai-anim fai-d1\">Most AI vendors skip<br>what matters most.<\/h2>\r\n        <p class=\"fai-typ-intro fai-anim fai-d2\">The steps that determine whether an AI project actually works are the ones most vendors cut to move faster. The result is predictable.<\/p>\r\n        <div class=\"fai-typ-outcome fai-anim fai-d3\">\r\n          <div class=\"fai-typ-outcome-icon\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"#9A7E6A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"fai-typ-outcome-title\">The typical result<\/div>\r\n            <p>A project that launched but never stuck. Adoption issues, costly rebuilds, or a system that solved the wrong problem entirely.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: steps -->\r\n      <div class=\"fai-typ-steps\">\r\n        <div class=\"fai-typ-step fai-anim\">\r\n          <div class=\"fai-typ-node fai-typ-node-num\">1<\/div>\r\n          <div class=\"fai-typ-content\">\r\n            <h4>Sales pitch<\/h4>\r\n            <p>Here's what we build. When do we start?<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-typ-step fai-typ-step-missing fai-anim fai-d1\">\r\n          <div class=\"fai-typ-node fai-typ-node-x\">\r\n            <svg viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#c0786a\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"3\" x2=\"11\" y2=\"11\"\/><line x1=\"11\" y1=\"3\" x2=\"3\" y2=\"11\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"fai-typ-content\">\r\n            <div class=\"fai-typ-missing-tag\">Step not included<\/div>\r\n            <p>No deep discovery. No workflow mapping. No understanding of your actual business before the build begins.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-typ-step fai-anim fai-d2\">\r\n          <div class=\"fai-typ-node fai-typ-node-num\">2<\/div>\r\n          <div class=\"fai-typ-content\">\r\n            <h4>Generic build<\/h4>\r\n            <p>Template solution retrofitted to your needs. Fingers crossed it fits.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-typ-step fai-typ-step-missing fai-anim fai-d3\">\r\n          <div class=\"fai-typ-node fai-typ-node-x\">\r\n            <svg viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#c0786a\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"3\" x2=\"11\" y2=\"11\"\/><line x1=\"11\" y1=\"3\" x2=\"3\" y2=\"11\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"fai-typ-content\">\r\n            <div class=\"fai-typ-missing-tag\">Step not included<\/div>\r\n            <p>No structured delivery. No team enablement. No outcome tracking from day one.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-typ-step fai-anim fai-d4\">\r\n          <div class=\"fai-typ-node fai-typ-node-num\">3<\/div>\r\n          <div class=\"fai-typ-content\">\r\n            <h4>Launch and disappear<\/h4>\r\n            <p>Success measured at go-live. What happens after is your problem.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-typ {\r\n  background: #F7F3EE;\r\n  padding: 96px 0;\r\n  border-bottom: 1px solid #ddd8d0;\r\n  width: 100%;\r\n}\r\n.fai-typ * { box-sizing: border-box; }\r\n\r\n.fai-typ-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n\r\n.fai-typ-title {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 38px;\r\n  font-weight: 400;\r\n  line-height: 1.15;\r\n  color: #3a2e24;\r\n  margin-bottom: 20px;\r\n}\r\n.fai-typ-intro {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  color: #6e6258;\r\n  line-height: 1.7;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.fai-typ-outcome {\r\n  background: #ede8e0;\r\n  border: 1px solid #d4cdc4;\r\n  border-radius: 14px;\r\n  padding: 24px 26px;\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n}\r\n.fai-typ-outcome-icon {\r\n  width: 32px; height: 32px;\r\n  background: #d8d0c6;\r\n  border-radius: 8px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.fai-typ-outcome-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #3a2e24;\r\n  margin-bottom: 4px;\r\n}\r\n.fai-typ-outcome p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: #6e6258;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 STEPS \u2500\u2500 *\/\r\n.fai-typ-steps { display: flex; flex-direction: column; }\r\n.fai-typ-step {\r\n  display: flex;\r\n  gap: 20px;\r\n  align-items: flex-start;\r\n  padding: 22px 0;\r\n  border-bottom: 1px solid #ddd8d0;\r\n  position: relative;\r\n}\r\n.fai-typ-step:last-child { border-bottom: none; }\r\n\r\n.fai-typ-node {\r\n  width: 36px; height: 36px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  margin-top: 2px;\r\n}\r\n.fai-typ-node-num { background: #ddd6cc; border: 1px solid #c4bdb4; color: #8a7e72; }\r\n.fai-typ-node-x   { background: #f5e8e4; border: 1px dashed #d4aba0; }\r\n\r\n.fai-typ-content h4 {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #3a2e24;\r\n  margin-bottom: 4px;\r\n}\r\n.fai-typ-content p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  color: #6e6258;\r\n  line-height: 1.6;\r\n}\r\n.fai-typ-missing-tag {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: #c0786a;\r\n  margin-bottom: 4px;\r\n}\r\n.fai-typ-step-missing .fai-typ-node { opacity: 0.9; }\r\n\r\n@media (max-width: 860px) {\r\n  .fai-typ-grid { grid-template-columns: 1fr; gap: 48px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40cfd08 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"40cfd08\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5c4b46\" data-id=\"c5c4b46\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e0b2693 elementor-widget elementor-widget-html\" data-id=\"e0b2693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 The FlexAI Path (four AIDL phase rows)\r\n   fai-07-flexai-path.html\r\n   ============================================================ -->\r\n<div class=\"fai-path\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-path-header\">\r\n      <div class=\"fai-eyebrow fai-eyebrow-green-light fai-anim\">The FlexAI Framework<\/div>\r\n      <h2 class=\"fai-section-title fai-section-title-light fai-anim fai-d1\">Four phases.<br><em>Built around your world.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fai-path-rows\">\r\n\r\n      <div class=\"fai-path-row fai-anim-left\">\r\n        <div class=\"fai-path-letter fai-path-letter-a\">A<\/div>\r\n        <div class=\"fai-path-content\">\r\n          <div class=\"fai-path-phase fai-path-phase-a\">Phase 01<\/div>\r\n          <div class=\"fai-path-title\">Assess<\/div>\r\n          <div class=\"fai-path-body\">We embed in your operations before we design anything. Workflow mapping, stakeholder interviews, opportunity scoring. The brief gets built from reality, not assumptions \u2014 and every subsequent phase moves faster because of it.<\/div>\r\n          <div class=\"fai-path-output fai-path-output-a\">\u2192 Scored opportunity map with written rationale<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fai-path-row fai-anim-right fai-d1\">\r\n        <div class=\"fai-path-letter fai-path-letter-i\">I<\/div>\r\n        <div class=\"fai-path-content\">\r\n          <div class=\"fai-path-phase fai-path-phase-i\">Phase 02<\/div>\r\n          <div class=\"fai-path-title\">Illuminate<\/div>\r\n          <div class=\"fai-path-body\">We aren't cookie-cutter and we won't let you be either. ILLUMINATE means we go deep into your organization and surface what actually matters \u2014 more strategic than a dev shop, more hands-on than a consulting firm. A precise build plan co-designed with your team before a line of code is written.<\/div>\r\n          <div class=\"fai-path-output fai-path-output-i\">\u2192 Architecture and build plan your team believes in<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fai-path-row fai-anim-left fai-d2\">\r\n        <div class=\"fai-path-letter fai-path-letter-d\">D<\/div>\r\n        <div class=\"fai-path-content\">\r\n          <div class=\"fai-path-phase fai-path-phase-d\">Phase 03<\/div>\r\n          <div class=\"fai-path-title\">Deliver<\/div>\r\n          <div class=\"fai-path-body\">We build for the moment after the demo. Developed and deployed in your live environment, measured against your real outcomes. Team enablement and adoption built into the launch from day one \u2014 not bolted on afterward.<\/div>\r\n          <div class=\"fai-path-output fai-path-output-d\">\u2192 Live system with real users and outcome tracking<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fai-path-row fai-anim-right fai-d3\">\r\n        <div class=\"fai-path-letter fai-path-letter-l\">L<\/div>\r\n        <div class=\"fai-path-content\">\r\n          <div class=\"fai-path-phase fai-path-phase-l\">Phase 04<\/div>\r\n          <div class=\"fai-path-title\">Lead<\/div>\r\n          <div class=\"fai-path-body\">AI that isn't improving is already falling behind. Most vendors disappear at launch. We stay. Continuous optimization, monitoring, and strategic evolution \u2014 because the goal isn't delivery. The goal is an organization that leads because of how it uses AI.<\/div>\r\n          <div class=\"fai-path-output fai-path-output-l\">\u2192 A system that compounds in value over time<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"fai-path-outcome fai-anim\">\r\n      <div class=\"fai-path-outcome-icon\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"#259F6C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"fai-path-outcome-title\">The FlexAI result<\/div>\r\n        <p>AI built for your world, adopted by your team, and continuing to compound in value. An organization that leads because of how it uses AI.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-path {\r\n  background: #0A1628;\r\n  background-image: radial-gradient(ellipse 55% 500px at 0% 60%, rgba(37,159,108,0.09) 0%, transparent 55%);\r\n  padding: 96px 0;\r\n  width: 100%;\r\n}\r\n.fai-path * { box-sizing: border-box; }\r\n.fai-path-header { margin-bottom: 56px; }\r\n\r\n\/* \u2500\u2500 ROWS \u2500\u2500 *\/\r\n.fai-path-rows { display: flex; flex-direction: column; }\r\n.fai-path-row {\r\n  display: grid;\r\n  grid-template-columns: 120px 1fr;\r\n  border-top: 1px solid rgba(37,159,108,0.15);\r\n  padding: 40px 0;\r\n  transition: background 0.2s;\r\n}\r\n.fai-path-row:last-child { border-bottom: 1px solid rgba(37,159,108,0.15); }\r\n.fai-path-row:hover { background: rgba(37,159,108,0.025); }\r\n\r\n.fai-path-letter {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 92px;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.fai-path-row:hover .fai-path-letter { transform: scale(1.06); }\r\n.fai-path-letter-a { color: #259F6C; }\r\n.fai-path-letter-i { color: #E8A820; }\r\n.fai-path-letter-d { color: #5A9EC9; }\r\n.fai-path-letter-l { color: #259F6C; }\r\n\r\n.fai-path-content {\r\n  padding-left: 44px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.fai-path-phase {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 8px;\r\n}\r\n.fai-path-phase-a { color: #259F6C; }\r\n.fai-path-phase-i { color: #E8A820; }\r\n.fai-path-phase-d { color: #5A9EC9; }\r\n.fai-path-phase-l { color: #259F6C; }\r\n\r\n.fai-path-title {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 26px;\r\n  font-weight: 400;\r\n  color: #e0f0e4;\r\n  line-height: 1.3;\r\n  margin-bottom: 12px;\r\n}\r\n.fai-path-body {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  color: rgba(143,168,150,0.9);\r\n  line-height: 1.72;\r\n  max-width: 560px;\r\n}\r\n.fai-path-output {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  margin-top: 16px;\r\n}\r\n.fai-path-output-a { color: rgba(37,159,108,0.7); }\r\n.fai-path-output-i { color: rgba(232,168,32,0.7); }\r\n.fai-path-output-d { color: rgba(90,158,201,0.7); }\r\n.fai-path-output-l { color: rgba(37,159,108,0.7); }\r\n\r\n\/* \u2500\u2500 OUTCOME CARD \u2500\u2500 *\/\r\n.fai-path-outcome {\r\n  background: rgba(37,159,108,0.08);\r\n  border: 1px solid rgba(37,159,108,0.25);\r\n  border-radius: 14px;\r\n  padding: 28px 32px;\r\n  display: flex;\r\n  gap: 18px;\r\n  align-items: flex-start;\r\n  margin-top: 48px;\r\n}\r\n.fai-path-outcome-icon {\r\n  width: 38px; height: 38px;\r\n  background: rgba(37,159,108,0.2);\r\n  border-radius: 9px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.fai-path-outcome-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #c8eed4;\r\n  margin-bottom: 5px;\r\n}\r\n.fai-path-outcome p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  color: rgba(143,168,150,0.9);\r\n  line-height: 1.65;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fai-path-row { grid-template-columns: 72px 1fr; padding: 28px 0; }\r\n  .fai-path-letter { font-size: 64px; }\r\n  .fai-path-content { padding-left: 20px; }\r\n  .fai-path-title { font-size: 20px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9bb50cf ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9bb50cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ddb0945\" data-id=\"ddb0945\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9e321eb elementor-widget elementor-widget-html\" data-id=\"9e321eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Case Studies\r\n   fai-08-cases.html\r\n   ============================================================ -->\r\n<div class=\"fai-cases\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-eyebrow fai-eyebrow-green-light fai-anim\">FlexAI in the Field<\/div>\r\n    <h2 class=\"fai-section-title fai-anim fai-d1\" style=\"color:#e8f5ec;\">Real organizations. <em>Real outcomes.<\/em><\/h2>\r\n    <div class=\"fai-cases-grid\">\r\n      <div class=\"fai-case-card fai-anim fai-d1\">\r\n        <div class=\"fai-case-ind\">Transit<\/div>\r\n        <div class=\"fai-case-stat\">74%<\/div>\r\n        <div class=\"fai-case-desc\">reduction in manual call processing for a regional transit authority using AI voice agents<\/div>\r\n        <div class=\"fai-case-link\" onclick=\"location.href='https:\/\/aidevlab.com\/case-studies\/transit-agentic-platform\/'\">\r\n          Read case study\r\n          <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"2,6 10,6\"\/><polyline points=\"7,3 10,6 7,9\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fai-case-card fai-anim fai-d2\">\r\n        <div class=\"fai-case-ind\">Accounting<\/div>\r\n        <div class=\"fai-case-stat\">18 days<\/div>\r\n        <div class=\"fai-case-desc\">from kickoff to a live AI assistant automating document-heavy workflows at scale<\/div>\r\n        <div class=\"fai-case-link\" onclick=\"location.href='https:\/\/aidevlab.com\/case-studies\/accounting-ai-assistant\/'\">\r\n          Read case study\r\n          <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"2,6 10,6\"\/><polyline points=\"7,3 10,6 7,9\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fai-case-card fai-anim fai-d3\">\r\n        <div class=\"fai-case-ind\">Automotive<\/div>\r\n        <div class=\"fai-case-stat\">3x<\/div>\r\n        <div class=\"fai-case-desc\">lead response speed for an automotive dealer group using AI-powered sales intelligence<\/div>\r\n        <div class=\"fai-case-link\" onclick=\"location.href='https:\/\/aidevlab.com\/case-studies\/automotive-dealer-ai\/'\">\r\n          Read case study\r\n          <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"2,6 10,6\"\/><polyline points=\"7,3 10,6 7,9\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-cases {\r\n  background: #0c2816;\r\n  background-image:\r\n    radial-gradient(ellipse 65% 360px at 15% 0%, rgba(37,159,108,0.14) 0%, transparent 58%),\r\n    radial-gradient(ellipse 45% 280px at 88% 100%, rgba(37,159,108,0.08) 0%, transparent 55%);\r\n  padding: 96px 0;\r\n  width: 100%;\r\n}\r\n.fai-cases * { box-sizing: border-box; }\r\n.fai-cases-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n  margin-top: 48px;\r\n}\r\n.fai-case-card {\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(37,159,108,0.18);\r\n  border-radius: 16px;\r\n  padding: 32px;\r\n  transition: border-color 0.2s, background 0.2s;\r\n  cursor: default;\r\n}\r\n.fai-case-card:hover { background: rgba(255,255,255,0.07); border-color: rgba(37,159,108,0.45); }\r\n.fai-case-ind { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #5edc9e; margin-bottom: 14px; }\r\n.fai-case-stat { font-family: 'Playfair Display', Georgia, serif; font-size: 48px; font-weight: 400; color: #f0f5f1; line-height: 1; margin-bottom: 10px; }\r\n.fai-case-desc { font-family: 'DM Sans', sans-serif; font-size: 14px; color: #8fcca0; line-height: 1.6; margin-bottom: 22px; }\r\n.fai-case-link {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: #5edc9e;\r\n  font-weight: 500;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  cursor: pointer;\r\n  transition: gap 0.2s;\r\n  user-select: none;\r\n}\r\n.fai-case-link:hover { gap: 10px; }\r\n@media (max-width: 768px) { .fai-cases-grid { grid-template-columns: 1fr; } }\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-abc3177 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"abc3177\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e6639f6\" data-id=\"e6639f6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6454143 elementor-widget elementor-widget-html\" data-id=\"6454143\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Archetypes (Where Are You?)\r\n   fai-09-archetypes.html\r\n   ============================================================ -->\r\n<div class=\"fai-arch\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-arch-header\">\r\n      <div class=\"fai-eyebrow fai-anim\">Where Are You?<\/div>\r\n      <h2 class=\"fai-section-title fai-anim fai-d1\">FlexAI meets you <em>where you are.<\/em><\/h2>\r\n      <p class=\"fai-body-text fai-anim fai-d2\">Most AI initiatives stall because the approach doesn't match the organization's maturity. FlexAI meets you at your actual starting point \u2014 not where you wish you were.<\/p>\r\n    <\/div>\r\n    <div class=\"fai-arch-grid\">\r\n      <div class=\"fai-arch-card fai-anim fai-d1\">\r\n        <div class=\"fai-arch-level\">Level 1<\/div>\r\n        <div class=\"fai-arch-name\">AI Curious<\/div>\r\n        <div class=\"fai-arch-desc\">Exploring what AI could mean for your operations. No active pilots. Starting with strategy and discovery.<\/div>\r\n      <\/div>\r\n      <div class=\"fai-arch-card fai-anim fai-d2\">\r\n        <div class=\"fai-arch-level\">Level 2<\/div>\r\n        <div class=\"fai-arch-name\">AI Experimenting<\/div>\r\n        <div class=\"fai-arch-desc\">Running pilots that haven't yet reached production. Need structure, measurement, and a clear path forward.<\/div>\r\n      <\/div>\r\n      <div class=\"fai-arch-card fai-anim fai-d3\">\r\n        <div class=\"fai-arch-level\">Level 3<\/div>\r\n        <div class=\"fai-arch-name\">AI Operating<\/div>\r\n        <div class=\"fai-arch-desc\">AI is live in some workflows and ready to scale. Need to expand what's working and govern what's next.<\/div>\r\n      <\/div>\r\n      <div class=\"fai-arch-card fai-anim fai-d4\">\r\n        <div class=\"fai-arch-level\">Level 4<\/div>\r\n        <div class=\"fai-arch-name\">AI Leading<\/div>\r\n        <div class=\"fai-arch-desc\">AI-native operations with a clear strategic advantage. Need continuous optimization and competitive leadership.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-arch {\r\n  background: #F5F2EB;\r\n  padding: 96px 0;\r\n  border-bottom: 1px solid #ddd8d0;\r\n  width: 100%;\r\n}\r\n.fai-arch * { box-sizing: border-box; }\r\n.fai-arch-header { margin-bottom: 48px; }\r\n.fai-arch-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 14px;\r\n}\r\n.fai-arch-card {\r\n  background: #fff;\r\n  border: 1px solid #ddd8d0;\r\n  border-radius: 14px;\r\n  padding: 28px 24px;\r\n  transition: border-color 0.2s, box-shadow 0.2s;\r\n}\r\n.fai-arch-card:hover { border-color: #259F6C; box-shadow: 0 2px 16px rgba(37,159,108,0.08); }\r\n.fai-arch-level { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #259F6C; margin-bottom: 10px; }\r\n.fai-arch-name  { font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 700; color: #0A1628; margin-bottom: 10px; }\r\n.fai-arch-desc  { font-family: 'DM Sans', sans-serif; font-size: 14px; color: #4A4E5A; line-height: 1.6; }\r\n@media (max-width: 900px) { .fai-arch-grid { grid-template-columns: 1fr 1fr; } }\r\n@media (max-width: 520px)  { .fai-arch-grid { grid-template-columns: 1fr; } }\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-143ea4d ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"143ea4d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d86154\" data-id=\"6d86154\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8bcc484 elementor-widget elementor-widget-html\" data-id=\"8bcc484\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Discovery Session CTA\r\n   fai-10-cta.html\r\n   ============================================================ -->\r\n<div class=\"fai-cta\">\r\n  <div class=\"fai-cta-watermark\" aria-hidden=\"true\">AIDL<\/div>\r\n  <div class=\"fai-container fai-cta-inner\">\r\n    <div class=\"fai-cta-pill fai-anim\">Limited Availability<\/div>\r\n    <h2 class=\"fai-cta-h2 fai-anim fai-d1\">The FlexAI<br><em>Discovery Session<\/em><\/h2>\r\n    <p class=\"fai-cta-sub fai-anim fai-d2\">A 45-minute working session, not a pitch. We map your highest-value AI opportunities against the FlexAI Framework and you leave with a prioritized action plan. The output is yours to keep either way.<\/p>\r\n    <div class=\"fai-cta-cards fai-anim fai-d2\">\r\n      <div class=\"fai-cta-card\">\r\n        <div class=\"fai-cta-card-num\">45m<\/div>\r\n        <div class=\"fai-cta-card-title\">Working Session<\/div>\r\n        <div class=\"fai-cta-card-desc\">Not a sales call. We work on your actual AI opportunities from minute one.<\/div>\r\n      <\/div>\r\n      <div class=\"fai-cta-card\">\r\n        <div class=\"fai-cta-card-num\">MAP<\/div>\r\n        <div class=\"fai-cta-card-title\">Opportunity Mapping<\/div>\r\n        <div class=\"fai-cta-card-desc\">Your workflows. Your priorities. Mapped against all four FlexAI phases.<\/div>\r\n      <\/div>\r\n      <div class=\"fai-cta-card\">\r\n        <div class=\"fai-cta-card-num\">OUT<\/div>\r\n        <div class=\"fai-cta-card-title\">Yours to Keep<\/div>\r\n        <div class=\"fai-cta-card-desc\">The prioritized action plan belongs to you whether or not you engage.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"fai-anim fai-d3\">\r\n      <div class=\"fai-cta-btn\" onclick=\"window.open('https:\/\/calendly.com\/aidevlab-info\/flexai-discovery','_blank')\">\r\n        Schedule My Discovery Session\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"fai-cta-footnote fai-anim fai-d4\">No sales pressure. No commitment required. Just clarity on where AI can move the needle.<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.fai-cta {\r\n  background: #0A1628;\r\n  background-image:\r\n    radial-gradient(ellipse 70% 60% at 50% -10%, rgba(37,159,108,0.20) 0%, transparent 65%),\r\n    radial-gradient(ellipse 40% 50% at 95% 100%, rgba(37,159,108,0.07) 0%, transparent 55%);\r\n  padding: 112px 0;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n.fai-cta * { box-sizing: border-box; }\r\n.fai-cta-watermark {\r\n  position: absolute;\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 280px;\r\n  font-weight: 400;\r\n  color: rgba(37,159,108,0.04);\r\n  right: -40px;\r\n  bottom: -60px;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  white-space: nowrap;\r\n}\r\n.fai-cta-inner { position: relative; z-index: 1; }\r\n.fai-cta-pill {\r\n  display: inline-block;\r\n  background: rgba(37,159,108,0.12);\r\n  border: 1px solid rgba(37,159,108,0.3);\r\n  color: #259F6C;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  padding: 8px 20px;\r\n  border-radius: 24px;\r\n  margin-bottom: 32px;\r\n}\r\n.fai-cta-h2 {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 52px;\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  color: #f0f5f1;\r\n  max-width: 640px;\r\n  margin: 0 auto 20px;\r\n}\r\n.fai-cta-h2 em { font-style: italic; color: #259F6C; font-weight: 400; }\r\n.fai-cta-sub {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 17px;\r\n  color: rgba(232,237,233,0.55);\r\n  max-width: 500px;\r\n  margin: 0 auto 48px;\r\n  line-height: 1.7;\r\n}\r\n.fai-cta-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n  max-width: 740px;\r\n  margin: 0 auto 44px;\r\n  text-align: left;\r\n}\r\n.fai-cta-card {\r\n  background: rgba(37,159,108,0.08);\r\n  border: 1px solid rgba(37,159,108,0.18);\r\n  border-radius: 14px;\r\n  padding: 26px 22px;\r\n  transition: background 0.2s, border-color 0.2s;\r\n}\r\n.fai-cta-card:hover { background: rgba(37,159,108,0.13); border-color: rgba(37,159,108,0.35); }\r\n.fai-cta-card-num {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 32px;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  color: #259F6C;\r\n  line-height: 1;\r\n  margin-bottom: 10px;\r\n}\r\n.fai-cta-card-title { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700; color: #d8eed4; margin-bottom: 6px; }\r\n.fai-cta-card-desc  { font-family: 'DM Sans', sans-serif; font-size: 13px; color: rgba(232,237,233,0.45); line-height: 1.55; }\r\n.fai-cta-btn {\r\n  display: inline-block;\r\n  background: #259F6C;\r\n  color: #fff;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  padding: 18px 48px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background 0.2s, transform 0.15s;\r\n  user-select: none;\r\n  margin-bottom: 20px;\r\n}\r\n.fai-cta-btn:hover { background: #1d7f56; transform: translateY(-1px); }\r\n.fai-cta-footnote {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(232,237,233,0.35);\r\n}\r\n@media (max-width: 768px) {\r\n  .fai-cta-h2 { font-size: 38px; }\r\n  .fai-cta-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-17e41e2 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"17e41e2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf4310c\" data-id=\"cf4310c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24170d6 elementor-widget elementor-widget-html\" data-id=\"24170d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 FAQ\r\n   fai-11-faq.html\r\n   ============================================================ -->\r\n<div class=\"fai-faq\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-faq-grid\">\r\n\r\n      <!-- Left: sticky label -->\r\n      <div class=\"fai-faq-label\">\r\n        <div class=\"fai-eyebrow fai-anim\">Common Questions<\/div>\r\n        <h2 class=\"fai-section-title fai-anim fai-d1\" style=\"font-size:30px;\">What leaders<br>ask us<\/h2>\r\n        <p class=\"fai-body-text fai-anim fai-d2\" style=\"font-size:14px; margin-top:16px;\">Don't see your question? <span class=\"fai-faq-link\" onclick=\"window.open('https:\/\/calendly.com\/aidevlab-info\/aidevlab-lets-talk-ai','_blank')\">Schedule a call<\/span> and we'll answer it directly.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Right: questions -->\r\n      <div class=\"fai-faq-list fai-anim\">\r\n\r\n        <div class=\"fai-faq-item\">\r\n          <div class=\"fai-faq-q\" onclick=\"faiFaqToggle(this.parentElement)\">\r\n            We tried AI before and it didn't stick. What's different about FlexAI?\r\n            <div class=\"fai-faq-icon\">+<\/div>\r\n          <\/div>\r\n          <div class=\"fai-faq-a\">Most AI pilots fail at the integration or adoption layer, not the technology layer. The AIDL difference is strategic depth before a single line of code is written. We invest heavily in understanding your actual workflows and constraints, which means the solution is designed to survive contact with your real organization. AI that people actually use looks very different from AI that performs well in a controlled demonstration.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-faq-item\">\r\n          <div class=\"fai-faq-q\" onclick=\"faiFaqToggle(this.parentElement)\">\r\n            We don't have a specific AI idea yet. Can we still engage?\r\n            <div class=\"fai-faq-icon\">+<\/div>\r\n          <\/div>\r\n          <div class=\"fai-faq-a\">Absolutely \u2014 and in many ways that's an ideal starting point. Many of our most successful engagements begin with a leader who knows AI belongs in their organization but hasn't yet determined exactly where. The ASSESS phase is designed precisely for this situation. We map your operations and surface the highest-value opportunities, so the strategy emerges from the work rather than being assumed before it starts.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-faq-item\">\r\n          <div class=\"fai-faq-q\" onclick=\"faiFaqToggle(this.parentElement)\">\r\n            We're not sure we're ready for AI yet. Is that a problem?\r\n            <div class=\"fai-faq-icon\">+<\/div>\r\n          <\/div>\r\n          <div class=\"fai-faq-a\">No. FlexAI is calibrated to four organizational maturity levels. The ASSESS phase is designed to work with whatever state your data, systems, and team are in right now. We don't require a clean data warehouse or a dedicated AI team. We meet you at your current starting point and build a realistic path forward from there.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-faq-item\">\r\n          <div class=\"fai-faq-q\" onclick=\"faiFaqToggle(this.parentElement)\">\r\n            Does AIDL lock us into specific AI models or cloud providers?\r\n            <div class=\"fai-faq-icon\">+<\/div>\r\n          <\/div>\r\n          <div class=\"fai-faq-a\">Never. FlexAI is model-agnostic by design. We work across Google Cloud AI, Anthropic Claude, OpenAI, AWS Bedrock, and Azure OpenAI, and we choose the right tool for each problem rather than defaulting to a preferred vendor. Your architecture is built for portability and long-term flexibility.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-faq-item\">\r\n          <div class=\"fai-faq-q\" onclick=\"faiFaqToggle(this.parentElement)\">\r\n            How's AIDL different from a typical AI development agency?\r\n            <div class=\"fai-faq-icon\">+<\/div>\r\n          <\/div>\r\n          <div class=\"fai-faq-a\">The core distinction is strategic experience. Most development agencies are staffed with engineers who build what you describe. AIDL brings senior business strategists who've operated inside complex organizations across multiple industries. We often refine the brief before we accept it, because what you originally described is rarely the best version of what you actually need. That isn't a critique. That's the value.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fai-faq-item\">\r\n          <div class=\"fai-faq-q\" onclick=\"faiFaqToggle(this.parentElement)\">\r\n            What industries does the FlexAI Framework serve?\r\n            <div class=\"fai-faq-icon\">+<\/div>\r\n          <\/div>\r\n          <div class=\"fai-faq-a\">FlexAI has been delivered across public transit, accounting and financial services, automotive dealerships, real estate, freight and logistics, and education. The methodology is industry-agnostic. The ASSESS phase adapts to your specific operational context, regulatory environment, and data landscape.<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction faiFaqToggle(el) { el.classList.toggle('fai-faq-open'); }\r\n<\/script>\r\n\r\n<style>\r\n.fai-faq {\r\n  background: #F5F2EB;\r\n  padding: 96px 0;\r\n  border-bottom: 1px solid #ddd8d0;\r\n  width: 100%;\r\n}\r\n.fai-faq * { box-sizing: border-box; }\r\n.fai-faq-grid {\r\n  display: grid;\r\n  grid-template-columns: 260px 1fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n.fai-faq-label { position: sticky; top: 40px; }\r\n.fai-faq-link { color: #259F6C; cursor: pointer; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\r\n.fai-faq-list { display: flex; flex-direction: column; }\r\n.fai-faq-item { border-bottom: 1px solid #ddd8d0; padding: 22px 0; }\r\n.fai-faq-q {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #0A1628;\r\n  cursor: pointer;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  user-select: none;\r\n}\r\n.fai-faq-icon {\r\n  width: 22px; height: 22px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(37,159,108,0.35);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 18px;\r\n  color: #259F6C;\r\n  transition: transform 0.25s;\r\n  margin-top: 1px;\r\n  line-height: 1;\r\n}\r\n.fai-faq-open .fai-faq-icon { transform: rotate(45deg); }\r\n.fai-faq-a {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  color: #4A4E5A;\r\n  line-height: 1.72;\r\n  display: none;\r\n  margin-top: 14px;\r\n  max-width: 660px;\r\n}\r\n.fai-faq-open .fai-faq-a { display: block; }\r\n@media (max-width: 768px) {\r\n  .fai-faq-grid { grid-template-columns: 1fr; gap: 36px; }\r\n  .fai-faq-label { position: static; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dcb4598 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dcb4598\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-132b5e3\" data-id=\"132b5e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a9953c elementor-widget elementor-widget-html\" data-id=\"5a9953c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 GEO \/ About (structured for AI search)\r\n   fai-12-geo.html\r\n   ============================================================ -->\r\n<div class=\"fai-geo\">\r\n  <div class=\"fai-container\">\r\n    <div class=\"fai-eyebrow fai-eyebrow-light fai-anim\">About AI Dev Lab<\/div>\r\n    <h2 class=\"fai-section-title fai-anim fai-d1\" style=\"color:#f0f5f1; font-size:28px;\">The organization behind the FlexAI Framework<\/h2>\r\n    <div class=\"fai-geo-grid\">\r\n      <div class=\"fai-geo-item fai-anim fai-d1\">\r\n        <h4>What is AI Dev Lab?<\/h4>\r\n        <p>AI Dev Lab (AIDL) is a strategic AI implementation firm that combines deep business experience with technical AI expertise. Unlike development agencies that begin with code, AIDL begins with business understanding: mapping workflows, identifying opportunities, and designing solutions around real organizational constraints before any technology is selected or built.<\/p>\r\n      <\/div>\r\n      <div class=\"fai-geo-item fai-anim fai-d2\">\r\n        <h4>What is the FlexAI Framework?<\/h4>\r\n        <p>The FlexAI Framework is AIDL's proprietary AI implementation methodology with four phases: ASSESS (deep operational discovery), ILLUMINATE (strategy and architecture design), DELIVER (development and live deployment), and LEAD (ongoing optimization and strategic leadership). Together, the phases spell AIDL.<\/p>\r\n      <\/div>\r\n      <div class=\"fai-geo-item fai-anim fai-d3\">\r\n        <h4>Who is the FlexAI Framework designed for?<\/h4>\r\n        <p>The FlexAI Framework is designed for organizational leaders in operations, technology, and executive roles who are evaluating or implementing AI and want a structured, strategy-first methodology matched to their organization's current maturity level.<\/p>\r\n      <\/div>\r\n      <div class=\"fai-geo-item fai-anim fai-d4\">\r\n        <h4>How is FlexAI different from other AI solutions?<\/h4>\r\n        <p>Unlike point solutions or AI platform vendors, the FlexAI Framework is a consulting-led methodology that begins with deep operational and strategic discovery before any technology is selected or built. It's model-agnostic, co-designed with each client organization, and includes ongoing optimization after delivery.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- GEO Structured Data -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"name\": \"The FlexAI Framework\",\r\n  \"description\": \"AIDL's proprietary four-phase AI implementation methodology: ASSESS, ILLUMINATE, DELIVER, LEAD. Strategy-first AI consulting built around your business.\",\r\n  \"url\": \"https:\/\/aidevlab.com\/solutions\/flexai-framework\/\",\r\n  \"publisher\": { \"@type\": \"Organization\", \"name\": \"AI Dev Lab\", \"url\": \"https:\/\/aidevlab.com\" },\r\n  \"mainEntity\": {\r\n    \"@type\": \"FAQPage\",\r\n    \"mainEntity\": [\r\n      {\"@type\":\"Question\",\"name\":\"What is the FlexAI Framework?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The FlexAI Framework is AIDL's proprietary AI implementation methodology with four phases: ASSESS, ILLUMINATE, DELIVER, and LEAD. Together the phases spell AIDL.\"}},\r\n      {\"@type\":\"Question\",\"name\":\"What is AI Dev Lab?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"AI Dev Lab (AIDL) is a strategic AI implementation firm combining deep business experience with technical AI expertise. Unlike development agencies, AIDL begins with business understanding before any technology is selected.\"}},\r\n      {\"@type\":\"Question\",\"name\":\"How is FlexAI different from other AI solutions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"FlexAI begins with deep operational and strategic discovery before any technology is selected or built. It's model-agnostic, co-designed with each client, and includes ongoing optimization after delivery.\"}},\r\n      {\"@type\":\"Question\",\"name\":\"Who is the FlexAI Framework designed for?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Organizational leaders in operations, technology, and executive roles evaluating or implementing AI with a strategy-first approach.\"}}\r\n    ]\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style>\r\n.fai-geo {\r\n  background: #0A1628;\r\n  padding: 80px 0;\r\n  width: 100%;\r\n}\r\n.fai-geo * { box-sizing: border-box; }\r\n.fai-geo-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  margin-top: 40px;\r\n}\r\n.fai-geo-item h4 {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #c8dece;\r\n  margin-bottom: 10px;\r\n}\r\n.fai-geo-item p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  color: rgba(232,237,233,0.5);\r\n  line-height: 1.65;\r\n}\r\n@media (max-width: 768px) { .fai-geo-grid { grid-template-columns: 1fr; } }\r\n<\/style>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-61d98be ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"61d98be\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06c416c\" data-id=\"06c416c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f51336a elementor-widget elementor-widget-html\" data-id=\"f51336a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Scroll Animations\r\n   fai-13-animations.html\r\n\r\n   Load LAST in Elementor widget stack.\r\n\r\n   Pattern: initial states set by JS only \u2014 so content is always\r\n   visible without JS. Animations layer on top progressively.\r\n   ============================================================ -->\r\n<script>\r\n(function() {\r\n\r\n  \/* \u2500\u2500 INITIAL STATES \u2014 set via JS so content stays visible without it \u2500\u2500 *\/\r\n  var CSS_INIT = [\r\n    '.fai-anim       { opacity: 0; transform: translateY(28px); }',\r\n    '.fai-anim-left  { opacity: 0; transform: translateX(-32px); }',\r\n    '.fai-anim-right { opacity: 0; transform: translateX(32px); }',\r\n    '.fai-anim-scale { opacity: 0; transform: scale(0.88); }',\r\n    \/* Visible states *\/\r\n    '.fai-anim.fai-visible,',\r\n    '.fai-anim-left.fai-visible,',\r\n    '.fai-anim-right.fai-visible { opacity: 1; transform: translate(0,0); }',\r\n    '.fai-anim-scale.fai-visible { opacity: 1; transform: scale(1); }'\r\n  ].join('\\n');\r\n\r\n  var styleEl = document.createElement('style');\r\n  styleEl.textContent = CSS_INIT;\r\n  document.head.appendChild(styleEl);\r\n\r\n  \/* \u2500\u2500 INTERSECTION OBSERVER \u2500\u2500 *\/\r\n  var io = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('fai-visible');\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.10,\r\n    rootMargin: '0px 0px -40px 0px'\r\n  });\r\n\r\n  \/* \u2500\u2500 OBSERVE ALL ANIMATED ELEMENTS \u2500\u2500 *\/\r\n  function observe() {\r\n    var selectors = '.fai-anim, .fai-anim-left, .fai-anim-right, .fai-anim-scale';\r\n    document.querySelectorAll(selectors).forEach(function(el) {\r\n      io.observe(el);\r\n    });\r\n\r\n    \/* \u2500\u2500 HERO: trigger immediately on load (above fold) \u2500\u2500 *\/\r\n    var heroEls = document.querySelectorAll('.fai-hero .fai-anim, .fai-hero .fai-anim-scale');\r\n    heroEls.forEach(function(el, i) {\r\n      setTimeout(function() {\r\n        el.classList.add('fai-visible');\r\n        io.unobserve(el);\r\n      }, i * 90);\r\n    });\r\n\r\n    \/* \u2500\u2500 HERO CARDS: staggered scale-in \u2500\u2500 *\/\r\n    document.querySelectorAll('.fai-hc').forEach(function(card, i) {\r\n      card.style.opacity = '0';\r\n      card.style.transform = 'scale(0.88) translateY(10px)';\r\n      card.style.transition = 'opacity 0.5s ease ' + (0.2 + i * 0.1) + 's, transform 0.5s cubic-bezier(0.34,1.56,0.64,1) ' + (0.2 + i * 0.1) + 's';\r\n      setTimeout(function() {\r\n        card.style.opacity = '1';\r\n        card.style.transform = 'scale(1) translateY(0)';\r\n      }, 100 + i * 90);\r\n    });\r\n\r\n    \/* \u2500\u2500 TYPICAL PATH STEPS: cascade as section enters \u2500\u2500 *\/\r\n    var typSteps = document.querySelectorAll('.fai-typ-step');\r\n    if (typSteps.length) {\r\n      var stepIo = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            var steps = entry.target.querySelectorAll('.fai-typ-step');\r\n            steps.forEach(function(s, i) {\r\n              setTimeout(function() { s.classList.add('fai-visible'); }, i * 110);\r\n            });\r\n            stepIo.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n\r\n      var typSection = document.querySelector('.fai-typ-steps');\r\n      if (typSection) stepIo.observe(typSection);\r\n    }\r\n\r\n    \/* \u2500\u2500 FLEXAI PATH ROWS: alternating slide in \u2500\u2500 *\/\r\n    var pathRows = document.querySelectorAll('.fai-path-row');\r\n    if (pathRows.length) {\r\n      var rowIo = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('fai-visible');\r\n            rowIo.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n      pathRows.forEach(function(row) { rowIo.observe(row); });\r\n    }\r\n\r\n    \/* \u2500\u2500 CASE CARDS: stagger on section entry \u2500\u2500 *\/\r\n    var caseSection = document.querySelector('.fai-cases');\r\n    if (caseSection) {\r\n      var caseIo = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.querySelectorAll('.fai-case-card').forEach(function(c, i) {\r\n              setTimeout(function() { c.classList.add('fai-visible'); }, i * 120);\r\n            });\r\n            caseIo.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      caseIo.observe(caseSection);\r\n    }\r\n\r\n    \/* \u2500\u2500 ARCH CARDS: stagger on section entry \u2500\u2500 *\/\r\n    var archSection = document.querySelector('.fai-arch');\r\n    if (archSection) {\r\n      var archIo = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.querySelectorAll('.fai-arch-card').forEach(function(c, i) {\r\n              setTimeout(function() { c.classList.add('fai-visible'); }, i * 100);\r\n            });\r\n            archIo.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      archIo.observe(archSection);\r\n    }\r\n\r\n    \/* \u2500\u2500 DIFF CARDS: stagger \u2500\u2500 *\/\r\n    var diffSection = document.querySelector('.fai-diff');\r\n    if (diffSection) {\r\n      var diffIo = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.querySelectorAll('.fai-diff-card').forEach(function(c, i) {\r\n              setTimeout(function() { c.classList.add('fai-visible'); }, i * 100);\r\n            });\r\n            diffIo.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.10 });\r\n      diffIo.observe(diffSection);\r\n    }\r\n\r\n    \/* \u2500\u2500 CTA CARDS: stagger \u2500\u2500 *\/\r\n    var ctaSection = document.querySelector('.fai-cta');\r\n    if (ctaSection) {\r\n      var ctaIo = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.querySelectorAll('.fai-cta-card').forEach(function(c, i) {\r\n              setTimeout(function() { c.classList.add('fai-visible'); }, i * 110);\r\n            });\r\n            ctaIo.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.20 });\r\n      ctaIo.observe(ctaSection);\r\n    }\r\n  }\r\n\r\n  \/* Run after DOM is ready *\/\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', observe);\r\n  } else {\r\n    observe();\r\n  }\r\n\r\n  \/* \u2500\u2500 FRAMEWORK TAB PANEL: add entrance animation on tab switch \u2500\u2500 *\/\r\n  window.faiFwSelOrig = window.faiFwSel;\r\n  window.faiFwSel = function(i) {\r\n    if (window.faiFwSelOrig) faiFwSelOrig(i);\r\n    var panel = document.getElementById('faiFwPanel');\r\n    if (panel) {\r\n      panel.style.transition = 'none';\r\n      panel.style.opacity = '0';\r\n      panel.style.transform = 'translateY(8px)';\r\n      requestAnimationFrame(function() {\r\n        panel.style.transition = 'opacity 0.35s ease, transform 0.35s cubic-bezier(0.22,1,0.36,1), border-color 0.25s, background 0.25s, box-shadow 0.3s';\r\n        panel.style.opacity = '1';\r\n        panel.style.transform = 'translateY(0)';\r\n      });\r\n    }\r\n  };\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-97f68a3 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"97f68a3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c36c2b\" data-id=\"5c36c2b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f184783 elementor-widget elementor-widget-html\" data-id=\"f184783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n   FLEXAI FRAMEWORK \u2014 Mobile Responsive Overrides\r\n   fai-14-mobile.html\r\n\r\n   Load AFTER fai-13-animations.html (very last widget).\r\n   Handles all breakpoints across all 12 FAI widgets.\r\n   Uses !important where Elementor inline styles interfere.\r\n   ============================================================ -->\r\n<style>\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SHARED \u2014 applies across all FAI widgets\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  \/* Container padding *\/\r\n  .fai-container {\r\n    padding: 0 24px !important;\r\n  }\r\n\r\n  \/* Section titles *\/\r\n  .fai-section-title {\r\n    font-size: 32px !important;\r\n  }\r\n\r\n  \/* Body text *\/\r\n  .fai-body-text {\r\n    font-size: 16px !important;\r\n    max-width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-section-title { font-size: 28px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   01 \u2014 HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 960px) {\r\n  .fai-hero-layout {\r\n    grid-template-columns: 1fr !important;\r\n    padding: 80px 40px 56px !important;\r\n    min-height: auto !important;\r\n    gap: 40px !important;\r\n  }\r\n  .fai-hero-h1 { font-size: 44px !important; }\r\n  .fai-hero-sub { padding-right: 0 !important; max-width: 100% !important; }\r\n  \/* Diagonal collapses to bottom strip *\/\r\n  .fai-hero-dark {\r\n    clip-path: none !important;\r\n    height: 280px !important;\r\n    top: auto !important;\r\n    bottom: 0 !important;\r\n  }\r\n  .fai-hc-caption { color: rgba(10,22,40,0.42) !important; }\r\n  .fai-hc-grid { max-width: 480px; margin: 0 auto; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .fai-hero-layout { padding: 72px 24px 48px !important; }\r\n  .fai-hero-h1 { font-size: 36px !important; }\r\n  .fai-hero-dark { height: 220px !important; }\r\n  .fai-btn-primary { width: 100% !important; text-align: center !important; }\r\n  .fai-hero-cta-row { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-hero-h1 { font-size: 32px !important; }\r\n  .fai-hc { padding: 18px 16px 14px !important; }\r\n  .fai-hc-letter { font-size: 52px !important; }\r\n  .fai-hc-label { font-size: 12px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   02 \u2014 AIDL DIFFERENCE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 900px) {\r\n  .fai-diff { padding: 72px 0 !important; }\r\n  .fai-diff-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 40px !important;\r\n  }\r\n  .fai-diff-cards {\r\n    grid-template-columns: 1fr 1fr !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .fai-diff { padding: 56px 0 !important; }\r\n  .fai-diff-cards { grid-template-columns: 1fr !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   03 \u2014 ORIGIN\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 900px) {\r\n  .fai-origin { padding: 72px 0 !important; }\r\n  .fai-origin-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 40px !important;\r\n  }\r\n  .fai-origin-stat-row {\r\n    grid-template-columns: 1fr 1fr !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-origin { padding: 56px 0 !important; }\r\n  .fai-origin-stat-row { grid-template-columns: 1fr !important; }\r\n  .fai-origin-stat-num { font-size: 36px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   04 \u2014 FRAMEWORK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 768px) {\r\n  .fai-fw { padding: 72px 0 0 !important; }\r\n  .fai-fw-plain,\r\n  .fai-fw-gold,\r\n  .fai-fw-green-i { font-size: 28px !important; white-space: normal !important; }\r\n  .fai-fw-num { font-size: 36px !important; }\r\n  .fai-fw-letter { font-size: 56px !important; }\r\n  .fai-fw-sep { margin: 0 8px !important; font-size: 28px !important; }\r\n  .fai-fw-tabs {\r\n    flex-wrap: wrap !important;\r\n    gap: 6px !important;\r\n  }\r\n  .fai-fw-tab {\r\n    flex: 0 0 calc(50% - 3px) !important;\r\n    border-radius: 10px !important;\r\n  }\r\n  .fai-fw-panel { padding: 24px 20px !important; }\r\n  .fai-fw-panel-inner { flex-direction: column !important; gap: 16px !important; }\r\n  .fai-fw-panel-headline { font-size: 18px !important; }\r\n  .fai-fw-bullets { grid-template-columns: 1fr !important; gap: 8px !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-fw-tab-big { font-size: 38px !important; }\r\n  .fai-fw-panel-body { font-size: 14px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   05 \u2014 TECH STRIP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 640px) {\r\n  .fai-tech { padding: 20px 0 !important; }\r\n  .fai-tech-inner { gap: 8px !important; }\r\n  .fai-tech-pill { font-size: 12px !important; padding: 5px 12px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   06 \u2014 TYPICAL PATH\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 860px) {\r\n  .fai-typ { padding: 72px 0 !important; }\r\n  .fai-typ-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 40px !important;\r\n  }\r\n  .fai-typ-title { font-size: 32px !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-typ { padding: 56px 0 !important; }\r\n  .fai-typ-title { font-size: 28px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   07 \u2014 FLEXAI PATH\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 768px) {\r\n  .fai-path { padding: 72px 0 !important; }\r\n  .fai-path-row {\r\n    grid-template-columns: 72px 1fr !important;\r\n    padding: 28px 0 !important;\r\n  }\r\n  .fai-path-letter { font-size: 64px !important; }\r\n  .fai-path-content { padding-left: 20px !important; }\r\n  .fai-path-title { font-size: 20px !important; }\r\n  .fai-path-body { font-size: 14px !important; }\r\n  .fai-path-outcome { padding: 22px 24px !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-path-row { grid-template-columns: 56px 1fr !important; }\r\n  .fai-path-letter { font-size: 50px !important; }\r\n  .fai-path-title { font-size: 18px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   08 \u2014 CASE STUDIES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 860px) {\r\n  .fai-cases { padding: 72px 0 !important; }\r\n  .fai-cases-grid {\r\n    grid-template-columns: 1fr 1fr !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .fai-cases { padding: 56px 0 !important; }\r\n  .fai-cases-grid { grid-template-columns: 1fr !important; }\r\n  .fai-case-stat { font-size: 40px !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   09 \u2014 ARCHETYPES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 900px) {\r\n  .fai-arch { padding: 72px 0 !important; }\r\n  .fai-arch-grid { grid-template-columns: 1fr 1fr !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-arch { padding: 56px 0 !important; }\r\n  .fai-arch-grid { grid-template-columns: 1fr !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   10 \u2014 CTA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 768px) {\r\n  .fai-cta { padding: 80px 0 !important; }\r\n  .fai-cta-h2 { font-size: 38px !important; }\r\n  .fai-cta-cards {\r\n    grid-template-columns: 1fr !important;\r\n    max-width: 400px !important;\r\n  }\r\n  .fai-cta-btn { padding: 16px 36px !important; font-size: 15px !important; }\r\n  .fai-cta-watermark { font-size: 160px !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-cta { padding: 64px 0 !important; }\r\n  .fai-cta-h2 { font-size: 32px !important; }\r\n  .fai-cta-cards { max-width: 100% !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   11 \u2014 FAQ\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 768px) {\r\n  .fai-faq { padding: 72px 0 !important; }\r\n  .fai-faq-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 32px !important;\r\n  }\r\n  .fai-faq-label { position: static !important; }\r\n  .fai-faq-q { font-size: 15px !important; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .fai-faq { padding: 56px 0 !important; }\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   12 \u2014 GEO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n@media (max-width: 768px) {\r\n  .fai-geo { padding: 64px 0 !important; }\r\n  .fai-geo-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 28px !important;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\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>AIDL The FlexAI Framework The AI firm that learns your world before building in it. Most AI implementations fail because the team building them never truly understood the business. AIDL brings two decades of strategic business experience alongside deep AI expertise. That combination is exactly why our work sticks. Schedule Your Discovery Session See how [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":750,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-2028","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","0df2dca53447789c9966a9ee2482ae8e":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"9a068402903147dab0312ed721d813d1":"","hero_alignment1":"left","hero_alignment2":"center","hero_vertical_alignment":"center","878df3921d36f5f7834a2f50f2d62119":"","hero_structure":"narrow","c672b96ecc952ad64c8c2d7fdf1a61dc":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"cc7bcd5456d7cac909e888486d83b616":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"32px","tablet":"30px","mobile":"25px"},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"n6","size":"12px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"default":{"color":"rgba(41, 51, 60, 0.2)"}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#EDEFF2"}}},"5384544efa2613b7222fa667fe0c3bd5":"","page_structure_type":"default","content_style":"inherit","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"backgroundColor":{"default":{"color":"#ffffff"}}},"content_boxed_spacing":{"desktop":"40px","tablet":"35px","mobile":"20px"},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"content_boxed_shadow":{"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"7b360c47770bb2bc7820037d1b7ccdae":"","disable_featured_image":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[]}},"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/pages\/2028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/comments?post=2028"}],"version-history":[{"count":70,"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/pages\/2028\/revisions"}],"predecessor-version":[{"id":4593,"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/pages\/2028\/revisions\/4593"}],"up":[{"embeddable":true,"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/pages\/750"}],"wp:attachment":[{"href":"https:\/\/aidevlab.com\/wp-json\/wp\/v2\/media?parent=2028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}