PageSourceSearch

https://baigroup.ai/human-attuned-ai

html baigroup.ai collected 2026-10-05 15:00:20 UTC 100,330 bytes, 2,248 lines download raw bytes

1<html lang="en"><head><link rel="shortcut icon" type="image/png" href="https://storage.mlcdn.com/account_image/1409390/Logo-icon-transparent-back8oCr6r.png">
vendor: 66 bytes, lines 1-4
1
2
3
4<script async src="https://www.googletagmanager.com/gtag/js?id=
4G-ZV3SB9PL4X
vendor: 12 bytes, line 4
4"></script>
5<script>
6    
vendor: 140 bytes, lines 6-10
6window.dataLayer = window.dataLayer || [];
7    function gtag(){dataLayer.push(arguments);}
8    gtag('js', new Date());
9
10    gtag('config', '
10G-ZV3SB9PL4X
vendor: 4 bytes, line 10
10');
11</script>
11
12
13
14
15    <meta name="robots" content="index, follow">
16
17
18<meta property="og:type" content="website">
19<meta property="og:image:alt" content="B.AI Group | Human-Attuned AI">
20<meta property="og:url" content="https://baigroup.ai/human-attuned-ai">
21
22
23<meta name="twitter:card" content="summary_large_image">
24<meta name="twitter:description" content="B.AI Group stewards Human-Attuned AI Governance and provides advisory, credentialing, speaking, and enablement through the C.A.S.E.™ Standard.">
25
26
27    <meta charset="utf-8">
28<meta http-equiv="X-UA-Compatible" content="IE=edge">
29<meta name="viewport" content="width=device-width, initial-scale=1">
30
31<meta name="description" content="Human-Attuned AI governs the conditions around AI: context, attunement, safeguards and escalation. Explore the architecture behind the C.A.S.E.™ Standard.">
32<meta name="keywords" content="Human-Attuned AI, AI Governance, C.A.S.E. Standard, Psychological Safety, CUE Matrix, AI Risk Tiers, AI Governance Hierarchy, Psycho-Sensory Contextual Fluency, Human-in-the-Loop Governance, Enterprise AI Governance, Responsible AI, Brittnee Savage">
33
34<meta property="og:title" content="Human-Attuned AI: Governing the Conditions Around AI">
35<meta property="og:description" content="Most AI failures aren't technology failures. They're governance failures. See how Human-Attuned AI and the C.A.S.E.™ Standard close the gap in practice.">
36<meta property="og:image" content="https://storage.mlcdn.com/account_image/1409390/oU1f7OdObF84jVr72qh4gEqHOqvDLLSx9qkdHSTW.png">
37<meta property="og:image:alt" content="Human-Attuned AI: Governing the Conditions Around AI">
38
39
40
41<meta name="twitter:title" content="Human-Attuned AI: Governing the Conditions Around AI">
42<meta name="twitter:image" content="https://storage.mlcdn.com/account_image/1409390/oU1f7OdObF84jVr72qh4gEqHOqvDLLSx9qkdHSTW.png">
43
44
45
46    
47    
48
49<link rel="stylesheet" href="https://assets.mlcdn.com/ml/bootstrap/css/bootstrap-4.6.2.min.css">
50
51
52<script src="https://assets.mlcdn.com/ml/jquery/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 52
52
53<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
vendor: 1 bytes, line 53
53
54<script src="https://assets.mlcdn.com/ml/bootstrap/js/bootstrap-4.6.2.min.js"></script>
54
55
56<script src="https://assets.mlcdn.com/ml/fontawesome/v5.10.2/js/0f54bd8811.js"></script>
56
57
58<title>Human-Attuned AI | The Discipline Behind C.A.S.E.™</title>
59
60  
61  
62
63
64
65<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1790776");</style>
66
67
68<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.js"></script>
68
69<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.css">
70
71<script>
72  (function($) {
73    window.addEventListener('DOMContentLoaded', function() {
74        $('.ml-gallery').length && baguetteBox && baguetteBox.run('.ml-gallery');
75    })
76  })(jQuery);
77</script>
77
78
79<script src="https://assets.mlcdn.com/ml/moment/moment.min.js"></script>
vendor: 1 bytes, line 79
79
80<script src="https://assets.mlcdn.com/ml/moment-timezone/moment-timezone-with-data.min.js"></script>
80
81
82<script>
83  var previousTimeZone = [];
84  var updatingTimer = false;
85
86	function timers(newDate) {
87    updatingTimer = true;
88
89		setTimeout(function(){
90			$('.countdown').each(function() {
91        var id = $(this).attr('id');
92        var selected_zone = $(this).attr('data-zone');
93        var zone = $(this).attr('data-' + selected_zone);
94
95        if (typeof previousTimeZone[id] === 'undefined') {
96          previousTimeZone[id] = zone;
97        }
98
99        // init countdown timer || || endTime changed || zone changed
100        if(!$(this).data('countdown-bound') || newDate || previousTimeZone[id] !== zone) {
101          previousTimeZone[id] = zone;
102          $(this).data('countdown-bound', true);
103
104          var endTime = newDate || $(this).attr('data-date');
105          var endTimeUTC = getUTC(endTime, zone);
106
107          initializeClock(id, endTimeUTC);
108        }
109
110			});
111      updatingTimer = false;
112		});
113	}
114
115	function getUTC(endTime, zone){
116	  var moment = window.moment;
117    try {
118      moment = window.top && window.top.moment;
119    } catch (err) { }
120    var format = 'YYYY-MM-DD HH:mm:ss';
121    if (moment.tz && zone) {
122      var date = moment.tz(endTime, zone);
123      date = date.tz ? date.tz("UTC") : date;
124    } else {
125      var date = moment(endTime, format);
126      date = (zone && date.tz) ? date.tz(zone) : date;
127    }
128    return date.format(format);
129  }
130
131	$(document).ready(function () {
132		timers();
133
134        const observer = new MutationObserver((mutations) => {
135            mutations.forEach((mutation) => {
136                if (!updatingTimer && mutation.type === 'childList') {
137                    timers();
138                }
139            });
140        });
141
142        observer.observe(document.body, {
143            childList: true, // Monitor additions/removals of child elements
144            subtree: true,   // Include all descendants of the body
145        });
146	});
147
148	function getTimeRemaining(endtime) {
149        endtime = endtime.replace(' ', 'T') + 'Z';
150        var currentTime = new Date();
151        var currentUTC = Date.parse(currentTime.toUTCString());
152        if (!endtime || Number.isNaN(Date.parse(endtime))) {
153            endtime = currentUTC;
154        }
155        var t = Date.parse(endtime) - currentUTC;
156		var seconds = Math.floor((t / 1000) % 60);
157		var minutes = Math.floor((t / 1000 / 60) % 60);
158		var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
159		var days = Math.floor(t / (1000 * 60 * 60 * 24));
160		return {
161			'total': t,
162			'days': days,
163			'hours': hours,
164			'minutes': minutes,
165			'seconds': seconds
166		};
167	}
168
169	function initializeClock (id, endtime) {
170		var clock = document.getElementById(id);
171		var daysSpan = clock.querySelector('.days');
172		var hoursSpan = clock.querySelector('.hours');
173		var minutesSpan = clock.querySelector('.minutes');
174		var secondsSpan = clock.querySelector('.seconds');
175
176		function updateClock() {
177			var t = getTimeRemaining(endtime);
178
179			daysSpan.innerHTML = t.days;
180			hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
181			minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
182			secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
183
184			if (t.total <= 0) {
185				daysSpan.innerHTML = '00';
186				hoursSpan.innerHTML = '00';
187				minutesSpan.innerHTML = '00';
188				secondsSpan.innerHTML = '00';
189			}
190		}
191
192		updateClock();
193
194		if (window['timerinterval' + id]) {
195			clearInterval(window['timerinterval' + id]);
196		}
197
198		window['timerinterval' + id] = setInterval(updateClock, 1000);
199	}
200</script>
200
201
202
203
204  <style type="text/css">
205      .ml-notification {
206        text-align: center;
207        margin-bottom: 0;
208        border-radius: 0;
209      background-color: #eeeeee;
210      border-bottom: 1px solid #cccccc;
211      padding-top: 8px;
212      padding-bottom: 8px;
213      z-index: 1000;
214      }
215      .ml-notification.box {
216        position: fixed;
217        bottom: 20px;
218        left: 20px;
219        right: auto;
220        flex-direction: column;
221        display: flex;
222        max-width: 340px;
223        border-radius: 4px;
224      border: 1px solid #cccccc;
225      }
226      .ml-notification.box.right {
227        right: 20px;
228        left: auto;
229      }
230            @media only screen and (max-width: 480px) {
231        .ml-notification.box {
232          bottom: 0;
233          left: 0;
234          right: 0;
235          max-width: 100%;
236          border-radius: 0!important;
237        }
238      }
239      .ml-notification.bottom {
240        position: fixed;
241        bottom: 0;
242        left: 0;
243        right: 0;
244        top:auto;
245        z-index: 1;
246      }
247      
248      /* Text and link */
249      .ml-notification .text-block {
250        padding: 6px 0;
251      }
252      .ml-notification .text-block p {
253      font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
254      color: #1c2b33;
255      font-size: 16px;
256      line-height: 24px;
257      margin-bottom: 10px;
258      }
259      .ml-notification .text-block p:last-child {
260        margin-bottom: 0;
261      }
262      .ml-notification .text-block p a {
263      color: #4093A4;
264      text-decoration: underline;
265      }
266
267      /* Button */
268      .ml-notification .button-block {
269        padding: 2px 0;
270      }
271      .ml-notification .button-block .btn-one {
272        width: auto;
273        display: inline-block;
274      font-family:'Poppins', sans-serif;
275      background-color:#6b8e23;
276      font-size:14px;
277      
278      border-bottom:3px solid #259DA1;
279      
280      border-right:3px solid #259DA1;
281      color:#ffffff;
282      border-radius:5px;
283      padding:5px 15px!important;
284      font-weight: bold; font-style: normal; text-decoration: none;
285      }
286      .ml-notification .button-block .btn-one:hover, .ml-notification .button-block .btn-one:focus, .ml-notification .button-block .btn-one:active, .ml-notification .button-block .btn-one:active:hover {
287      background-color:#4F7942;
288      
289      border-bottom:3px solid #185d85;
290      
291      border-right:3px solid #185d85;
292      color:#ffffff;
293      font-weight: bold; font-style: normal; text-decoration: none;
294      }
295
296      /* Button 2 */
297
298      .ml-notification .button-block .btn-two {
299        width: auto;
300        display: inline-block;
301      font-family:'Poppins', sans-serif;
302      background-color:#185d85;
303      font-size:14px;
304      border-top:2px solid #6b8e23;
305      border-bottom:2px solid #6b8e23;
306      border-left:2px solid #6b8e23;
307      border-right:2px solid #6b8e23;
308      color:#ffffff;
309      border-radius:5px;
310      padding:5px 15px!important;
311      font-weight: bold; font-style: normal; text-decoration: none;
312      }
313      .ml-notification .button-block .btn-two:hover, .ml-notification .button-block .btn-two:focus, .ml-notification .button-block .btn-two:active, .ml-notification .button-block .btn-two:active:hover {
314      background-color:#033b4f;
315      border-top:2px solid #185d85;
316      border-bottom:2px solid #185d85;
317      border-left:2px solid #185d85;
318      border-right:2px solid #185d85;
319      color:#ffffff;
320      font-weight: bold; font-style: normal; text-decoration: none;
321      }
322    </style><style>
323      /* BS fix for too big height */
324      .flex-column .col-1, .flex-column .col-2, .flex-column .col-3, .flex-column .col-4, .flex-column .col-5, .flex-column .col-6, .flex-column .col-7, .flex-column .col-8, .flex-column .col-9, .flex-column .col-10, .flex-column .col-11, .flex-column .col-12  {
325        flex-basis: auto;
326      }
327    </style><style>
328
329      .skip-link {
330        background: #007bff;
331        height: 30px;
332        left: 50%;
333        padding: 8px;
334        position: absolute;
335        transform: translateY(-1000%);
336        transition: transform 0.3s;
337        color: #ffffff;
338        text-decoration: none;
339      }
340
341      .skip-link:focus {
342        transform: translateY(-50%);
343      }
344
345      .navbar-toggler {
346        color: rgba(0, 0, 0, 0) !important;
347        border-color: rgba(0, 0, 0, 0) !important;
348      }
349
350      .navbar-toggler-icon {
351        background-image: none !important;
352      }
353
354      .navbar-toggler-icon {
355        background-image: none;
356      border-bottom: 1px solid #f6f6f6;
357      height: 17px;
358      position: relative;
359      transition: all 300ms linear;
360      width: 24px;
361      }
362
363      .navbar-toggler-icon:after,
364      .navbar-toggler-icon:before {
365      background-color: #f6f6f6;
366      content: '';
367      height: 1px;
368      left: 0;
369      position: absolute;
370      top: 0;
371      transition: all 300ms linear;
372      width: 24px;
373      z-index: 2;
374      }
375
376      .navbar-toggler-icon:after {
377        top: 8px;
378      }
379
380      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
381        transform: rotate(45deg);
382      }
383
384      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
385        transform: translateY(8px) rotate(-45deg);
386      }
387
388      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
389        border-color: transparent;
390      }
391
392      a.mobile-search {
393        font-size: 18px;
394        color: #f6f6f6;
395        margin-top: 4px;
396      }
397
398    </style><style>
399
400      button:focus {
401        outline: none;
402      }
403
404      /*header.active {*/
405      /*  background: transparent;*/
406      /*}*/
407      header {
408      padding-top: 20px;
409      padding-bottom: 20px;
410      background-color: #1f4a6a;
411      border-bottom: 0px solid  #cccccc;
412      -webkit-transition : all 0.3s ease-out;
413      transition : all 0.3s ease-out;
414      box-shadow: 0px 10px 10px -10px #cccccc;
415      position: relative;
416      z-index: 1;
417      }
418
419      header .navbar {
420        padding: 0;
421        -webkit-transition: all 0.3s ease-out;
422        transition: all 0.3s ease-out;
423      }
424
425      header .navbar .navbar-brand img {
426      height: 45px;
427      }
428
429      @media (min-width: 768px) {
430
431        header .navbar-nav .nav-item {
432          padding-left: 9px;
433          padding-right:  9px;
434        }
435
436        header .navbar-nav .nav-item:first-child {
437          padding-left: 0;
438        }
439
440        header .navbar-nav .nav-item:last-child {
441          padding-right: 0;
442        }
443
444      }
445
446      header .navbar .nav-item a.dropdown-toggle {
447          white-space: normal;
448      }
449
450      header .navbar .nav-item a.dropdown-toggle:after {
451        border: solid #f6f6f6!important;
452        border-width: 0 2px 2px 0!important;
453        vertical-align: 0.2em;
454        padding: 2px!important;
455        transform: rotate(45deg);
456        -webkit-transform: rotate(45deg);
457        margin-left: 10px;
458        transition: transform 0.3s;
459        color: #f6f6f6!important;
460      }
461
462      header .navbar .nav-item a.dropdown-toggle:hover:after {
463        vertical-align: 0.15em;
464        transform: rotate(-135deg)!important;
465        -webkit-transform: rotate(-135deg)!important;
466        border-color: #B5CE7C!important;
467      }
468
469      header .navbar .nav-item .dropdown-menu {
470        border: 1px solid rgba(241, 241, 241, 0.5);
471        border: 1px solid #f6f6f630!important;
472        margin-top: 0px;
473        margin-left: -3px;
474        box-shadow: 0 0 10px rgba(0,0,0,0.1);
475        min-width: 200px;
476        background: #1f4a6a;
477        left: 9px;
478      }
479
480      header .navbar .nav-item:first-child .dropdown-menu {
481        left: 0px!important;
482      }
483
484      header .navbar .nav-item .dropdown-menu a {
485        border-bottom: none!important;
486        padding: .5rem 1.5rem;
487        font-size: 12px!important;
488      }
489
490      header .navbar .nav-item .dropdown-menu a:hover {
491        border-bottom: none;
492        color: #B5CE7C!important;
493        background: #B5CE7C30!important;
494      }
495
496      header .navbar .nav-item a {
497
498      font-family: 'Poppins', sans-serif;
499      color: #f6f6f6!important;
500      font-size: 13px!important;
501      -webkit-transition : all 0.3s ease-out;
502      transition : all 0.3s ease-out;
503      border-bottom: 1px solid rgba(225,225,225,0);
504      font-weight: normal; font-style: normal; text-decoration: none;
505
506      }
507
508      header .navbar .nav-item a:hover {
509
510      color: #B5CE7C!important;
511      -webkit-transition : all 0.3s ease-out;
512      transition : all 0.3s ease-out;
513      border-bottom: 1px solid #B5CE7C;
514
515      }
516
517      header .navbar .nav-item a.active-page{
518        font-weight: bold !important;
519      }
520
521      header .navbar .btn-block {
522        width: auto;
523        display: inline-block;
524      font-family:'Poppins', sans-serif;
525      background-color:#FAF9F6;
526      font-size:12px;
527      
528      border-bottom:2px solid #B5CE7C;
529      
530      border-right:2px solid #B5CE7C;
531      color:#033b4f;
532      border-radius:5px;
533      padding:9px 40px!important;
534      font-weight: normal; font-style: normal; text-decoration: none;
535      }
536
537      header .navbar .btn-block:hover,
538      header .navbar .btn-block:focus,
539      header .navbar .btn-block:active,
540      header .navbar .btn-block:active:hover {
541      background-color:#DEE8EF;
542      
543      border-bottom:2px solid #B5CE7C;
544      
545      border-right:2px solid #B5CE7C;
546      color:#1F4A6A;
547      font-weight: normal; font-style: normal; text-decoration: none;
548      }
549
550      @media (max-width: 767px) {
551
552
553        body header {
554          width: 100%;
555          min-height: 1%;
556          z-index: 20;
557        }
558
559        /* Full-screen overlay only while the mobile menu is open; otherwise the
560           collapsed header also fills the viewport in quirks mode (empty gap). */
561        body header:has(.navbar-toggler[aria-expanded="true"]) {
562          width: 100%;
563          min-height: 100%!important;
564          height: 100%;
565          max-height: 100vh;
566          overflow-y: scroll;
567          background: #1f4a6a;
568        }
569
570        .navbar-light .navbar-nav .nav-link {
571          text-align: left;
572          border-bottom: none!important;
573          width:100%;
574        }
575
576        header .navbar .nav-item .dropdown-menu {
577          border: none!important;
578          margin-left: 0px!important;
579          box-shadow: none!important;
580          min-width: 100%!important;
581          background: none!important;
582          display: block!important;
583          padding: 0;
584        }
585
586        header .navbar .nav-item a.dropdown-toggle:hover:after {
587          transform: rotate(45deg)!important;
588          vertical-align: 0.2em!important;
589        }
590
591        header .navbar .nav-item .dropdown-menu a {
592          color: #f6f6f6!important;
593        }
594
595        header .navbar .nav-item .dropdown-menu a:hover {
596          background: none!important;
597        }
598
599      }
600
601      @media (max-width: 768px) {
602        body header {
603          max-height: 100vh;
604          overflow-y: scroll;
605          scrollbar-width: none;
606          -ms-overflow-style: none;
607        }
608        body header::-webkit-scrollbar {
609          width: 0;
610          background: transparent;
611
612        }
613      }
614    </style><style type="text/css">
615    footer {
616      background-color: #1c2b33;
617      padding-top: 50px;
618      padding-bottom: 50px;
619    }
620
621    /* Footer logo */
622
623    .ml-lp-24 .logo-footer img {
624      height: 88px;
625    }
626
627    /* Footer disclaimer */
628
629    .ml-lp-24 .footer-description p,
630    .ml-lp-24 .footer-description ul,
631    .ml-lp-24 .footer-description ol {
632      font-family: 'Poppins', sans-serif;
633      color: #AECBD8;
634      font-size: 15px;
635      margin: 0 0 15px 0;
636    }
637    .ml-lp-24 .footer-description p:last-child,
638    .ml-lp-24 .footer-description ul:last-child,
639    .ml-lp-24 .footer-description ol:last-child {
640      margin-bottom: 0;
641    }
642    .ml-lp-24 .footer-description p a,
643    .ml-lp-24 .footer-description ul a,
644    .ml-lp-24 .footer-description ol a {
645      font-family: 'Poppins', sans-serif;
646      color: #FAF9F6;
647      text-decoration: underline;
648    }
649
650    /* Footer navigation */
651
652    .footer-navigation h4 {
653      color: #B5CE7C;
654      font-family: 'Poppins', sans-serif;
655      font-size: 15px;
656      font-weight: normal; font-style: normal; text-decoration: none;
657    }
658    .footer-navigation .nav-footer-item {
659      padding-bottom: .75rem;
660    }
661    .footer-navigation .nav-footer-item:last-child {
662      padding-bottom: 0;
663    }
664    .footer-navigation .nav-footer-link {
665      color: #f6f6f6;
666      font-family: 'Poppins', sans-serif;
667      font-size: 15px;
668      padding-bottom: .25rem;
669      -webkit-transition : all 0.3s ease-out;
670      transition : all 0.3s ease-out;
671      border-bottom: 1px solid rgba(225,225,225,0);
672      font-weight: normal; font-style: normal; text-decoration: none;
673    }
674    .footer-navigation .nav-footer-link:hover {
675      color: #B5CE7C;
676      -webkit-transition : all 0.3s ease-out;
677      transition : all 0.3s ease-out;
678      border-bottom: 1px solid #B5CE7C;
679    }
680  </style><style>
681
682  body {
683
684  background-color: #FAF9F6;
685  background-image: none;
686  background-size:  none;
687  background-position: center none;
688  background-repeat: none;
689
690  }
691
692  body ol ol {
693    list-style-type: lower-alpha;
694  }
695
696  body ol ol ol {
697    list-style-type: lower-roman;
698  }
699
700  .container.with-border {
701
702  border-left: 0px solid #cccccc;
703  border-right: 0px solid #cccccc;
704
705  }
706
707  /* Default */
708
709  .default-heading-1 {
710  font-family: 'Poppins', sans-serif;
711  color:#1f4a6a;
712  font-size:57px;
713  font-weight: bold; font-style: normal; text-decoration: none;
714  letter-spacing: 2px;
715  }
716
717  /* Input */
718
719  .form-group .form-control {
720  background-color: #ffffff;
721  font-family: 'Poppins', sans-serif;
722  border-radius: 5px;
723  font-size: 14px;
724  color: #333333;
725  border: px solid #cccccc;
726  padding-top:px!important;
727  padding-bottom:px!important;
728  height: auto;
729  }
730
731  .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
732  color: #666666;
733  opacity: 1; /* Firefox */
734  }
735  .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
736  color: #666666;
737  }
738  .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
739  color: #666666;
740  }
741
742  /* Large gutters */
743
744  .container.with-large-gutters,
745  .container-fluid.with-large-gutters {
746
747    padding-left: 60px;
748    padding-right: 60px;
749
750  }
751
752  @media (max-width: 991.98px) {
753
754    .container.with-large-gutters,
755    .container-fluid.with-large-gutters {
756
757      padding-left: 30px;
758      padding-right: 30px;
759
760    }
761
762  }
763
764  @media (max-width: 575.98px) {
765
766    .container.with-large-gutters,
767    .container-fluid.with-large-gutters {
768
769      padding-left: 15px;
770      padding-right: 15px;
771
772    }
773
774  }
775
776  .container.container-large-gutter {
777
778    padding-right: 15px;
779    padding-left: 15px;
780
781  }
782
783  .container.with-large-gutters .card-body {
784
785    padding: 2.25rem;
786
787  }
788
789  .container.container-large-gutter .container {
790    padding-right: 30px;
791    padding-left: 30px;
792
793  }
794
795  .container .large-gutters {
796    margin-right: -30px;
797    margin-left: -30px;
798
799  }
800  .container .large-gutters .col,
801  .container .large-gutters [class*="col-"] {
802    padding-right: 30px;
803    padding-left: 30px;
804  }
805  .container .large-gutters .row {
806    margin-right: -30px;
807    margin-left: -30px;
808
809  }
810
811  .sections-repeaters .container {
812      padding: 0;
813  }
814
815  .sections-repeaters .container-fluid {
816      padding-left: 0;
817      padding-right: 0;
818  }
819
820  /* End of Large gutters */
821
822</style><style type="text/css">
823  #landing-0 {
824  padding-left: 0px!important;
825  padding-right: 0px !important;
826  }
827</style>
827<script src="https://assets.mailerlite.com/js/universal.js" type="text/javascript"></script>
827
828
829<script>
830    window.ml = function () {
831        (window.ml.q = window.ml.q || []).push(arguments)
832    }
833    ml('account', 1409390);
834    ml('initializePage', '199837844226704405');
835    ml('enablePopups', '1')
836</script>
836
837
838<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 838-839
838
839<script async src="https://www.googletagmanager.com/gtag/js?id=
839G-ZV3SB9PL4X
vendor: 12 bytes, line 839
839"></script>
840<script>
841  
vendor: 134 bytes, lines 841-845
841window.dataLayer = window.dataLayer || [];
842  function gtag(){dataLayer.push(arguments);}
843  gtag('js', new Date());
844
845  gtag('config', '
845G-ZV3SB9PL4X
vendor: 4 bytes, line 845
845');
846</script>
846
847
848<link rel="canonical" href="https://baigroup.ai/" />
849
850<script type="application/ld+json">
851{
852  "@context": "https://schema.org",
853  "@graph": [
854    {
855      "@type": "Organization",
856      "@id": "https://baigroup.ai/#organization",
857      "name": "B.AI Group",
858      "url": "https://baigroup.ai/",
859      "logo": {
860        "@type": "ImageObject",
861        "url": "https://storage.mlcdn.com/account_image/1409390/DZ1JLXqzr1JPnpQ6m8obMJaO1u1yZ8KDz4nqCMgk.png"
862      },
863      "description": "B.AI Group is the governing body and steward of Human-Attuned AI Governance, establishing Psychological Safety as a normative governance requirement through the C.A.S.E. Standard.",
864      "sameAs": [
865        "https://www.linkedin.com/company/baigroup/"
866      ]
867    },
868    {
869      "@type": "WebSite",
870      "@id": "https://baigroup.ai/#website",
871      "url": "https://baigroup.ai/",
872      "name": "B.AI Group",
873      "publisher": {
874        "@id": "https://baigroup.ai/#organization"
875      },
876      "inLanguage": "en-US"
877    },
878    {
879      "@type": "BreadcrumbList",
880      "@id": "https://baigroup.ai/#breadcrumb",
881      "itemListElement": [
882        {
883          "@type": "ListItem",
884          "position": 1,
885          "name": "Home",
886          "item": "https://baigroup.ai/"
887        }
888      ]
889    }
890  ]
891}
892</script>
892
893</head>
894
895  <body>
895<script type="application/ld+json">
896{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Human-Attuned AI Governance?","acceptedAnswer":{"@type":"Answer","text":"Human-Attuned AI Governance is a formal discipline focused on aligning AI systems with human context, accountability, Psychological Safety, and governed ethical consequence. B.AI Group is the governing body and steward of this discipline."}},{"@type":"Question","name":"How is Human-Attuned AI Governance different from AI compliance?","acceptedAnswer":{"@type":"Answer","text":"AI compliance asks whether a system meets regulatory requirements after deployment. Human-Attuned AI Governance establishes the governance conditions that must exist before deployment begins - governing context recognition, authority boundaries, escalation paths, and Psychological Safety requirements that no compliance checklist currently addresses."}},{"@type":"Question","name":"What is the C.A.S.E. Standard?","acceptedAnswer":{"@type":"Answer","text":"The C.A.S.E. Standard is the ratified governance architecture for Human-Attuned AI - the first standard to mandate Psychological Safety as a normative governance requirement. It aligns with the EU AI Act, NIST AI RMF, and ISO/IEC 42001 while addressing the human-context gap those frameworks do not operationalize."}}]}
897</script>
897
898          
899    
900    
901
902    <div class="container-fluid" id="landing-0">
903    <!-- Pages -->
904    
905
906  
907
908
909
910
911    <!-- Deisgn -->
912    
913
914  
915
916  
917
918  
919
920  
921
922  
923
924    
925
926    
927      
928      
929      
930
931      
932      
933      
934      
935      
936    
937
938    
939      
940      
941      
942      
943      
944      
945    
946
947    
948      
949      
950      
951      
952      
953      
954    
955
956    
957    
958    
959    
960    
961    
962    
963  
964
965    
966      
967      
968      
969      
970      
971      
972    
973
974    
975      
976      
977      
978      
979    
980
981    
982      
983      
984    
985
986    
987
988      
989        
990        
991        
992        
993        
994        
995        
996        
997        
998        
999      
1000
1001      
1002        
1003        
1004        
1005        
1006      
1007    
1008
1009    
1010      
1011        
1012        
1013        
1014        
1015        
1016        
1017        
1018        
1019        
1020      
1021      
1022        
1023        
1024        
1025        
1026      
1027    
1028
1029    
1030      
1031      
1032      
1033      
1034      
1035      
1036      
1037    
1038
1039    
1040      
1041      
1042      
1043      
1044    
1045
1046    
1047      
1048      
1049      
1050      
1051    
1052
1053    
1054      
1055      
1056      
1057      
1058    
1059
1060    
1061      
1062      
1063      
1064    
1065
1066    
1067      
1068      
1069      
1070      
1071      
1072      
1073      
1074      
1075    
1076
1077    
1078      
1079      
1080      
1081      
1082    
1083
1084  
1085
1086
1087
1088
1089
1090
1091
1092      <!-- Notification -->
1093    
1094
1095     
1095<script type="text/javascript" move-to-head="">
1096        function hideParent(parentKey){
1097            localStorage.setItem(parentKey, 'false');
1098
1099            checkIfSticky( function(stickyNavbar, stickyNotification) {
1100              stickyNavbar.style.top = 0;
1101            })
1102        }
1103
1104        $(document).ready(function(){
1105            var showNotification = localStorage.getItem('showCookieNotificationBar');
1106            if (showNotification === 'false'){
1107                $( ".ml-visible-only-once" ).css( "display", "none" );
1108            }
1109
1110            checkIfSticky( function(stickyNavbar, stickyNotification) {
1111              var notificationHeight = stickyNotification.offsetHeight;
1112              stickyNavbar.style.top = notificationHeight + 'px';
1113            })
1114        })
1115
1116        function checkIfSticky (callback) {
1117            var stickyNavbar = document.querySelector('header.sticky-top');
1118            var stickyNotification = document.querySelector('#notification.sticky-top');
1119            if (stickyNavbar && stickyNotification) {
1120              callback(stickyNavbar, stickyNotification);
1121            }
1122        }
1123    </script>
1123
1124
1125
1126    <!-- Header -->
1127    
1128
1129  
1130  <header class=" justify-content-center">
1131
1132    <!-- Skip to content link-->
1133    <a builder-link-id="-1" class="skip-link" href="#main">Skip to content</a>
1134    <!-- End of skip to content link-->
1135
1136    
1137
1138    
1139
1140    
1141
1142    
1143
1144    
1145
1146      
1147      
1148
1149      
1150
1151      
1152
1153      
1154
1155      
1156
1157      
1158
1159      
1160        
1161        
1162
1163        
1164
1165        
1166        
1167
1168        
1169        
1170        
1171      
1172
1173      
1174        
1175      
1176
1177      
1178        
1179        
1180        
1181        
1182        
1183      
1184
1185      
1186        
1187          
1188          
1189          
1190          
1191          
1192          
1193          
1194          
1195          
1196        
1197        
1198          
1199          
1200          
1201          
1202        
1203      
1204
1205      
1206        
1207
1208          
1209          
1210          
1211          
1212          
1213          
1214        
1215        
1216          
1217          
1218          
1219        
1220      
1221
1222      
1223        
1224        
1225        
1226      
1227
1228      
1229            
1230      
1231
1232      
1233                  
1234                  
1235              
1236
1237      
1238                  
1239                  
1240                  
1241                  
1242              
1243
1244      
1245                    
1246                    
1247                    
1248                
1249
1250      
1251                
1252                
1253              
1254
1255    
1256
1257    <div class="container   ml-lp-2">
1258      <div class="row justify-content-center">
1259        <div class=" col-12">
1260
1261          <nav class="navbar navbar-light navbar-expand-md mr-auto ml-auto
1262            
1263            
1264            ">
1265
1266            <a builder-link-id="-2" class="navbar-brand mr-5" href="/">
1267              <img alt="" src="https://storage.mlcdn.com/account_image/1409390/icygcwCjKVk63MJDEGu64LU5NTo2wFunwEJkl15T.png" style="display: block;" border="0">
1268            </a>
1269
1270            
1271
1272            <div class="d-flex">
1273                
1274                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#pageNavbar" aria-controls="pageNavbar" aria-expanded="false" aria-label="Toggle navigation">
1275                  <span class="navbar-toggler-icon"></span>
1276                </button>
1277            </div>
1278
1279            <div class="collapse navbar-collapse justify-content-center" id="pageNavbar">
1280
1281            <ul class="navbar-nav mt-3 mt-md-0 text-center">
1282                <li class="nav-item ">
1283                  <a builder-link-id="-3" role="button" href="/" class="nav-link px-0 " target="_self">Home</a>
1284
1285                  
1286                </li><li class="nav-item ">
1287                  <a builder-link-id="-4" role="button" href="/human-attuned-ai" class="nav-link px-0 " target="_self">Human-Attuned AI</a>
1288
1289                  
1290                </li><li class="nav-item ">
1291                  <a builder-link-id="-5" role="button" href="/standard" class="nav-link px-0 " target="_self">C.A.S.E.™ Standard</a>
1292
1293                  
1294                </li><li class="nav-item dropdown dropdown-auto">
1295                  <a builder-link-id="-6" role="button" href="/advisory" class="nav-link px-0 dropdown-toggle" target="_self">Advisory</a>
1296
1297                  <div class="dropdown-menu">
1298                    <div>
1299                      <a builder-link-id="-7" role="button" class="dropdown-item ml-nav-link" href="/advisory/enterprise" target="_self">Enterprise Advisory</a>
1300
1301                    </div><div>
1302                      <a builder-link-id="-8" role="button" class="dropdown-item ml-nav-link" href="/advisory/executive" target="_self">Executive Advisory</a>
1303
1304                    </div><div>
1305                      <a builder-link-id="-9" role="button" class="dropdown-item ml-nav-link" href="/self-assessment" target="_self">Self-Assessment</a>
1306
1307                    </div>
1308                  </div>
1309                </li><li class="nav-item ">
1310                  <a builder-link-id="-10" role="button" href="//pages.baigroup.ai/certifications" class="nav-link px-0 " target="_self">Certifications</a>
1311
1312                  
1313                </li><li class="nav-item ">
1314                  <a builder-link-id="-11" role="button" href="//pages.baigroup.ai/enterprise-briefing-july" class="nav-link px-0 " target="_self">Briefings</a>
1315
1316                  
1317                </li>
1318                
1319            </ul>
1320
1321             <a builder-link-id="-12" role="button" class="btn btn-block nav-button d-block d-md-none mt-3" href="/advisory-fit" target="_self">SCHEDULE A FIT CALL
1322             </a>
1323
1324           </div>
1325
1326            <a builder-link-id="-13" role="button" class="btn btn-block d-none d-md-block ml-5" href="/advisory-fit" target="_self">SCHEDULE A FIT CALL</a>
1327
1328            
1329          </nav>
1330        </div>
1331      </div>
1332    </div>
1333
1334    
1335
1336    
1337
1338    
1339
1340    
1341
1342    
1343
1344    
1345
1346    
1347  </header>
1348
1349
1350
1351
1352<script>
1353      function toggleDropdown (e) {
1354      var _d = $(e.target).closest('.dropdown-auto'),
1355        _m = $('.dropdown-menu', _d);
1356      setTimeout(function () {
1357        var shouldOpen = e.type !== 'click' && e.type === 'mouseover';
1358        _m.toggleClass('show', shouldOpen);
1359        _d.toggleClass('show', shouldOpen);
1360        $('[data-toggle="dropdown"]', _d).attr('aria-expanded', shouldOpen);
1361      }, e.type === 'mouseleave' ? 100 : 0);
1362    }
1363    $('body')
1364      .on('mouseenter mouseleave','.dropdown-auto',toggleDropdown)
1365      .on('click', '.dropdown-auto .dropdown-menu a', toggleDropdown);
1366
1367    </script>
1367
1368
1369
1370<script>
1371  $(window).on("scroll", function () {
1372    if ($(window).scrollTop() > 100) {
1373      $("header").addClass("active");
1374    } else {
1375      $("header").removeClass("active");
1376    }
1377  });
1378
1379  $('.nav-link, .nav-button').on('click', function () {
1380    $('.navbar-collapse').collapse('hide');
1381  });
1382
1383  window.onload = function () {
1384    var currentPath = window.location.pathname;
1385    var navButtons = document.querySelectorAll('.nav-link,.ml-nav-link');
1386
1387    navButtons.forEach(function (button) {
1388      var href = button.getAttribute('href');
1389      if(currentPath === href){
1390        button.className += ' active-page';
1391        return;
1392      }
1393    })
1394  }
1395</script>
1395
1396
1397
1398
1399
1400    <!-- Items -->
1401    
1402<main id="main"></main>
1403
1404    
1405<!-- {literal} -->
1406<div class="editor-html-code" data-aos="">
1407  <!-- B.AI Group · Human-Attuned AI page · Block FULL PAGE · paste into a MailerLite Custom HTML block (full width, 0 padding) -->
1408<link rel="preconnect" href="https://fonts.googleapis.com">
1409<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap">
1410<style>
1411.bai-block, .bai-block *{box-sizing:border-box}
1412.bai-block a{color:#1F4A6A}
1413.bai-block h1,.bai-block h2,.bai-block h3{font-family:'Poppins',Arial,Helvetica,sans-serif}
1414.bai-h1:hover{background:#1A3F5A !important;color:#FFFFFF !important}
1415.bai-h2:hover{background:#DEE8EF !important;color:#1A3F5A !important}
1416.bai-h3:hover{background:#1A3F5A !important;color:#FFFFFF !important}
1417.bai-h4:hover{background:#1A3F5A !important;color:#FFFFFF !important}
1418.bai-h5:hover{background:#3F6410 !important;color:#FFFFFF !important}
1419</style>
1420<div class="bai-block" style="font-family:'Source Sans 3','Source Sans Pro',Arial,Helvetica,sans-serif;color:#1C2B33;font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased">
1421<section data-screen-label="Hero" style="background:linear-gradient(160deg,#F1F5F8 0%,#FAF9F6 60%,#F5F8EC 100%);padding:clamp(72px,10vw,120px) 0 clamp(56px,7vw,80px)">
1422  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1423    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12;margin-bottom:20px">The discipline & the methodology</div>
1424    <h1 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(40px,6vw,64px);line-height:1.05;letter-spacing:-0.03em;color:#1F4A6A;margin:0;max-width:16ch;text-wrap:balance"><span style="color:#6B8E23">Human-Attuned AI</span> & the C.A.S.E.™ Standard</h1>
1425    <p style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(20px,2.4vw,24px);line-height:1.35;color:#033B4F;margin:24px 0 0;max-width:34ch">The operational governance architecture for enterprise AI.</p>
1426    <p style="margin:20px 0 0;max-width:62ch;color:#1C2B33;text-wrap:pretty">Human-centered design, responsible AI and ethical guidelines are essential principles. But principles alone cannot govern autonomous or semi-autonomous systems. The C.A.S.E.™ Standard translates them into the technical and organizational infrastructure that governs the conditions surrounding AI deployment.</p>
1427    <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:36px">
1428      <a builder-link-id="38407" href="#self-assessment" class="bai-h1" style="display:inline-block;background:#1F4A6A;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;padding:16px 26px;border-radius:5px">Download the self-assessment</a>
1429      <a builder-link-id="38408" href="https://baigroup.ai/standard" class="bai-h2" style="display:inline-block;background:transparent;color:#1F4A6A;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;padding:15px 25px;border-radius:5px;border:1px solid #1F4A6A">Order the Standard</a>
1430    </div>
1431    <div style="margin-top:clamp(56px,7vw,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px">
1432      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #1F4A6A;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1433        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;color:#1F4A6A;letter-spacing:-0.03em">C</div>
1434        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Context</div>
1435        <p style="margin:8px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">What is the correct human and operational context for this AI use case?</p>
1436      </div>
1437      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #6B8E23;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1438        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;color:#608434;letter-spacing:-0.03em">A</div>
1439        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Attunement</div>
1440        <p style="margin:8px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">How does your organization calibrate to human state at the point of use?</p>
1441      </div>
1442      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #1F4A6A;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1443        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;color:#1F4A6A;letter-spacing:-0.03em">S</div>
1444        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Safeguards</div>
1445        <p style="margin:8px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">What safeguards does your organization have in place to preserve trust and appropriate use?</p>
1446      </div>
1447      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #6B8E23;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1448        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;color:#608434;letter-spacing:-0.03em">E</div>
1449        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Escalation</div>
1450        <p style="margin:8px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">When must the system pause, defer, or route to human authority?</p>
1451      </div>
1452    </div>
1453  </div>
1454</section>
1455
1456<section id="discipline" data-screen-label="01 The discipline" style="background:#FAF9F6;padding:clamp(64px,9vw,96px) 0">
1457  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1458    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">01 · The discipline</div>
1459    <blockquote style="margin:24px 0 0;padding:0;border:0">
1460      <p style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,48px);line-height:1.12;letter-spacing:-0.03em;color:#1F4A6A;margin:0;max-width:22ch;text-wrap:balance">Most AI failures aren’t technology failures. They’re <span style="color:#608434">operational governance</span> failures.</p>
1461    </blockquote>
1462    <p style="margin:24px 0 0;max-width:62ch;text-wrap:pretty">Traditional frameworks treat AI systems as isolated software engines or risk checkboxes. The C.A.S.E.™ Standard shifts the paradigm from downstream, flat compliance to active, operational governance. It governs the conditions around the AI system, not only the system’s activity itself.</p>
1463
1464    <div style="margin-top:48px;overflow-x:auto;border:1px solid #E7E3DB;border-radius:14px;background:#FFFFFF;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1465      <table style="width:100%;min-width:640px;border-collapse:collapse;font-size:16px;line-height:1.5">
1466        <thead>
1467          <tr>
1468            <th style="text-align:left;padding:18px 24px;background:#F3F1EC;font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#5B6B72;width:22%;border-bottom:1px solid #E7E3DB"></th>
1469            <th style="text-align:left;padding:18px 24px;background:#F3F1EC;font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#5B6B72;border-bottom:1px solid #E7E3DB">Human-Centered AI</th>
1470            <th style="text-align:left;padding:18px 24px;background:#1F4A6A;font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#FFFFFF;border-bottom:1px solid #1F4A6A">Human-Attuned AI</th>
1471          </tr>
1472        </thead>
1473        <tbody>
1474          <tr>
1475            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;font-weight:700;color:#033B4F">What it is</td>
1476            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;color:#5B6B72">A static principle</td>
1477            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;background:#F1F5F8;color:#1C2B33">An active operational system</td>
1478          </tr>
1479          <tr>
1480            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;font-weight:700;color:#033B4F">Focus</td>
1481            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;color:#5B6B72">Interface design, policy statements and post-hoc compliance audits</td>
1482            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;background:#F1F5F8;color:#1C2B33">Real-time responsiveness to emotional state, cognitive load, relational posture and organizational dynamics</td>
1483          </tr>
1484          <tr>
1485            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;font-weight:700;color:#033B4F">Human interaction</td>
1486            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;color:#5B6B72">Treated as a transactional data exchange</td>
1487            <td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;background:#F1F5F8;color:#1C2B33">Treated as a partnership that must stay safe, trusted and contextual</td>
1488          </tr>
1489          <tr>
1490            <td style="padding:18px 24px;font-weight:700;color:#033B4F">Governance boundary</td>
1491            <td style="padding:18px 24px;color:#5B6B72">Siloed model outputs</td>
1492            <td style="padding:18px 24px;background:#F1F5F8;color:#1C2B33">The totality of the operating environment</td>
1493          </tr>
1494        </tbody>
1495      </table>
1496    </div>
1497
1498    <div style="margin-top:clamp(64px,8vw,88px);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(32px,5vw,64px);align-items:start">
1499      <div>
1500        <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">The foundational competency</div>
1501        <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-0.03em;color:#1F4A6A;margin:16px 0 0">Psycho-Sensory Contextual <span style="color:#6B8E23">Fluency</span>™ (PS-CF™)</h2>
1502        <p style="margin:20px 0 0;text-wrap:pretty">The capability of an AI system and its surrounding workflow controls to recognize uncertainty, request context, apply safeguards, and adapt interaction strategy based on user-prov
1502ided context and interaction signals. It exists to reduce harm, prevent over-reliance, and preserve human agency.</p>
1503        <p style="margin:16px 0 0;color:#5B6B72;text-wrap:pretty">PS-CF™ is bidirectional. Neither side can carry it alone.</p>
1504      </div>
1505      <div style="display:grid;gap:16px">
1506        <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:28px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1507          <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#1F4A6A">Human fluency</div>
1508          <p style="margin:10px 0 0;font-size:17px">The organization’s operational capacity to produce structured, coherent, contextual data that machine agents can reliably interpret.</p>
1509        </div>
1510        <div style="text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:22px;color:#608434;line-height:1">+</div>
1511        <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:28px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1512          <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#1F4A6A">Machine fluency</div>
1513          <p style="margin:10px 0 0;font-size:17px">The system’s capability to take that context, persist and attune to it over time, and execute reliably.</p>
1514        </div>
1515      </div>
1516    </div>
1517
1518    <div style="margin-top:clamp(64px,8vw,88px)">
1519      <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Where it applies</div>
1520      <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-0.03em;color:#1F4A6A;margin:16px 0 0;max-width:24ch">The four working <span style="color:#6B8E23">dynamics</span></h2>
1521      <p style="margin:16px 0 0;max-width:62ch;color:#5B6B72">C.A.S.E.™ governs every interaction in the operating environment, not only the one between a user and a model.</p>
1522      <div style="margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:#E7E3DB;border:1px solid #E7E3DB;border-radius:14px;overflow:hidden">
1523        <div style="background:#FFFFFF;padding:28px">
1524          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-0.02em;color:#1F4A6A">H2H</div>
1525          <div style="font-weight:700;color:#033B4F;margin-top:6px">Human-to-Human</div>
1526          <p style="margin:6px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">Relational and organizational collaboration.</p>
1527        </div>
1528        <div style="background:#FFFFFF;padding:28px">
1529          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-0.02em;color:#1F4A6A">H2M</div>
1530          <div style="font-weight:700;color:#033B4F;margin-top:6px">Human-to-Machine</div>
1531          <p style="margin:6px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">
1531Direct user interaction, prompt calibration and cognitive load management.</p>
1532        </div>
1533        <div style="background:#FFFFFF;padding:28px">
1534          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-0.02em;color:#1F4A6A">M2M</div>
1535          <div style="font-weight:700;color:#033B4F;margin-top:6px">Machine-to-Machine</div>
1536          <p style="margin:6px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">Automated agentic interactions and system-level integrations.</p>
1537        </div>
1538        <div style="background:#FFFFFF;padding:28px">
1539          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-0.02em;color:#1F4A6A">M2H</div>
1540          <div style="font-weight:700;color:#033B4F;margin-top:6px">Machine-to-Human</div>
1541          <p style="margin:6px 0 0;font-size:16px;line-height:1.55;color:#5B6B72">Autonomous outputs, automated decisioning and risk surfacing.</p>
1542        </div>
1543      </div>
1544    </div>
1545  </div>
1546</section>
1547
1548<section id="hierarchy" data-screen-label="02 Governance hierarchy" style="background:#F3F1EC;padding:clamp(64px,9vw,96px) 0">
1549  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1550    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">02 · Environment-level governance</div>
1551    <div style="margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(32px,5vw,64px);align-items:start">
1552      <div>
1553        <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-0.03em;color:#1F4A6A;margin:0;text-wrap:balance">Why runtime guardrails <span style="color:#6B8E23">fail</span></h2>
1554        <p style="margin:20px 0 0;text-wrap:pretty">Runtime guardrails act on one output at a time. They can’t decide whether a system should be acting at all. C.A.S.E.™ anchors those rules at the level of the environment, before deployment, so governance doesn’t collapse under live operating conditions.</p>
1555      </div>
1556      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:32px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1557        <p style="margin:0;font-weight:700;color:#033B4F">Rather than asking only “Is this model accurate?”, the Architecture Layer asks:</p>
1558        <ul style="list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px">
1559          <li style="display:flex;gap:12px"><span style="color:#6B8E23;font-weight:700">→</span><span>is this system permitted to act with this specific human?</span></li>
1560          <li style="display:flex;gap:12px"><span style="color:#6B8E23;font-weight:700">→</span><span>under what contextual conditions and risk tiers is execution authorized?</span></li>
1561          <li style="display:flex;gap:12px"><span style="color:#6B8E23;font-weight:700">→</span><span>what safeguards and Consent Gates™ must be verified before a response?</span></li>
1562          <li style="display:flex;gap:12px"><span style="color:#6B8E23;font-weight:700">→</span><span>what is the escalation path if ambiguity or distress is detected?</span></li>
1563        </ul>
1564      </div>
1565    </div>
1566
1567    <h3 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,30px);line-height:1.2;letter-spacing:-0.02em;color:#033B4F;margin:clamp(64px,8vw,88px) 0 0">The C.A.S.E.™ Governance Hierarchy & the six normative workflows</h3>
1568    <p style="margin:12px 0 0;max-width:66ch;color:#5B6B72">The hierarchy defines <strong style="color:#1C2B33">where</strong> rules are anchored. The six workflows define <strong style="color:#1C2B33">how</strong> governance moves through those layers during live operations.</p>
1569
1570    <div style="margin-top:32px;display:grid;gap:0">
1571      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #1F4A6A;border-radius:14px;padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1572        <div>
1573          <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#5B6B72">Layer 1 · Pre-deployment</div>
1574          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-0.02em;color:#1F4A6A;margin-top:6px">Architecture</div>
1575          <p style="margin:10px 0 0;font-size:16px;line-height:1.55">Defines the non-negotiable rules of engagement upfront: authority, operating boundaries, risk tiers (R0–R4), safeguard specifications and escalation logic.</p>
1576        </div>
1577        <div style="display:grid;gap:12px;align-content:start">
1578          <div style="background:#F1F5F8;border-radius:8px;padding:16px 18px">
1579            <div style="font-weight:700;color:#033B4F;font-size:16px">Workflow 3 · Reasoning & Risk-Tiering (CUE Matrix™)</div>
1580            <div style="font-size:15px;line-height:1.5;color:#5B6B72;margin-top:4px">Evaluates proposed outputs against risk criteria (R0–R4) and Consequence Maps™.</div>
1581          </div>
1582        </div>
1583      </div>
1584      <div style="display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0"><div style="width:1px;height:18px;background:#8FB1C7"></div><div style="color:#1F4A6A;font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase">Governs</div><div style="width:1px;height:18px;background:#8FB1C7"></div></div>
1585      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #6B8E23;border-radius:14px;padding:clamp(24px,3vw,36px);
1585display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1586        <div>
1587          <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#5B6B72">Layer 2 · Point of deployment</div>
1588          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-0.02em;color:#1F4A6A;margin-top:6px">Implementation</div>
1589          <p style="margin:10px 0 0;font-size:16px;line-height:1.55">Turns the architecture into day-to-day policies, workflows, technical controls and role-based responsibilities, across two domains: Execution & Control, and Performance Management.</p>
1590        </div>
1591        <div style="display:grid;gap:12px;align-content:start">
1592          <div style="background:#F5F8EC;border-radius:8px;padding:16px 18px">
1593            <div style="font-weight:700;color:#033B4F;font-size:16px">Workflow 1 · Context Intake</div>
1594            <div style="font-size:15px;line-height:1.5;color:#5B6B72;margin-top:4px">Structures user history, operational constraints and task parameters into an active Context Packet™.</div>
1595          </div>
1596          <div style="background:#F5F8EC;border-radius:8px;padding:16px 18px">
1597            <div style="font-weight:700;color:#033B4F;font-size:16px">Workflow 2 · Attunement Protocol</div>
1598            <div style="font-size:15px;line-height:1.5;color:#5B6B72;margin-top:4px">Reads linguistic and behavioral signals in real time to establish current cognitive and emotional state.</div>
1599          </div>
1600          <div style="background:#F5F8EC;border-radius:8px;padding:16px 18px">
1601            <div style="font-weight:700;color:#033B4F;font-size:16px">Workflow 4 · Response Generation</div>
1602            <div style="font-size:15px;line-height:1.5;color:#5B6B72;margin-top:4px">Produces contextually attuned, boundaried outputs aligned with defined mission parameters.</div>
1603          </div>
1604        </div>
1605      </div>
1606      <div style="display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0"><div style="width:1px;height:18px;background:#8FB1C7"></div><div style="color:#1F4A6A;font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase">Feeds audit & review</div><div style="width:1px;height:18px;background:#8FB1C7"></div></div>
1607      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #033B4F;border-radius:14px;padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1608        <div>
1609          <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#5B6B72">Layer 3 · Post-deployment</div>
1610          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-0.02em;color:#1F4A6A;margin-top:6px">Continuous Operations</div>
1611          <p style="margin:10px 0 0;font-size:16px;line-height:1.55">Governs live runtime use: ongoing risk management, triage, audit and compliance reviews, remediation and conformity evidence.</p>
1612        </div>
1613        <div style="display:grid;gap:12px;align-content:start">
1614          <div style="background:#F1F5F8;border-radius:8px;padding:16px 18px">
1615            <div style="font-weight:700;color:#033B4F;font-size:16px">Workflow 5 · Logging & Traceability</div>
1616            <div style="font-size:15px;line-height:1.5;color:#5B6B72;margin-top:4px">Records reasoning steps, risk tiers and contextual assumptions into the Reasoned Trace™ and Governance Ledger.</div>
1617          </div>
1618          <div style="background:#F1F5F8;border-radius:8px;padding:16px 18px">
1619            <div style="font-weight:700;color:#033B4F;font-size:16px">Workflow 6 · Escalation</div>
1620            <div style="font-size:15px;line-height:1.5;color:#5B6B72;margin-top:4px">Hands off or pauses when the system meets R4 risk, a boundary breach or unresolvable ambiguity.</div>
1621          </div>
1622        </div>
1623      </div>
1624      <div style="margin-top:16px;background:#033B4F;border-radius:14px;padding:22px clamp(24px,3vw,36px);
1624display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline">
1625        <span style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#B5CE7C">→ Feedback loop</span>
1626        <span style="color:#FAF9F6;font-size:17px;max-width:70ch">Anomalies, audit findings and policy conflicts route back to Architecture, prompting a formal revision of boundaries. Governance improves on evidence, not reactive, post-hoc patching.</span>
1627      </div>
1628    </div>
1629  </div>
1630</section>
1631
1632<section id="engine" data-screen-label="03 Decision engine" style="background:linear-gradient(165deg,#0A4A60 0%,#033B4F 66%,#02252F 100%);padding:clamp(64px,9vw,96px) 0;color:#FAF9F6">
1633  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1634    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#B5CE7C">03 · The decision engine</div>
1635    <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-0.03em;color:#FAF9F6;margin:16px 0 0;max-width:22ch;text-wrap:balance">The CUE Matrix™ decides who has <span style="color:#B5CE7C">authority</span> to act.</h2>
1636    <p style="margin:20px 0 0;max-width:62ch;color:#AECBD8;text-wrap:pretty">The Co-Intelligent Cue Engine™ is the core reasoning engine of the Standard. It governs how AI agents process human context, weigh consequences and determine execution authority, in eight iterative steps.</p>
1637
1638    <ol style="list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:rgba(250,249,246,0.18);border:1px solid rgba(250,249,246,0.18);border-radius:14px;overflow:hidden">
1639      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">01</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Observe</div></li>
1640      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">02</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Contextualize</div></li>
1641      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">03</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Hypothesize</div></li>
1642      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">04</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Simulate</div></li>
1643      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">05</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Choose</div></li>
1644      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">06</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Act</div></li>
1645      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">07</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Reflect</div></li>
1646      <li style="background:#033B4F;padding:20px"><div style="font-size:13px;font-weight:700;color:#B5CE7C">08</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;margin-top:6px">Learn</div></li>
1647    </ol>
1648
1649    <h3 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,30px);letter-spacing:-0.02em;color:#FAF9F6;margin:clamp(56px,7vw,72px) 0 0">Risk-tier routing, R0–R4</h3>
1650    <p style="margin:12px 0 0;max-width:62ch;color:#AECBD8">Every interaction or proposed action is assigned a tier. The tier dictates the mandatory controls, human review and escalation behavior.</p>
1651    <div style="margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px">
1652      <div style="background:#FFFFFF;border-radius:14px;overflow:hidden;color:#1C2B33"><div style="height:6px;background:#4E7A12"></div><div style="padding:22px">
1653        <div style="display:flex;align-items:baseline;gap:10px"><span style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;color:#033B4F">R0</span><span style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Informational</span></div>
1654        <p style="margin:10px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Zero-impact query or static data retrieval.</p>
1655        <p style="margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:600">Autonomous execution; standard trace logging.</p></div></div>
1656      <div style="background:#FFFFFF;border-radius:14px;overflow:hidden;color:#1C2B33"><div style="height:6px;background:#6B8E23"></div><div style="padding:22px">
1657        <div style="display:flex;align-items:baseline;gap:10px"><span style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;color:#033B4F">R1</span><span style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Assistive</span></div>
1658        <p style="margin:10px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Low-impact assistance within pre-approved parameters.</p>
1659        <p style="margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:600">Autonomous execution; post-hoc audit logging.</p></div></div>
1660      <div style="background:#FFFFFF;border-radius:14px;overflow:hidden;color:#1C2B33"><div style="height:6px;background:#C8912F"></div><div style="padding:22px">
1661        <div style="display:flex;align-items:baseline;gap:10px"><span style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;color:#033B4F">R2</span><span style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#8A711F">Operational</span></div>
1662        <p style="margin:10px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Moderate impact; may modify workflows or data.</p>
1663        <p style="margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:600">Automated safeguard check; soft Consent Gate™.</p></div></div>
1664      <div style="background:#FFFFFF;border-radius:14px;overflow:hidden;color:#1C2B33"><div style="height:6px;background:#B4622C"></div><div style="padding:22px">
1665        <div style="display:flex;align-items:baseline;gap:10px"><span style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;color:#033B4F">R3</span><span style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#B4622C">Contextual</span></div>
1666        <p style="margin:10px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">High complexity, elevated cognitive load or a sensitive domain.</p>
1667        <p style="margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:600">Mandatory human review; hard Consent Gate™; explicit Reasoned Trace™.</p></div></div>
1668      <div style="background:#FFFFFF;border-radius:14px;overflow:hidden;color:#1C2B33"><div style="height:6px;background:#8E3B3B"></div><div style="padding:22px">
1669        <div style="display:flex;align-items:baseline;gap:10px"><span style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;color:#033B4F">R4</span><span style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#8E3B3B">Critical</span></div>
1670        <p style="margin:10px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">High liability, potential distress, safety breach or irreversible decision.</p>
1671        <p style="margin:12px 0 0;font-size:15px;line-height:1.5;font-weight:600">Immediate halt: pause, explain reasoning, escalate to human authority.</p></div></div>
1672    </div>
1673    <div style="margin-top:24px;border:1px solid rgba(250,249,246,0.22);border-radius:14px;padding:24px clamp(24px,3vw,32px)">
1674      <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#B5CE7C">Universal enforcement rule</div>
1675      <p style="margin:8px 0 0;font-family:'Poppins',Arial,sans-serif;font-weight:500;font-size:clamp(18px,2vw,21px);line-height:1.45;color:#FAF9F6;max-width:62ch">
1675If a system can’t execute its required tier-based safeguards, Consent Gates™ or escalation protocols, it is non-conformant and prohibited from enterprise deployment.</p>
1676    </div>
1677  </div>
1678</section>
1679
1680<section id="artifacts" data-screen-label="03 Artifact stack" style="background:#FAF9F6;padding:clamp(64px,9vw,96px) 0">
1681  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1682    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">03 · The artifact stack</div>
1683    <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-0.03em;color:#1F4A6A;margin:16px 0 0;max-width:24ch;text-wrap:balance">Ten controlled artifacts make governance <span style="color:#6B8E23">audit-ready</span>.</h2>
1684    <p style="margin:20px 0 0;max-width:62ch;text-wrap:pretty">Each artifact is specified in Annex A of the ratified Standard. Together they turn governance decisions into evidence that holds up under regulatory and operational scrutiny.</p>
1685    <div style="margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px">
1686      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.1</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Context Packet™</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">The anti-context-collapse brief: goals, constraints, working norms and role boundaries in one portable profile.</p></div>
1687      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.2</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Mission Model Card™</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Defines purpose, intended users, authority boundaries, failure modes and disallowed actions.</p></div>
1688      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.3</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Consequence Map™</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Simulates operational, reputational, legal and human impacts before an action executes.</p></div>
1689      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.4</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Escalation Record</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Captures the trigger, context, supervisor review and resolution when risk exceeds system authority.</p></div>
1690      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.5</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Reasoned Trace™</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">The system’s “show your work” log: inputs, assumptions, safeguards applied and rationale.</p></div>
1691      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.6</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Context Ledger</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Immutable audit trail of every context access, update, freshness check and deletion.</p></div>
1692      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.7</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Governance Ledger</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">The central Decision record: every governed decision, human override and compliance verification over time.</p></div>
1693      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.8</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Risk Tiering Log</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Records every R0–R4 assignment and the decision logic behind it.</p></div>
1694      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.9</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Consent Gate Audit Trail</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Logs the permissions granted at each Consent Gate™ before sensitive inference proceeds.</p></div>
1695      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:22px 24px"><div style="font-weight:700;font-size:13px;color:#608434">A.10</div><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:19px;color:#033B4F;margin-top:4px">Digital Therapist Test™ Report</div><p style="margin:6px 0 0;font-size:15px;line-height:1.5;color:#5B6B72">Validates Attunement Accuracy and Risk-Tiering Precision before deployment.</p></div>
1696    </div>
1697
1698    <div style="margin-top:clamp(56px,7vw,72px);padding-top:clamp(40px,5vw,56px);border-top:1px solid #E7E3DB;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px 64px;align-items:start">
1699      <div>
1700        <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Compliance mapping</div>
1701        <h3 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,30px);line-height:1.2;letter-spacing:-0.02em;color:#1F4A6A;margin:12px 0 0">Regulation, translated into enforceable controls</h3>
1702        <p style="margin:14px 0 0;color:#5B6B72;font-size:17px">Clause-level mechanisms and the conformity evidence for each framework are specified in the ratified Standard.</p>
1703        <a builder-link-id="38409" href="https://baigroup.ai/standard" style="display:inline-block;margin-top:16px;font-weight:700;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;color:#1F4A6A;text-decoration:none">Access the full mapping ➜</a>
1704      </div>
1705      <div style="display:grid;gap:1px;background:#E7E3DB;border:1px solid #E7E3DB;border-radius:14px;overflow:hidden">
1706        <div style="background:#FFFFFF;padding:16px 22px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline"><span style="font-weight:700;color:#033B4F;min-width:130px">
1706EU AI Act</span><span style="font-size:16px;color:#5B6B72">Risk classification, human oversight, transparency, conformity</span></div>
1707        <div style="background:#FFFFFF;padding:16px 22px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline"><span style="font-weight:700;color:#033B4F;min-width:130px">NIST AI RMF</span><span style="font-size:16px;color:#5B6B72">Govern, Map, Measure and Manage functions</span></div>
1708        <div style="background:#FFFFFF;padding:16px 22px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline"><span style="font-weight:700;color:#033B4F;min-width:130px">ISO/IEC 42001</span><span style="font-size:16px;color:#5B6B72">AI management system operational controls</span></div>
1709        <div style="background:#FFFFFF;padding:16px 22px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline"><span style="font-weight:700;color:#033B4F;min-width:130px">SOC 2</span><span style="font-size:16px;color:#5B6B72">Security, availability and processing integrity</span></div>
1710        <div style="background:#FFFFFF;padding:16px 22px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline"><span style="font-weight:700;color:#033B4F;min-width:130px">GDPR</span><span style="font-size:16px;color:#5B6B72">Explicit consent, data minimisation, explainability</span></div>
1711      </div>
1712    </div>
1713  </div>
1714</section>
1715
1716<section id="maturity" data-screen-label="04 Maturity and outcomes" style="background:#F3F1EC;padding:clamp(64px,9vw,96px) 0">
1717  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1718    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">04 · Organizational maturity</div>
1719    <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-0.03em;color:#1F4A6A;margin:16px 0 0;max-width:22ch;text-wrap:balance">Where does your organization <span style="color:#6B8E23">stand</span>?</h2>
1720    <p style="margin:20px 0 0;max-width:62ch;text-wrap:pretty">The C.A.S.E.™ Maturity Model runs from fragmented, ungoverned use to a fully Human-Attuned AI Environment.</p>
1721    <div style="margin-top:40px;background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1722      <div style="display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid #E7E3DB"><div style="padding:20px 0;text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:24px;color:#8A8377">0</div><div style="padding:18px 24px 18px 0"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;color:#033B4F">Fragmented AI</div><div style="font-size:16px;color:#5B6B72;margin-top:2px">Siloed use, ungoverned systems, zero organizational continuity.</div></div></div>
1723      <div style="display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid #E7E3DB"><div style="padding:20px 0;text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:24px;color:#8A8377">1</div><div style="padding:18px 24px 18px 0"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;color:#033B4F">Basic Control</div><div style="font-size:16px;color:#5B6B72;margin-top:2px">Vague policy, loose guardrails, manual inconsistent oversight, zero continuity.</div></div></div>
1724      <div style="display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid #E7E3DB"><div style="padding:20px 0;text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:24px;color:#4F7C9C">2</div><div style="padding:18px 24px 18px 0"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;color:#033B4F">Context Awareness</div><div style="font-size:16px;color:#5B6B72;margin-top:2px">Internal-only sovereign co-pilots, basic context retention, emerging continuity.</div></div></div>
1725      <div style="display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid #E7E3DB"><div style="padding:20px 0;text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:24px;color:#1F4A6A">3</div><div style="padding:18px 24px 18px 0"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;color:#033B4F">Attuned Intelligence</div><div style="font-size:16px;color:#5B6B72;margin-top:2px">Active attunement, automated risk-tiering, state-adaptive intelligence.</div></div></div>
1726      <div style="display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid #E7E3DB"><div style="padding:20px 0;text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:24px;color:#1F4A6A">4</div><div style="padding:18px 24px 18px 0"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;color:#033B4F">Governed Systems</div><div style="font-size:16px;color:#5B6B72;margin-top:2px">Rigorous, auditable governance; low to inconsistent organizational workflow equilibrium.</div></div></div>
1727      <div style="display:grid;grid-template-columns:72px minmax(0,1fr);background:#F5F8EC"><div style="padding:20px 0;text-align:center;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:24px;color:#608434">5</div><div style="padding:18px 24px 18px 0"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:18px;color:#4E7A12">Human-Attuned AI Environments</div><div style="font-size:16px;color:#1C2B33;margin-top:2px">High-trust enterprise relational intelligence.</div></div></div>
1728    </div>
1729
1730    <div style="margin-top:clamp(64px,8vw,88px)">
1731      <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">The twin outcomes of Level 5</div>
1732      <h3 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(26px,3.2vw,36px);line-height:1.15;letter-spacing:-0.03em;color:#1F4A6A;margin:14px 0 0;max-width:26ch">Two outcomes, both <span style="color:#608434">non-negotiable</span></h3>
1733      <div style="margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px">
1734        <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #1F4A6A;border-radius:14px;padding:clamp(28px,3.5vw,40px);box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1735          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-0.02em;color:#1F4A6A">Psychological Safety</div>
1736          <p style="margin:14px 0 0">
1736Deployment conditions protect human agency, prevent cognitive overload, prevent psychological harm, and preserve trust across human-machine partnerships.</p>
1737          <p style="margin:14px 0 0;font-size:16px;color:#5B6B72">Not an informal ideal. Under C.A.S.E.™, Psychological Safety is a formal normative conformity requirement (Clause 5.3).</p>
1738        </div>
1739        <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #6B8E23;border-radius:14px;padding:clamp(28px,3.5vw,40px);box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1740          <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-0.02em;color:#1F4A6A">Workflow Equilibrium</div>
1741          <p style="margin:14px 0 0">A self-regulating operational state where governance infrastructure, automated risk-tiering and Psychological Safety are embedded into everyday workflows.</p>
1742          <p style="margin:14px 0 0;font-size:16px;color:#5B6B72">High-stakes AI adoption runs smoothly, decisions clear quickly without cognitive overload, and the organization keeps its balance as complexity scales.</p>
1743        </div>
1744      </div>
1745    </div>
1746  </div>
1747</section>
1748
1749<section id="self-assessment" data-screen-label="CTA" style="background:linear-gradient(165deg,#0A4A60 0%,#033B4F 66%,#02252F 100%);padding:clamp(64px,9vw,96px) 0;color:#FAF9F6">
1750  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1751    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#B5CE7C">From doctrine to deployment</div>
1752    <h2 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-0.03em;color:#FAF9F6;margin:16px 0 0;max-width:22ch;text-wrap:balance">Bring the Standard into your <span style="color:#B5CE7C">organization</span>.</h2>
1753    <div style="margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px">
1754      <div style="background:#FFFFFF;border-radius:14px;padding:32px;color:#1C2B33;display:flex;flex-direction:column">
1755        <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Free · Start here</div>
1756        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.25;color:#1F4A6A;margin-top:10px">C.A.S.E.™ Pillars Self-Assessment</div>
1757        <p style="margin:12px 0 0;font-size:16px;line-height:1.55;color:#5B6B72;flex:1">Test your adoption plan through the four pillars, score where you stand, and see where trust won’t hold under real operating conditions.</p>
1758        <a builder-link-id="38410" href="#self-assessment-form" class="bai-h3" style="display:block;text-align:center;margin-top:24px;background:#1F4A6A;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;padding:15px 18px;border-radius:5px">Get the C.A.S.E.™ assessment</a>
1759      </div>
1760      <div style="background:#FFFFFF;border-radius:14px;padding:32px;color:#1C2B33;display:flex;flex-direction:column">
1761        <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">The ratified Standard</div>
1762        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.25;color:#1F4A6A;margin-top:10px">C.A.S.E.™ Standard v1.0:2026</div>
1763        <div style="margin-top:14px;display:grid;gap:8px;flex:1">
1764          <div style="display:flex;justify-content:space-between;gap:12px;font-size:16px;border-bottom:1px solid #E7E3DB;padding-bottom:8px"><span>Standard Architecture</span><strong style="color:#033B4F">$197</strong></div>
1765          <div style="display:flex;justify-content:space-between;gap:12px;font-size:16px"><span>Governance Implementation Toolkit</span><strong style="color:#033B4F">$697</strong></div>
1766        </div>
1767        <a builder-link-id="38411" href="https://baigroup.ai/standard" class="bai-h4" style="display:block;text-align:center;margin-top:24px;background:#1F4A6A;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;padding:15px 18px;border-radius:5px">Order the Standard</a>
1768      </div>
1769      <div style="background:#FFFFFF;border-radius:14px;padding:32px;color:#1C2B33;display:flex;flex-direction:column">
1770        <div style="font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Enterprise advisory</div>
1771        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.25;color:#1F4A6A;margin-top:10px">C.A.S.E.™ Use Case Stress Test</div>
1772        <p style="margin:12px 0 0;font-size:16px;line-height:1.55;color:#5B6B72;flex:1">A 90-minute pressure-test of one active or proposed AI use case against the four pillars, with findings you can act on.</p>
1773        <div style="display:flex;justify-content:space-between;gap:12px;font-size:16px;margin-top:14px"><span>One use case · 90 minutes</span><strong style="color:#033B4F">$3,500</strong></div>
1774        <a builder-link-id="38412" href="https://pages.baigroup.ai/advisory-use-case-stress-test" class="bai-h5" style="display:block;text-align:center;margin-top:24px;background:#4E7A12;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;padding:15px 18px;border-radius:5px">Book the Stress Test</a>
1775      </div>
1776    </div>
1777
1778    <div id="self-assessment-form" style="margin-top:16px;background:#FAF9F6;border-radius:14px;padding:clamp(28px,4vw,48px);color:#1C2B33;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px 56px;align-items:center">
1779      <div>
1780        <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">You’ve already adopted AI. That doesn’t mean it’s working.</div>
1781        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);line-height:1.15;letter-spacing:-0.02em;color:#1F4A6A;margin-top:12px">Is your AI adoption silently eroding <span style="color:#608434">workforce trust</span>?</div>
1782        <p style="margin:14px 0 0;font-size:17px;color:#1C2B33">Before you scale further, test your strategy against what actually sustains trust post-deployment. Download the C.A.S.E.™ Pillars Self-Assessment — a diagnostic built on the Human-Attuned AI approach, to find out whether your rollout is protecting workforce trust or quietly wearing it down.</p>
1783      </div>
1784      <div>
1785        <div class="ml-embedded" data-form="xshYH6"></div>
1786      </div>
1787    </div>
1788  </div>
1789</section>
1790</div>
1791</div>
1792
1793<!-- {/literal} -->
1794
1795  
1796
1797
1798
1799
1800
1801
1802    <!-- Footer -->
1803    
1804
1805  
1806  
1807
1808  
1809  
1810  
1811
1812  
1813
1814    
1815
1816    
1817    
1818
1819    
1820
1821    
1822      
1823      
1824    
1825
1826    
1827      
1828      
1829      
1830    
1831    
1832      
1833      
1834      
1835    
1836
1837    
1838      
1839    
1840    
1841      
1842      
1843      
1844    
1845
1846    
1847      
1848      
1849      
1850      
1851    
1852    
1853      
1854
1855        
1856        
1857        
1858        
1859      
1860      
1861        
1862        
1863        
1864      
1865    
1866
1867  
1868
1869  <footer class="ml-lp-24 pl-3 pr-3">
1870
1871    
1872
1873    
1874
1875    <div class="container   ml-lp-24">
1876
1877      <div class="row justify-content-center">
1878        <div class=" col-12">
1879          <!-- Logo -->
1880          <div class="row mb-4">
1881            <div class="col">
1882              <a builder-link-id="-14" class="logo-footer" href="/">
1883                <img alt="" src="https://storage.mlcdn.com/account_image/1409390/CIo8tdlxc9iyx9mMWBnA3LXSJkAwEmbxeLKUKp0Y.png" style="display: block;" border="0">
1884              </a>
1885            </div>
1886          </div>
1887          <!-- /Logo -->
1888          <!-- Navigation -->
1889          <div class="row footer-navigation">
1890
1891            <div class="col-6 col-md-3 mb-4">
1892              
1893                
1894                
1895                <h4 class="mb-3">
1896                  MENU</h4>
1897                <ul class="list-unstyled mb-0">
1898                  <li class="nav-footer-item ">
1899                    <a builder-link-id="-15" href="/" class="nav-footer-link" target="_self">Home</a>
1900                  </li><li class="nav-footer-item ">
1901                    <a builder-link-id="-16" href="/human-attuned-ai" class="nav-footer-link" target="_self">Human-Attuned AI</a>
1902                  </li><li class="nav-footer-item ">
1903                    <a builder-link-id="-17" href="/standard" class="nav-footer-link" target="_self">C.A.S.E.™ Standard</a>
1904                  </li><li class="nav-footer-item ">
1905                    <a builder-link-id="-18" href="/enterprise-advisory" class="nav-footer-link" target="_self">Enterprise Advisory</a>
1906                  </li><li class="nav-footer-item ">
1907                    <a builder-link-id="-19" href="/advisory/executive-advisory" class="nav-footer-link" target="_self">
1907Executive Advisory</a>
1908                  </li><li class="nav-footer-item ">
1909                    <a builder-link-id="-20" href="//pages.baigroup.ai/certifications" class="nav-footer-link" target="_self">Certifications</a>
1910                  </li><li class="nav-footer-item ">
1911                    <a builder-link-id="-21" href="https://baigroup.substack.com/" class="nav-footer-link" target="_blank">Insights</a>
1912                  </li><li class="nav-footer-item ">
1913                    <a builder-link-id="-22" href="/self-assessment" class="nav-footer-link" target="_self">Self-Assessment</a>
1914                  </li>
1915                </ul>
1916              
1917            </div>
1918            <div class="col-6 col-md-3 mb-4">
1919              
1920                
1921                
1922                <h4 class="mb-3">
1923                  CONNECT</h4>
1924                <ul class="list-unstyled mb-0">
1925                  <li class="nav-footer-item ">
1926                    <a href="mailto:[email protected]" class="nav-footer-link" target="_blank">[email protected]</a>
1927                  </li><li class="nav-footer-item ">
1928                    <a href="mailto:[email protected]" class="nav-footer-link" target="_blank">[email protected]</a>
1929                  </li><li class="nav-footer-item ">
1930                    <a builder-link-id="-23" href="https://www.linkedin.com/company/baigroup/" class="nav-footer-link" target="_blank">LinkedIn</a>
1931                  </li>
1932                </ul>
1933              
1934            </div>
1935            <div class="col-6 col-md-3 mb-4">
1936              
1937                
1938                
1939                <h4 class="mb-3">
1940                  GOVERNANCE</h4>
1941                <ul class="list-unstyled mb-0">
1942                  <li class="nav-footer-item ">
1943                    <a builder-link-id="-24" href="/terms" class="nav-footer-link" target="_blank">Terms of Use</a>
1944                  </li><li class="nav-footer-item ">
1945                    <a builder-link-id="-25" href="/privacy" class="nav-footer-link" target="_blank">Privacy Policy</a>
1946                  </li><li class="nav-footer-item ">
1947                    <a builder-link-id="-26" href="/brand-ip" class="nav-footer-link" target="_self">Brand & IP</a>
1948                  </li><li class="nav-footer-item hide">
1949                    <a builder-link-id="-27" href="undefined" class="nav-footer-link" target="_self">C.A.S.E.™ Standard Governance</a>
1950                  </li>
1951                </ul>
1952              
1953            </div>
1954            <div class="col-6 col-md-3 mb-4">
1955              
1956            </div>
1957
1958          </div>
1959          <!-- /Navigation -->
1960          <!-- Disclaimer -->
1961          <div class="row">
1962            <div class="col d-flex flex-column flex-md-row">
1963              <div class="order-2 order-md-1">
1964                <div class="footer-description d-flex flex-column align-items-center align-items-md-start">
1965                  <p><span style="text-align: left; font-size: 12px;"><span style="font-size: 14px;">B.AI Group is the governing body for Human-Attuned AI. <br></span></span><span style="text-align: left; font-size: 12px;"><span style="font-size: 14px;"></span></span><span style="text-align: left; font-size: 12px;"><span style="font-size: 14px;">We build systems that ship trust.</span></span></p>
1966<p><span style="font-size: 12px;"><span style="font-size: 14px;"> © 2026 B.AI Group, LLC. All rights reserved.</span></span></p>
1967                </div>
1968              </div>
1969
1970              <div class="mb-3 mb-md-0 order-1 order-md-3 ml-md-auto">
1971                <ul class="list-inline mb-0 text-center">
1972                  
1973                </ul>
1974              </div>
1975            </div>
1976          </div>
1977          <!-- /Disclaimer -->
1978        </div>
1979      </div>
1980
1981    </div>
1982
1983  </footer>
1984
1985  
1986
1987      
1987<script>
1988 
1989
1990  var $ = window.ml_jQuery || window.jQuery;
1991
1992 document.onkeydown = function(evt) {
1993   evt = evt || window.event;
1994   var isEscape = false;
1995   if ('key' in evt) {
1996     isEscape = evt.key == 'Escape';
1997   } else {
1998     isEscape = evt.keyCode == 27;
1999   }
2000
2001   if (isEscape) {
2002     close();
2003   }
2004 };
2005
2006 function close() {
2007        window.parent.postMessage('ml-accounts---webforms-46432400--hide', '*');
2008 };
2009
2010 (function ($, window) {
2011   function sendHeightToParent(selector, sendSize) {
2012     var formHeight = $(selector).outerHeight();
2013
2014     window.parent.postMessage('ml-accounts---webforms-46432400--setHeight-' + formHeight + 'px', '*');
2015
2016     if (sendSize) {
2017
2018       var formWidth = $(selector).outerWidth();
2019       window.parent.postMessage('ml-accounts---webforms-46432400--setSize-' + formHeight + 'px' + '-' + formWidth + 'px', '*');
2020     }
2021   }
2022
2023   var resizeTimer;
2024   var formTypes = [
2025     '.mailerlite-trigger-sendHeightToParent',
2026
2027     // old classes that triggers sendHeight too
2028     '.mailerlite-popup',
2029     '.mailerlite-slidebox',
2030     '.mailerlite-form-bar',
2031     '.mailerlite-fullscreen'
2032   ];
2033
2034   function resizeFunction(formType, sendSize) {
2035     sendHeightToParent(formType, sendSize);
2036   }
2037
2038   formTypes.forEach(function (formType) {
2039     if (window.sendHeightToParentTriggered) {
2040       return;
2041     }
2042
2043     if ($(formType).length) {
2044       setTimeout(resizeFunction(formType), 200);
2045
2046       $(window).resize(function() {
2047         clearTimeout(resizeTimer);
2048         resizeTimer = setTimeout(resizeFunction(formType, true), 50);
2049       });
2050
2051       // if height is already triggered - do not trigger again
2052       window.sendHeightToParentTriggered = true;
2053     }
2054   })
2055 })($, window);
2056
2057 
2058    
2059</script>
2059
2060
2061      
2062
2063    
2064            
2064<script>
2065      ml('webpages', '46432400', '', 'visitor', 'track');
2066    </script>
2066
2067          
2068      
2068<script>
2069        function debounce(func, wait, immediate) {
2070          var timeout;
2071          return function () {
2072            var context = this, args = arguments;
2073            var later = function () {
2074              timeout = null;
2075              if (!immediate) func.apply(context, args);
2076            };
2077            var callNow = immediate && !timeout;
2078            clearTimeout(timeout);
2079            timeout = setTimeout(later, wait);
2080
2081            if (callNow) func.apply(context, args);
2082          };
2083        }
2084
2085        var heatmap_submit_url = 'https://connect.mailerlite.com/api/pages/199837844226704405/clicks?signature=f17dc1e485230f2bb6b3c54977e7114296aaae4609c35656b3eb06023c65c569';
2086
2087        // continue only if heatmap_submit_url is valid
2088        if (/^https?:\/\/.*$/i.test(heatmap_submit_url)) {
2089          var heatmap_clicks = [];
2090
2091          var addData = function (targetTagName, targetIndex, x, y) {
2092            var width = $(window).width();
2093
2094            var clickObject = {
2095              targetTagName: targetTagName,
2096              targetIndex: targetIndex,
2097              x: x,
2098              y: y,
2099              value: 1,
2100              screenWidth: width,
2101              webformId: '46432400',
2102              webformCode: '',
2103              blog_post_id: '',
2104              blog_category_id: ''
2105            };
2106
2107            heatmap_clicks.push(clickObject);
2108
2109            window.debounce_function = window.debounce_function || debounce(function () {
2110              sendHeatmapData();
2111            }, 3000);
2112
2113            window.debounce_function();
2114          };
2115
2116          var sendHeatmapData = function () {
2117            var xhr = new XMLHttpRequest();
2118            xhr.open('POST', heatmap_submit_url, true);
2119            xhr.send(JSON.stringify(heatmap_clicks));
2120
2121            heatmap_clicks = [];
2122          };
2123
2124          $(document).on("click tap", function (event) {
2125            var target = event.target;
2126
2127            // if click is made on carousel, send only clicks from 1st slide
2128            var clickedInsideCarousel = target.closest(".ml-carousel-item");
2129            var firstSlide = false;
2130            if (clickedInsideCarousel) {
2131              var elementClasses = clickedInsideCarousel.classList;
2132
2133              for (var i = 0; i < elementClasses.length; i++) {
2134                if ( elementClasses[i] === 'ml-carousel-item-0') {
2135                  firstSlide = true;
2136                  break;
2137                }
2138              }
2139            }
2140            if (clickedInsideCarousel && !firstSlide) {
2141              return;
2142            }
2143
2144            var targetTagName = target.tagName;
2145            var targetIndex;
2146            var elements = document.getElementsByTagName(targetTagName);
2147            var x, y;
2148
2149            Array.prototype.forEach.call(elements, function (element, key) {
2150              if (element === target) {
2151                targetIndex = key;
2152              }
2153            });
2154
2155            if ((event.offsetX > target.offsetWidth || event.offsetY > target.offsetHeight) && target.offsetParent) {
2156              // because some tags like <strong>, <span> are picking up offsetX from parent element
2157              target = target.offsetParent;
2158            }
2159
2160            x = event.offsetX / target.offsetWidth * 100;
2161            y = event.offsetY / target.offsetHeight * 100;
2162
2163            addData(targetTagName, targetIndex, x, y);
2164          });
2165
2166          function getElementDisplayType(element) {
2167            if (!element) {
2168              return false;
2169            }
2170
2171            var cStyle = element.currentStyle || window.getComputedStyle(element, "");
2172            return cStyle.display;
2173          }
2174
2175          window.onbeforeunload = function () {
2176            if (heatmap_clicks.length) {
2177              sendHeatmapData();
2178            }
2179          }
2180        }
2181      </script>
2181
2182    
2183  
2184
2185  
2186  
2186<script>
2187      (function(window) {
2188  window.addEventListener("message", receiveMessage, false);
2189
2190  function receiveMessage(event) {
2191      if (event && event.data && typeof event.data === 'string') {
2192        var message_parts = event.data.split('-');
2193        if (message_parts.length > 1) {
2194            if (message_parts[0] == 'mlWebformSubmitSuccess') {
2195                var id = message_parts[1];
2196                var cookieName = 'mailerlite:webform:submited:' + id
2197                var cookieValue = (new Date()).getTime();
2198                document.cookie = cookieName + "=" + cookieValue + "; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";
2199            } else if (message_parts[0] == 'mlWebformRedirect') {
2200                var target = message_parts[message_parts.length - 1];
2201                var targets = ['_blank', '_self', '_parent', '_top'];
2202                var redirect = message_parts.slice(1, message_parts.length - 1).join('-');
2203                if (targets.indexOf(target) < 0) {
2204                    redirect = message_parts.slice(1).join('-');
2205                    target = '_blank';
2206                }
2207
2208                var redirectUrl = new URL(decodeURIComponent(redirect));
2209                if (redirectUrl && redirectUrl.protocol != 'javascript:') {
2210
2211                    window.open(decodeURIComponent(redirect), target);
2212                }
2213            }
2214        }
2215      }
2216  }
2217})(window);
2218  </script>
2218
2219
2220  
2221
2222
2223
2224</div>
2225
2226
2227    </div>
2228
2229    
2230
2231      
2231<script src="https://groot.mailerlite.com/js/w/webforms.min.js?v83147fa8ce2d95cb73ece7f28b469519" type="text/javascript"></script>
2231
2232
2233    
2234    
2235
2236  
2237      <div id="ml-checkout-modal" class="modal">
2238        <div class="modal-backdrop" style="opacity: 0.5"></div>
2239        <div class="modal-dialog modal-lg modal-dialog-centered">
2240            <div class="modal-content rounded-lg" style="z-index: 1040; width: 768px; max-width: 90vw; height: 840px; max-height: 80vh;">
2241                <iframe id="ml-checkout-iframe" src="" class="w-100 h-100 border-0 rounded-lg"></iframe>
2242            </div>
2243        </div>
2244    </div>
2245  
2246  
2247
2248</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.