PageSourceSearch

https://baigroup.ai/

html baigroup.ai collected 2026-10-05 15:00:20 UTC 68,798 bytes, 2,044 lines download raw bytes

1<html lang="en"><head>
2
3    <meta charset="utf-8">
4<meta http-equiv="X-UA-Compatible" content="IE=edge">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6
7
8
9
10
11
12<meta property="og:image" content="https://storage.mlcdn.com/account_image/1409390/6XeqJdDAgzPKm8rICaZQNwJ1qW6HG3gkh85jdrIE.png">
13
14
15
16
17
18<meta name="twitter:image" content="https://storage.mlcdn.com/account_image/1409390/6XeqJdDAgzPKm8rICaZQNwJ1qW6HG3gkh85jdrIE.png">
19
20
21
22    
23    
24
25<link rel="stylesheet" href="https://assets.mlcdn.com/ml/bootstrap/css/bootstrap-4.6.2.min.css">
26
27
28<script src="https://assets.mlcdn.com/ml/jquery/jquery-3.7.1.min.js"></script>
vendor: 1 bytes, line 28
28
29<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 29
29
30<script src="https://assets.mlcdn.com/ml/bootstrap/js/bootstrap-4.6.2.min.js"></script>
30
31
32<script src="https://assets.mlcdn.com/ml/fontawesome/v5.10.2/js/0f54bd8811.js"></script>
32
33
34
35
36  
37  
38
39
40
41<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1790776");</style>
42
43
44<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.js"></script>
44
45<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.css">
46
47<script>
48  (function($) {
49    window.addEventListener('DOMContentLoaded', function() {
50        $('.ml-gallery').length && baguetteBox && baguetteBox.run('.ml-gallery');
51    })
52  })(jQuery);
53</script>
53
54
55<script src="https://assets.mlcdn.com/ml/moment/moment.min.js"></script>
vendor: 1 bytes, line 55
55
56<script src="https://assets.mlcdn.com/ml/moment-timezone/moment-timezone-with-data.min.js"></script>
56
57
58<script>
59  var previousTimeZone = [];
60  var updatingTimer = false;
61
62	function timers(newDate) {
63    updatingTimer = true;
64
65		setTimeout(function(){
66			$('.countdown').each(function() {
67        var id = $(this).attr('id');
68        var selected_zone = $(this).attr('data-zone');
69        var zone = $(this).attr('data-' + selected_zone);
70
71        if (typeof previousTimeZone[id] === 'undefined') {
72          previousTimeZone[id] = zone;
73        }
74
75        // init countdown timer || || endTime changed || zone changed
76        if(!$(this).data('countdown-bound') || newDate || previousTimeZone[id] !== zone) {
77          previousTimeZone[id] = zone;
78          $(this).data('countdown-bound', true);
79
80          var endTime = newDate || $(this).attr('data-date');
81          var endTimeUTC = getUTC(endTime, zone);
82
83          initializeClock(id, endTimeUTC);
84        }
85
86			});
87      updatingTimer = false;
88		});
89	}
90
91	function getUTC(endTime, zone){
92	  var moment = window.moment;
93    try {
94      moment = window.top && window.top.moment;
95    } catch (err) { }
96    var format = 'YYYY-MM-DD HH:mm:ss';
97    if (moment.tz && zone) {
98      var date = moment.tz(endTime, zone);
99      date = date.tz ? date.tz("UTC") : date;
100    } else {
101      var date = moment(endTime, format);
102      date = (zone && date.tz) ? date.tz(zone) : date;
103    }
104    return date.format(format);
105  }
106
107	$(document).ready(function () {
108		timers();
109
110        const observer = new MutationObserver((mutations) => {
111            mutations.forEach((mutation) => {
112                if (!updatingTimer && mutation.type === 'childList') {
113                    timers();
114                }
115            });
116        });
117
118        observer.observe(document.body, {
119            childList: true, // Monitor additions/removals of child elements
120            subtree: true,   // Include all descendants of the body
121        });
122	});
123
124	function getTimeRemaining(endtime) {
125        endtime = endtime.replace(' ', 'T') + 'Z';
126        var currentTime = new Date();
127        var currentUTC = Date.parse(currentTime.toUTCString());
128        if (!endtime || Number.isNaN(Date.parse(endtime))) {
129            endtime = currentUTC;
130        }
131        var t = Date.parse(endtime) - currentUTC;
132		var seconds = Math.floor((t / 1000) % 60);
133		var minutes = Math.floor((t / 1000 / 60) % 60);
134		var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
135		var days = Math.floor(t / (1000 * 60 * 60 * 24));
136		return {
137			'total': t,
138			'days': days,
139			'hours': hours,
140			'minutes': minutes,
141			'seconds': seconds
142		};
143	}
144
145	function initializeClock (id, endtime) {
146		var clock = document.getElementById(id);
147		var daysSpan = clock.querySelector('.days');
148		var hoursSpan = clock.querySelector('.hours');
149		var minutesSpan = clock.querySelector('.minutes');
150		var secondsSpan = clock.querySelector('.seconds');
151
152		function updateClock() {
153			var t = getTimeRemaining(endtime);
154
155			daysSpan.innerHTML = t.days;
156			hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
157			minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
158			secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
159
160			if (t.total <= 0) {
161				daysSpan.innerHTML = '00';
162				hoursSpan.innerHTML = '00';
163				minutesSpan.innerHTML = '00';
164				secondsSpan.innerHTML = '00';
165			}
166		}
167
168		updateClock();
169
170		if (window['timerinterval' + id]) {
171			clearInterval(window['timerinterval' + id]);
172		}
173
174		window['timerinterval' + id] = setInterval(updateClock, 1000);
175	}
176</script>
176
177
178
179
180  <style type="text/css">
181      .ml-notification {
182        text-align: center;
183        margin-bottom: 0;
184        border-radius: 0;
185      background-color: #eeeeee;
186      border-bottom: 1px solid #cccccc;
187      padding-top: 8px;
188      padding-bottom: 8px;
189      z-index: 1000;
190      }
191      .ml-notification.box {
192        position: fixed;
193        bottom: 20px;
194        left: 20px;
195        right: auto;
196        flex-direction: column;
197        display: flex;
198        max-width: 340px;
199        border-radius: 4px;
200      border: 1px solid #cccccc;
201      }
202      .ml-notification.box.right {
203        right: 20px;
204        left: auto;
205      }
206            @media only screen and (max-width: 480px) {
207        .ml-notification.box {
208          bottom: 0;
209          left: 0;
210          right: 0;
211          max-width: 100%;
212          border-radius: 0!important;
213        }
214      }
215      .ml-notification.bottom {
216        position: fixed;
217        bottom: 0;
218        left: 0;
219        right: 0;
220        top:auto;
221        z-index: 1;
222      }
223      
224      /* Text and link */
225      .ml-notification .text-block {
226        padding: 6px 0;
227      }
228      .ml-notification .text-block p {
229      font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
230      color: #1c2b33;
231      font-size: 16px;
232      line-height: 24px;
233      margin-bottom: 10px;
234      }
235      .ml-notification .text-block p:last-child {
236        margin-bottom: 0;
237      }
238      .ml-notification .text-block p a {
239      color: #4093A4;
240      text-decoration: underline;
241      }
242
243      /* Button */
244      .ml-notification .button-block {
245        padding: 2px 0;
246      }
247      .ml-notification .button-block .btn-one {
248        width: auto;
249        display: inline-block;
250      font-family:'Poppins', sans-serif;
251      background-color:#6b8e23;
252      font-size:14px;
253      
254      border-bottom:3px solid #259DA1;
255      
256      border-right:3px solid #259DA1;
257      color:#ffffff;
258      border-radius:5px;
259      padding:5px 15px!important;
260      font-weight: bold; font-style: normal; text-decoration: none;
261      }
262      .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 {
263      background-color:#4F7942;
264      
265      border-bottom:3px solid #185d85;
266      
267      border-right:3px solid #185d85;
268      color:#ffffff;
269      font-weight: bold; font-style: normal; text-decoration: none;
270      }
271
272      /* Button 2 */
273
274      .ml-notification .button-block .btn-two {
275        width: auto;
276        display: inline-block;
277      font-family:'Poppins', sans-serif;
278      background-color:#185d85;
279      font-size:14px;
280      border-top:2px solid #6b8e23;
281      border-bottom:2px solid #6b8e23;
282      border-left:2px solid #6b8e23;
283      border-right:2px solid #6b8e23;
284      color:#ffffff;
285      border-radius:5px;
286      padding:5px 15px!important;
287      font-weight: bold; font-style: normal; text-decoration: none;
288      }
289      .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 {
290      background-color:#033b4f;
291      border-top:2px solid #185d85;
292      border-bottom:2px solid #185d85;
293      border-left:2px solid #185d85;
294      border-right:2px solid #185d85;
295      color:#ffffff;
296      font-weight: bold; font-style: normal; text-decoration: none;
297      }
298    </style><style>
299      /* BS fix for too big height */
300      .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  {
301        flex-basis: auto;
302      }
303    </style><style>
304
305      .skip-link {
306        background: #007bff;
307        height: 30px;
308        left: 50%;
309        padding: 8px;
310        position: absolute;
311        transform: translateY(-1000%);
312        transition: transform 0.3s;
313        color: #ffffff;
314        text-decoration: none;
315      }
316
317      .skip-link:focus {
318        transform: translateY(-50%);
319      }
320
321      .navbar-toggler {
322        color: rgba(0, 0, 0, 0) !important;
323        border-color: rgba(0, 0, 0, 0) !important;
324      }
325
326      .navbar-toggler-icon {
327        background-image: none !important;
328      }
329
330      .navbar-toggler-icon {
331        background-image: none;
332      border-bottom: 1px solid #f6f6f6;
333      height: 17px;
334      position: relative;
335      transition: all 300ms linear;
336      width: 24px;
337      }
338
339      .navbar-toggler-icon:after,
340      .navbar-toggler-icon:before {
341      background-color: #f6f6f6;
342      content: '';
343      height: 1px;
344      left: 0;
345      position: absolute;
346      top: 0;
347      transition: all 300ms linear;
348      width: 24px;
349      z-index: 2;
350      }
351
352      .navbar-toggler-icon:after {
353        top: 8px;
354      }
355
356      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
357        transform: rotate(45deg);
358      }
359
360      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
361        transform: translateY(8px) rotate(-45deg);
362      }
363
364      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
365        border-color: transparent;
366      }
367
368      a.mobile-search {
369        font-size: 18px;
370        color: #f6f6f6;
371        margin-top: 4px;
372      }
373
374    </style><style>
375
376      button:focus {
377        outline: none;
378      }
379
380      /*header.active {*/
381      /*  background: transparent;*/
382      /*}*/
383      header {
384      padding-top: 20px;
385      padding-bottom: 20px;
386      background-color: #1f4a6a;
387      border-bottom: 0px solid  #cccccc;
388      -webkit-transition : all 0.3s ease-out;
389      transition : all 0.3s ease-out;
390      box-shadow: 0px 10px 10px -10px #cccccc;
391      position: relative;
392      z-index: 1;
393      }
394
395      header .navbar {
396        padding: 0;
397        -webkit-transition: all 0.3s ease-out;
398        transition: all 0.3s ease-out;
399      }
400
401      header .navbar .navbar-brand img {
402      height: 45px;
403      }
404
405      @media (min-width: 768px) {
406
407        header .navbar-nav .nav-item {
408          padding-left: 9px;
409          padding-right:  9px;
410        }
411
412        header .navbar-nav .nav-item:first-child {
413          padding-left: 0;
414        }
415
416        header .navbar-nav .nav-item:last-child {
417          padding-right: 0;
418        }
419
420      }
421
422      header .navbar .nav-item a.dropdown-toggle {
423          white-space: normal;
424      }
425
426      header .navbar .nav-item a.dropdown-toggle:after {
427        border: solid #f6f6f6!important;
428        border-width: 0 2px 2px 0!important;
429        vertical-align: 0.2em;
430        padding: 2px!important;
431        transform: rotate(45deg);
432        -webkit-transform: rotate(45deg);
433        margin-left: 10px;
434        transition: transform 0.3s;
435        color: #f6f6f6!important;
436      }
437
438      header .navbar .nav-item a.dropdown-toggle:hover:after {
439        vertical-align: 0.15em;
440        transform: rotate(-135deg)!important;
441        -webkit-transform: rotate(-135deg)!important;
442        border-color: #B5CE7C!important;
443      }
444
445      header .navbar .nav-item .dropdown-menu {
446        border: 1px solid rgba(241, 241, 241, 0.5);
447        border: 1px solid #f6f6f630!important;
448        margin-top: 0px;
449        margin-left: -3px;
450        box-shadow: 0 0 10px rgba(0,0,0,0.1);
451        min-width: 200px;
452        background: #1f4a6a;
453        left: 9px;
454      }
455
456      header .navbar .nav-item:first-child .dropdown-menu {
457        left: 0px!important;
458      }
459
460      header .navbar .nav-item .dropdown-menu a {
461        border-bottom: none!important;
462        padding: .5rem 1.5rem;
463        font-size: 12px!important;
464      }
465
466      header .navbar .nav-item .dropdown-menu a:hover {
467        border-bottom: none;
468        color: #B5CE7C!important;
469        background: #B5CE7C30!important;
470      }
471
472      header .navbar .nav-item a {
473
474      font-family: 'Poppins', sans-serif;
475      color: #f6f6f6!important;
476      font-size: 13px!important;
477      -webkit-transition : all 0.3s ease-out;
478      transition : all 0.3s ease-out;
479      border-bottom: 1px solid rgba(225,225,225,0);
480      font-weight: normal; font-style: normal; text-decoration: none;
481
482      }
483
484      header .navbar .nav-item a:hover {
485
486      color: #B5CE7C!important;
487      -webkit-transition : all 0.3s ease-out;
488      transition : all 0.3s ease-out;
489      border-bottom: 1px solid #B5CE7C;
490
491      }
492
493      header .navbar .nav-item a.active-page{
494        font-weight: bold !important;
495      }
496
497      header .navbar .btn-block {
498        width: auto;
499        display: inline-block;
500      font-family:'Poppins', sans-serif;
501      background-color:#FAF9F6;
502      font-size:12px;
503      
504      border-bottom:2px solid #B5CE7C;
505      
506      border-right:2px solid #B5CE7C;
507      color:#033b4f;
508      border-radius:5px;
509      padding:9px 40px!important;
510      font-weight: normal; font-style: normal; text-decoration: none;
511      }
512
513      header .navbar .btn-block:hover,
514      header .navbar .btn-block:focus,
515      header .navbar .btn-block:active,
516      header .navbar .btn-block:active:hover {
517      background-color:#DEE8EF;
518      
519      border-bottom:2px solid #B5CE7C;
520      
521      border-right:2px solid #B5CE7C;
522      color:#1F4A6A;
523      font-weight: normal; font-style: normal; text-decoration: none;
524      }
525
526      @media (max-width: 767px) {
527
528
529        body header {
530          width: 100%;
531          min-height: 1%;
532          z-index: 20;
533        }
534
535        /* Full-screen overlay only while the mobile menu is open; otherwise the
536           collapsed header also fills the viewport in quirks mode (empty gap). */
537        body header:has(.navbar-toggler[aria-expanded="true"]) {
538          width: 100%;
539          min-height: 100%!important;
540          height: 100%;
541          max-height: 100vh;
542          overflow-y: scroll;
543          background: #1f4a6a;
544        }
545
546        .navbar-light .navbar-nav .nav-link {
547          text-align: left;
548          border-bottom: none!important;
549          width:100%;
550        }
551
552        header .navbar .nav-item .dropdown-menu {
553          border: none!important;
554          margin-left: 0px!important;
555          box-shadow: none!important;
556          min-width: 100%!important;
557          background: none!important;
558          display: block!important;
559          padding: 0;
560        }
561
562        header .navbar .nav-item a.dropdown-toggle:hover:after {
563          transform: rotate(45deg)!important;
564          vertical-align: 0.2em!important;
565        }
566
567        header .navbar .nav-item .dropdown-menu a {
568          color: #f6f6f6!important;
569        }
570
571        header .navbar .nav-item .dropdown-menu a:hover {
572          background: none!important;
573        }
574
575      }
576
577      @media (max-width: 768px) {
578        body header {
579          max-height: 100vh;
580          overflow-y: scroll;
581          scrollbar-width: none;
582          -ms-overflow-style: none;
583        }
584        body header::-webkit-scrollbar {
585          width: 0;
586          background: transparent;
587
588        }
589      }
590    </style>
590<script src="https://assets.mailerlite.com/js/universal.js" type="text/javascript"></script>
590
591
592<script>
593    window.ml = function () {
594        (window.ml.q = window.ml.q || []).push(arguments)
595    }
596    ml('account', 1409390);
597    ml('initializePage', '199895122449532144');
598    ml('enablePopups', '1')
599</script>
599
600
601<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 601-602
601
602<script async src="https://www.googletagmanager.com/gtag/js?id=
602G-ZV3SB9PL4X
vendor: 12 bytes, line 602
602"></script>
603<script>
604  
vendor: 134 bytes, lines 604-608
604window.dataLayer = window.dataLayer || [];
605  function gtag(){dataLayer.push(arguments);}
606  gtag('js', new Date());
607
608  gtag('config', '
608G-ZV3SB9PL4X
vendor: 4 bytes, line 608
608');
609</script>
609
610
611<link rel="canonical" href="https://baigroup.ai/" />
612
613<script type="application/ld+json">
614{
615  "@context": "https://schema.org",
616  "@graph": [
617    {
618      "@type": "Organization",
619      "@id": "https://baigroup.ai/#organization",
620      "name": "B.AI Group",
621      "url": "https://baigroup.ai/",
622      "logo": {
623        "@type": "ImageObject",
624        "url": "https://storage.mlcdn.com/account_image/1409390/DZ1JLXqzr1JPnpQ6m8obMJaO1u1yZ8KDz4nqCMgk.png"
625      },
626      "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.",
627      "sameAs": [
628        "https://www.linkedin.com/company/baigroup/"
629      ]
630    },
631    {
632      "@type": "WebSite",
633      "@id": "https://baigroup.ai/#website",
634      "url": "https://baigroup.ai/",
635      "name": "B.AI Group",
636      "publisher": {
637        "@id": "https://baigroup.ai/#organization"
638      },
639      "inLanguage": "en-US"
640    },
641    {
642      "@type": "BreadcrumbList",
643      "@id": "https://baigroup.ai/#breadcrumb",
644      "itemListElement": [
645        {
646          "@type": "ListItem",
647          "position": 1,
648          "name": "Home",
649          "item": "https://baigroup.ai/"
650        }
651      ]
652    }
653  ]
654}
655</script>
655
656</head>
657
658  <body>
658<script type="application/ld+json">
659{"@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."}}]}
660</script>
660
661          
662    
663    
664
665    <div class="container-fluid" id="landing-0">
666    <!-- Pages -->
667    
668
669  
670
671
672
673
674    <!-- Deisgn -->
675    
676
677  
678
679  
680
681  
682
683  
684
685  
686
687    
688
689    
690      
691      
692      
693
694      
695      
696      
697      
698      
699    
700
701    
702      
703      
704      
705      
706      
707      
708    
709
710    
711      
712      
713      
714      
715      
716      
717    
718
719    
720    
721    
722    
723    
724    
725    
726  
727
728    
729      
730      
731      
732      
733      
734      
735    
736
737    
738      
739      
740      
741      
742    
743
744    
745      
746      
747    
748
749    
750
751      
752        
753        
754        
755        
756        
757        
758        
759        
760        
761        
762      
763
764      
765        
766        
767        
768        
769      
770    
771
772    
773      
774        
775        
776        
777        
778        
779        
780        
781        
782        
783      
784      
785        
786        
787        
788        
789      
790    
791
792    
793      
794      
795      
796      
797      
798      
799      
800    
801
802    
803      
804      
805      
806      
807    
808
809    
810      
811      
812      
813      
814    
815
816    
817      
818      
819      
820      
821    
822
823    
824      
825      
826      
827    
828
829    
830      
831      
832      
833      
834      
835      
836      
837      
838    
839
840    
841      
842      
843      
844      
845    
846
847  
848
849
850
851
852
853
854
855      <!-- Notification -->
856    
857
858     
858<script type="text/javascript" move-to-head="">
859        function hideParent(parentKey){
860            localStorage.setItem(parentKey, 'false');
861
862            checkIfSticky( function(stickyNavbar, stickyNotification) {
863              stickyNavbar.style.top = 0;
864            })
865        }
866
867        $(document).ready(function(){
868            var showNotification = localStorage.getItem('showCookieNotificationBar');
869            if (showNotification === 'false'){
870                $( ".ml-visible-only-once" ).css( "display", "none" );
871            }
872
873            checkIfSticky( function(stickyNavbar, stickyNotification) {
874              var notificationHeight = stickyNotification.offsetHeight;
875              stickyNavbar.style.top = notificationHeight + 'px';
876            })
877        })
878
879        function checkIfSticky (callback) {
880            var stickyNavbar = document.querySelector('header.sticky-top');
881            var stickyNotification = document.querySelector('#notification.sticky-top');
882            if (stickyNavbar && stickyNotification) {
883              callback(stickyNavbar, stickyNotification);
884            }
885        }
886    </script>
886
887
888
889    <!-- Header -->
890    
891
892  
893  <header class=" justify-content-center">
894
895    <!-- Skip to content link-->
896    <a builder-link-id="-1" class="skip-link" href="#main">Skip to content</a>
897    <!-- End of skip to content link-->
898
899    
900
901    
902
903    
904
905    
906
907    
908
909      
910      
911
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    <div class="container   ml-lp-2">
1021      <div class="row justify-content-center">
1022        <div class=" col-12">
1023
1024          <nav class="navbar navbar-light navbar-expand-md mr-auto ml-auto
1025            
1026            
1027            ">
1028
1029            <a builder-link-id="-2" class="navbar-brand mr-5" href="/">
1030              <img alt="" src="https://storage.mlcdn.com/account_image/1409390/icygcwCjKVk63MJDEGu64LU5NTo2wFunwEJkl15T.png" style="display: block;" border="0">
1031            </a>
1032
1033            
1034
1035            <div class="d-flex">
1036                
1037                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#pageNavbar" aria-controls="pageNavbar" aria-expanded="false" aria-label="Toggle navigation">
1038                  <span class="navbar-toggler-icon"></span>
1039                </button>
1040            </div>
1041
1042            <div class="collapse navbar-collapse justify-content-center" id="pageNavbar">
1043
1044            <ul class="navbar-nav mt-3 mt-md-0 text-center">
1045                <li class="nav-item ">
1046                  <a builder-link-id="-3" role="button" href="/" class="nav-link px-0 " target="_self">Home</a>
1047
1048                  
1049                </li><li class="nav-item ">
1050                  <a builder-link-id="-4" role="button" href="/human-attuned-ai" class="nav-link px-0 " target="_self">Human-Attuned AI</a>
1051
1052                  
1053                </li><li class="nav-item ">
1054                  <a builder-link-id="-5" role="button" href="/standard" class="nav-link px-0 " target="_self">C.A.S.E.™ Standard</a>
1055
1056                  
1057                </li><li class="nav-item dropdown dropdown-auto">
1058                  <a builder-link-id="-6" role="button" href="/advisory" class="nav-link px-0 dropdown-toggle" target="_self">Advisory</a>
1059
1060                  <div class="dropdown-menu">
1061                    <div>
1062                      <a builder-link-id="-7" role="button" class="dropdown-item ml-nav-link" href="/advisory/enterprise" target="_self">Enterprise Advisory</a>
1063
1064                    </div><div>
1065                      <a builder-link-id="-8" role="button" class="dropdown-item ml-nav-link" href="/advisory/executive" target="_self">Executive Advisory</a>
1066
1067                    </div><div>
1068                      <a builder-link-id="-9" role="button" class="dropdown-item ml-nav-link" href="/self-assessment" target="_self">Self-Assessment</a>
1069
1070                    </div>
1071                  </div>
1072                </li><li class="nav-item ">
1073                  <a builder-link-id="-10" role="button" href="//pages.baigroup.ai/certifications" class="nav-link px-0 " target="_self">Certifications</a>
1074
1075                  
1076                </li><li class="nav-item ">
1077                  <a builder-link-id="-11" role="button" href="//pages.baigroup.ai/enterprise-briefing-july" class="nav-link px-0 " target="_self">Briefings</a>
1078
1079                  
1080                </li>
1081                
1082            </ul>
1083
1084             <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
1085             </a>
1086
1087           </div>
1088
1089            <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>
1090
1091            
1092          </nav>
1093        </div>
1094      </div>
1095    </div>
1096
1097    
1098
1099    
1100
1101    
1102
1103    
1104
1105    
1106
1107    
1108
1109    
1110  </header>
1111
1112
1113
1114
1115<script>
1116      function toggleDropdown (e) {
1117      var _d = $(e.target).closest('.dropdown-auto'),
1118        _m = $('.dropdown-menu', _d);
1119      setTimeout(function () {
1120        var shouldOpen = e.type !== 'click' && e.type === 'mouseover';
1121        _m.toggleClass('show', shouldOpen);
1122        _d.toggleClass('show', shouldOpen);
1123        $('[data-toggle="dropdown"]', _d).attr('aria-expanded', shouldOpen);
1124      }, e.type === 'mouseleave' ? 100 : 0);
1125    }
1126    $('body')
1127      .on('mouseenter mouseleave','.dropdown-auto',toggleDropdown)
1128      .on('click', '.dropdown-auto .dropdown-menu a', toggleDropdown);
1129
1130    </script>
1130
1131
1132
1133<script>
1134  $(window).on("scroll", function () {
1135    if ($(window).scrollTop() > 100) {
1136      $("header").addClass("active");
1137    } else {
1138      $("header").removeClass("active");
1139    }
1140  });
1141
1142  $('.nav-link, .nav-button').on('click', function () {
1143    $('.navbar-collapse').collapse('hide');
1144  });
1145
1146  window.onload = function () {
1147    var currentPath = window.location.pathname;
1148    var navButtons = document.querySelectorAll('.nav-link,.ml-nav-link');
1149
1150    navButtons.forEach(function (button) {
1151      var href = button.getAttribute('href');
1152      if(currentPath === href){
1153        button.className += ' active-page';
1154        return;
1155      }
1156    })
1157  }
1158</script>
1158
1159
1160
1161
1162
1163    <!-- Items -->
1164    
1165<main id="main"></main>
1166
1167    
1168<!-- {literal} -->
1169<div class="editor-html-code" data-aos="">
1170  <title>B.AI Group | Human-Attuned AI</title>
1171
1172
1173    <link rel="shortcut icon" type="image/png" href="https://storage.mlcdn.com/account_image/1409390/Logo-icon-transparent-back8oCr6r.png">
vendor: 66 bytes, lines 1173-1176
1173
1174
1175
1176<script async src="https://www.googletagmanager.com/gtag/js?id=
1176G-ZV3SB9PL4X
vendor: 12 bytes, line 1176
1176"></script>
1177<script>
1178    
vendor: 140 bytes, lines 1178-1182
1178window.dataLayer = window.dataLayer || [];
1179    function gtag(){dataLayer.push(arguments);}
1180    gtag('js', new Date());
1181
1182    gtag('config', '
1182G-ZV3SB9PL4X
vendor: 4 bytes, line 1182
1182');
1183</script>
1183
1184
1185
1186<meta name="keywords" content="Human-Attuned AI Governance, C.A.S.E. Standard, AI Governance, Psychological Safety, AI Risk Management, Post-Deployment AI Risk, Operational Governance, AI Governance Advisory, CASE Credentials, AI Governance Credentialing, Brittnee Savage, B.AI Group">
1187<meta name="description" content="B.AI Group stewards Human-Attuned AI Governance and provides advisory, credentialing, speaking, and enablement through the C.A.S.E.™ Standard.">
1188
1189    <meta name="robots" content="index, follow">
1190
1191
1192<meta property="og:type" content="website">
1193<meta property="og:title" content="B.AI Group | Human-Attuned AI">
1194<meta property="og:description" content="B.AI Group stewards Human-Attuned AI Governance and provides advisory, credentialing, speaking, and enablement through the C.A.S.E.™ Standard.">
1195<meta property="og:image:alt" content="B.AI Group | Human-Attuned AI">
1196<meta property="og:url" content="https://baigroup.ai">
1197
1198
1199<meta name="twitter:card" content="summary_large_image">
1200<meta name="twitter:title" content="B.AI Group | Human-Attuned AI">
1201<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.">
1202
1203<meta charset="utf-8">
1204<meta name="viewport" content="width=device-width, initial-scale=1">
1205<script src="./support.js"></script>
1205
1206<style type="text/css">
1207    footer {
1208      background-color: #1c2b33;
1209      padding-top: 50px;
1210      padding-bottom: 50px;
1211    }
1212
1213    /* Footer logo */
1214
1215    .ml-lp-24 .logo-footer img {
1216      height: 88px;
1217    }
1218
1219    /* Footer disclaimer */
1220
1221    .ml-lp-24 .footer-description p,
1222    .ml-lp-24 .footer-description ul,
1223    .ml-lp-24 .footer-description ol {
1224      font-family: 'Poppins', sans-serif;
1225      color: #AECBD8;
1226      font-size: 15px;
1227      margin: 0 0 15px 0;
1228    }
1229    .ml-lp-24 .footer-description p:last-child,
1230    .ml-lp-24 .footer-description ul:last-child,
1231    .ml-lp-24 .footer-description ol:last-child {
1232      margin-bottom: 0;
1233    }
1234    .ml-lp-24 .footer-description p a,
1235    .ml-lp-24 .footer-description ul a,
1236    .ml-lp-24 .footer-description ol a {
1237      font-family: 'Poppins', sans-serif;
1238      color: #FAF9F6;
1239      text-decoration: underline;
1240    }
1241
1242    /* Footer navigation */
1243
1244    .footer-navigation h4 {
1245      color: #B5CE7C;
1246      font-family: 'Poppins', sans-serif;
1247      font-size: 15px;
1248      font-weight: normal; font-style: normal; text-decoration: none;
1249    }
1250    .footer-navigation .nav-footer-item {
1251      padding-bottom: .75rem;
1252    }
1253    .footer-navigation .nav-footer-item:last-child {
1254      padding-bottom: 0;
1255    }
1256    .footer-navigation .nav-footer-link {
1257      color: #f6f6f6;
1258      font-family: 'Poppins', sans-serif;
1259      font-size: 15px;
1260      padding-bottom: .25rem;
1261      -webkit-transition : all 0.3s ease-out;
1262      transition : all 0.3s ease-out;
1263      border-bottom: 1px solid rgba(225,225,225,0);
1264      font-weight: normal; font-style: normal; text-decoration: none;
1265    }
1266    .footer-navigation .nav-footer-link:hover {
1267      color: #B5CE7C;
1268      -webkit-transition : all 0.3s ease-out;
1269      transition : all 0.3s ease-out;
1270      border-bottom: 1px solid #B5CE7C;
1271    }
1272  </style><style>
1273
1274  body {
1275
1276  background-color: #FAF9F6;
1277  background-image: none;
1278  background-size:  none;
1279  background-position: center none;
1280  background-repeat: none;
1281
1282  }
1283
1284  body ol ol {
1285    list-style-type: lower-alpha;
1286  }
1287
1288  body ol ol ol {
1289    list-style-type: lower-roman;
1290  }
1291
1292  .container.with-border {
1293
1294  border-left: 0px solid #cccccc;
1295  border-right: 0px solid #cccccc;
1296
1297  }
1298
1299  /* Default */
1300
1301  .default-heading-1 {
1302  font-family: 'Poppins', sans-serif;
1303  color:#1f4a6a;
1304  font-size:57px;
1305  font-weight: bold; font-style: normal; text-decoration: none;
1306  letter-spacing: 2px;
1307  }
1308
1309  /* Input */
1310
1311  .form-group .form-control {
1312  background-color: #ffffff;
1313  font-family: 'Poppins', sans-serif;
1314  border-radius: 5px;
1315  font-size: 14px;
1316  color: #333333;
1317  border: px solid #cccccc;
1318  padding-top:px!important;
1319  padding-bottom:px!important;
1320  height: auto;
1321  }
1322
1323  .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
1324  color: #666666;
1325  opacity: 1; /* Firefox */
1326  }
1327  .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
1328  color: #666666;
1329  }
1330  .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
1331  color: #666666;
1332  }
1333
1334  /* Large gutters */
1335
1336  .container.with-large-gutters,
1337  .container-fluid.with-large-gutters {
1338
1339    padding-left: 60px;
1340    padding-right: 60px;
1341
1342  }
1343
1344  @media (max-width: 991.98px) {
1345
1346    .container.with-large-gutters,
1347    .container-fluid.with-large-gutters {
1348
1349      padding-left: 30px;
1350      padding-right: 30px;
1351
1352    }
1353
1354  }
1355
1356  @media (max-width: 575.98px) {
1357
1358    .container.with-large-gutters,
1359    .container-fluid.with-large-gutters {
1360
1361      padding-left: 15px;
1362      padding-right: 15px;
1363
1364    }
1365
1366  }
1367
1368  .container.container-large-gutter {
1369
1370    padding-right: 15px;
1371    padding-left: 15px;
1372
1373  }
1374
1375  .container.with-large-gutters .card-body {
1376
1377    padding: 2.25rem;
1378
1379  }
1380
1381  .container.container-large-gutter .container {
1382    padding-right: 30px;
1383    padding-left: 30px;
1384
1385  }
1386
1387  .container .large-gutters {
1388    margin-right: -30px;
1389    margin-left: -30px;
1390
1391  }
1392  .container .large-gutters .col,
1393  .container .large-gutters [class*="col-"] {
1394    padding-right: 30px;
1395    padding-left: 30px;
1396  }
1397  .container .large-gutters .row {
1398    margin-right: -30px;
1399    margin-left: -30px;
1400
1401  }
1402
1403  .sections-repeaters .container {
1404      padding: 0;
1405  }
1406
1407  .sections-repeaters .container-fluid {
1408      padding-left: 0;
1409      padding-right: 0;
1410  }
1411
1412  /* End of Large gutters */
1413
1414</style><style type="text/css">
1415  #landing-0 {
1416  padding-left: 0px!important;
1417  padding-right: 0px !important;
1418  }
1419</style>
1420<script type="application/ld+json">
1421{"@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."}}]}
1422</script>
1422
1423<x-dc>
1424<helmet>
1425<link rel="preconnect" href="https://fonts.googleapis.com">
1426<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">
1427<style>
1428body{margin:0;background:#FAF9F6;-webkit-font-smoothing:antialiased}
1429a{color:#1F4A6A}
1430a:hover{color:#4E7A12}
1431</style>
1432</helmet>
1433<div style="font-family:'Source Sans 3','Source Sans Pro',Arial,Helvetica,sans-serif;color:#1C2B33;font-size:18px;line-height:1.62;background:#FAF9F6">
1434
1435<!-- HERO -->
1436<section data-screen-label="Hero" style="background:linear-gradient(160deg,#F1F5F8 0%,#FAF9F6 60%,#F5F8EC 100%);padding:clamp(72px,10vw,112px) 0 clamp(64px,8vw,88px)">
1437  <div style="max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:48px 72px;align-items:center">
1438    <div>
1439      <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Human-Attuned AI Adoption & Operational Governance</div>
1440      <h1 style="font-family:'Poppins',Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(38px,5.2vw,56px);line-height:1.06;letter-spacing:-0.03em;color:#1F4A6A;margin:18px 0 0;max-width:18ch;text-wrap:balance">Scale AI adoption without eroding employee or customer <span style="color:#6B8E23">trust</span>.</h1>
1441      <p style="margin:22px 0 0;max-width:54ch;color:#1C2B33;text-wrap:pretty">Most AI failures aren’t technology failures. They’re operational governance failures. B.AI Group moves enterprise AI beyond fragile runtime guardrails to full Environment-Level Governance: the context, authority, safeguards and escalation around every system, specified in the C.A.S.E.™ Standard.</p>
1442      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:32px">
1443        <a builder-link-id="39221" href="https://baigroup.ai/advisory-fit" 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" style-hover="background:#1A3F5A;color:#FFFFFF">Schedule a fit call</a>
1444        <a builder-link-id="39222" href="https://baigroup.ai/standard" 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" style-hover="background:#DEE8EF;color:#1A3F5A">Access the Standard</a>
1445      </div>
1446    </div>
1447    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
1448      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:-0.03em;color:#1F4A6A">4</div><div style="font-size:15px;color:#5B6B72;margin-top:8px">Pillars: Context, Attunement, Safeguards, Escalation</div></div>
1449      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:-0.03em;color:#1F4A6A">3</div><div style="font-size:15px;color:#5B6B72;margin-top:8px">Governance layers, pre- to post-deployment</div></div>
1450      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:-0.03em;color:#1F4A6A">6</div><div style="font-size:15px;color:#5B6B72;margin-top:8px">Normative workflows</div></div>
1451      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(20,38,51,0.06)"><div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:-0.03em;color:#6B8E23">10</div><div style="font-size:15px;color:#5B6B72;margin-top:8px">Controlled artifacts, Annex A.1–A.10</div></div>
1452    </div>
1453  </div>
1454</section>
1455
1456<!-- PILLARS -->
1457<section data-screen-label="Pillars" style="background:#FAF9F6;padding:clamp(64px,9vw,96px) 0">
1458  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1459    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">The four pillars</div>
1460    <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">Four questions every AI use case must <span style="color:#6B8E23">answer</span></h2>
1461    <div style="margin-top:40px;
1461display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px">
1462      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px">
1463      <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)">
1464        <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>
1465        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Context</div>
1466        <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>
1467      </div>
1468      <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)">
1469        <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>
1470        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Attunement</div>
1471        <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>
1472      </div>
1473      </div>
1474      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px">
1475      <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)">
1476        <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>
1477        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Safeguards</div>
1478        <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>
1479      </div>
1480      <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)">
1481        <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>
1482        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:20px;color:#033B4F;margin-top:12px">Escalation</div>
1483        <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>
1484      </div>
1485      </div>
1486    </div>
1487  </div>
1488</section>
1489
1490<!-- BEYOND ETHICAL AI -->
1491<section data-screen-label="Beyond ethical AI" style="background:#F3F1EC;padding:clamp(64px,9vw,96px) 0">
1492  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1493    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Beyond “ethical” AI</div>
1494    <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">Principles become operating <span style="color:#6B8E23">infrastructure</span></h2>
1495    <div style="margin-top:40px;overflow-x:auto;overflow-y:hidden;border:1px solid #E7E3DB;border-radius:14px;background:#FFFFFF;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1496      <table style="width:100%;min-width:520px;border-collapse:collapse;font-size:17px;line-height:1.5">
1497        <thead>
1498          <tr>
1499            <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;width:50%">Ethical AI</th>
1500            <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>
1501          </tr>
1502        </thead>
1503        <tbody>
1504          <tr><td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;color:#5B6B72">Principle-driven</td><td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;background:#F1F5F8;font-weight:600;color:#033B4F">Context-driven</td></tr>
1505          <tr><td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;color:#5B6B72">Output-focused</td><td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;background:#F1F5F8;font-weight:600;color:#033B4F">Relationship-aware</td></tr>
1506          <tr><td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;color:#5B6B72">Static controls</td><td style="padding:18px 24px;border-bottom:1px solid #E7E3DB;background:#F1F5F8;font-weight:600;color:#033B4F">Risk-tiered</td></tr>
1507          <tr><td style="padding:18px 24px;color:#5B6B72">Compliance-based</td><td style="padding:18px 24px;background:#F1F5F8;font-weight:600;color:#033B4F">Consent-based</td></tr>
1508        </tbody>
1509      </table>
1510    </div>
1511    <div style="margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;justify-content:space-between">
1512      <p style="margin:0;max-width:58ch;text-wrap:pretty">Ethics tells you what to value. Human-Attuned AI is the discipline that makes those values hold in production.</p>
1513      <a builder-link-id="39223" href="https://baigroup.ai/human-attuned-ai" style="font-weight:700;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;color:#1F4A6A;text-decoration:none;white-space:nowrap" style-hover="color:#4E7A12">Explore the discipline ➜</a>
1514    </div>
1515  </div>
1516</section>
1517
1518<!-- FOUR WAYS TO ENGAGE -->
1519<section data-screen-label="Four ways to engage" style="background:#FAF9F6;padding:clamp(64px,9vw,96px) 0">
1520  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1521    <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">From advisory to conformity to adoption</div>
1522    <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;text-wrap:balance">Four ways to <span style="color:#6B8E23">engage</span></h2>
1523    <div style="margin-top:40px;
1523display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px">
1524      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #1F4A6A;border-radius:14px;padding:clamp(28px,3.5vw,40px);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1525        <div style="font-weight:700;font-size:13px;color:#608434">01</div>
1526        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.25;letter-spacing:-0.02em;color:#1F4A6A;margin-top:8px">Enterprise AI Governance & Operational Advisory</div>
1527        <p style="margin:10px 0 0;font-size:15px;font-weight:600;color:#033B4F">For enterprise, government and regulated organizations.</p>
1528        <p style="margin:10px 0 0;font-size:17px;color:#5B6B72;flex:1">Diagnostic assessments, custom-scoped deployments, conformity verification and fractional advisory, all grounded in the C.A.S.E.™ Standard.</p>
1529        <a builder-link-id="39224" href="https://baigroup.ai/advisory/enterprise" style="display:block;text-align:center;margin-top:28px;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" style-hover="background:#1A3F5A;color:#FFFFFF">Explore enterprise advisory</a>
1530      </div>
1531      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #6B8E23;border-radius:14px;padding:clamp(28px,3.5vw,40px);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1532        <div style="font-weight:700;font-size:13px;color:#608434">02</div>
1533        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.25;letter-spacing:-0.02em;color:#1F4A6A;margin-top:8px">Executive Advisory</div>
1534        <p style="margin:10px 0 0;font-size:15px;font-weight:600;color:#033B4F">For founders, executives and senior professionals.</p>
1535        <p style="margin:10px 0 0;font-size:17px;color:#5B6B72;flex:1">One-on-one sessions for a specific strategic, operational or career challenge, built to create clarity and drive momentum.</p>
1536        <a builder-link-id="39225" href="https://baigroup.ai/advisory/executive" style="display:block;text-align:center;margin-top:28px;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" style-hover="background:#1A3F5A;color:#FFFFFF">Book an executive session</a>
1537      </div>
1538      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #6B8E23;border-radius:14px;padding:clamp(28px,3.5vw,40px);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1539        <div style="font-weight:700;font-size:13px;color:#608434">03</div>
1540        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.25;letter-spacing:-0.02em;color:#1F4A6A;margin-top:8px">C.A.S.E.™ Adoption & Partnerships</div>
1541        <p style="margin:10px 0 0;font-size:15px;font-weight:600;color:#033B4F">For technology providers, implementation partners, educators and practitioners.</p>
1542        <p style="margin:10px 0 0;font-size:17px;color:#5B6B72;flex:1">Adopt, implement, credential against or contribute to the Standard, including CASE-F, CASE-P and CASE-A credentials through C.A.S.E. Academy.</p>
1543        <a builder-link-id="39226" href="https://baigroup.ai/case-partners-fit" style="display:block;text-align:center;margin-top:28px;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" style-hover="background:#1A3F5A;color:#FFFFFF">Explore partnership</a>
1544      </div>
1545      <div style="background:#FFFFFF;border:1px solid #E7E3DB;border-top:3px solid #1F4A6A;border-radius:14px;padding:clamp(28px,3.5vw,40px);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(20,38,51,0.06)">
1546        <div style="font-weight:700;font-size:13px;color:#608434">04</div>
1547        <div style="font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.25;letter-spacing:-0.02em;color:#1F4A6A;margin-top:8px">Speaking & Enablement</div>
1548        <p style="margin:10px 0 0;font-size:15px;font-weight:600;color:#033B4F">For conferences, executive teams, communities and institutions.</p>
1549        <p style="margin:10px 0 0;font-size:17px;color:#5B6B72;flex:1">Keynotes, executive briefings, workshops, private talks and enablement sessions on Human-Attuned AI and the C.A.S.E.™ Standard.</p>
1550        <a builder-link-id="39227" href="https://baigroup.ai/speaking" style="display:block;text-align:center;margin-top:28px;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" style-hover="background:#1A3F5A;color:#FFFFFF">Bring us to your team</a>
1551      </div>
1552    </div>
1553  </div>
1554</section>
1555
1556<!-- CLOSING CTA -->
1557<section id="self-assessment" data-screen-label="CTA" style="background:linear-gradient(165deg,#0A4A
155760 0%,#033B4F 66%,#02252F 100%);padding:clamp(64px,9vw,96px) 0;color:#FAF9F6">
1558  <div style="max-width:1200px;margin:0 auto;padding:0 24px">
1559    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px 64px;align-items:end">
1560      <div>
1561        <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#B5CE7C">Build Human-Attuned AI</div>
1562        <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:20ch;text-wrap:balance">Where does your organization actually <span style="color:#B5CE7C">sit</span>?</h2>
1563        <p style="margin:18px 0 0;color:#AECBD8;max-width:54ch;text-wrap:pretty">The AI era demands more than compliance. It demands governance built for human trust, judgment and well-being. Start with the self-assessment, or bring your context to a fit call and we’ll map the steps to Level 4 and beyond.</p>
1564      </div>
1565      <div style="display:flex;flex-wrap:wrap;gap:12px">
1566        <a builder-link-id="39228" href="https://baigroup.ai/advisory-fit" style="display:inline-block;background:#FAF9F6;color:#033B4F;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;padding:16px 26px;border-radius:5px" style-hover="background:#DEE8EF;color:#033B4F">Schedule a fit call</a>
1567        <a builder-link-id="39229" href="https://baigroup.ai/standard" style="display:inline-block;color:#FAF9F6;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 rgba(250,249,246,0.4)" style-hover="background:rgba(250,249,246,0.08);color:#FAF9F6">Access the Standard</a>
1568      </div>
1569    </div>
1570    <div id="self-assessment-form" style="margin-top:48px;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">
1571      <div>
1572        <div style="font-weight:700;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:#4E7A12">Free · Start here</div>
1573        <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>
1574        <p style="margin:14px 0 0;font-size:17px;color:#1C2B33">Download the C.A.S.E.™ Pillars Self-Assessment, a diagnostic built on the Human-Attuned AI approach. Test your rollout through the four pillars, score where you stand, and see where trust won’t hold under real operating conditions.</p>
1575      </div>
1576      <div>
1577        <div class="ml-embedded" data-form="xshYH6"></div>
1578      </div>
1579    </div>
1580  </div>
1581</section>
1582</div>
1583</x-dc>
1584
1585
1586
1587</div>
1588
1589<!-- {/literal} -->
1590
1591  
1592
1593
1594
1595
1596
1597
1598    <!-- Footer -->
1599    
1600
1601  
1602  
1603
1604  
1605  
1606  
1607
1608  
1609
1610    
1611
1612    
1613    
1614
1615    
1616
1617    
1618      
1619      
1620    
1621
1622    
1623      
1624      
1625      
1626    
1627    
1628      
1629      
1630      
1631    
1632
1633    
1634      
1635    
1636    
1637      
1638      
1639      
1640    
1641
1642    
1643      
1644      
1645      
1646      
1647    
1648    
1649      
1650
1651        
1652        
1653        
1654        
1655      
1656      
1657        
1658        
1659        
1660      
1661    
1662
1663  
1664
1665  <footer class="ml-lp-24 pl-3 pr-3">
1666
1667    
1668
1669    
1670
1671    <div class="container   ml-lp-24">
1672
1673      <div class="row justify-content-center">
1674        <div class=" col-12">
1675          <!-- Logo -->
1676          <div class="row mb-4">
1677            <div class="col">
1678              <a builder-link-id="-14" class="logo-footer" href="/">
1679                <img alt="" src="https://storage.mlcdn.com/account_image/1409390/CIo8tdlxc9iyx9mMWBnA3LXSJkAwEmbxeLKUKp0Y.png" style="display: block;" border="0">
1680              </a>
1681            </div>
1682          </div>
1683          <!-- /Logo -->
1684          <!-- Navigation -->
1685          <div class="row footer-navigation">
1686
1687            <div class="col-6 col-md-3 mb-4">
1688              
1689                
1690                
1691                <h4 class="mb-3">
1692                  MENU</h4>
1693                <ul class="list-unstyled mb-0">
1694                  <li class="nav-footer-item ">
1695                    <a builder-link-id="-15" href="/" class="nav-footer-link" target="_self">Home</a>
1696                  </li><li class="nav-footer-item ">
1697                    <a builder-link-id="-16" href="/human-attuned-ai" class="nav-footer-link" target="_self">Human-Attuned AI</a>
1698                  </li><li class="nav-footer-item ">
1699                    <a builder-link-id="-17" href="/standard" class="nav-footer-link" target="_self">C.A.S.E.™ Standard</a>
1700                  </li><li class="nav-footer-item ">
1701                    <a builder-link-id="-18" href="/enterprise-advisory" class="nav-footer-link" target="_self">Enterprise Advisory</a>
1702                  </li><li class="nav-footer-item ">
1703                    <a builder-link-id="-19" href="/advisory/executive-advisory" class="nav-footer-link" target="_self">
1703Executive Advisory</a>
1704                  </li><li class="nav-footer-item ">
1705                    <a builder-link-id="-20" href="//pages.baigroup.ai/certifications" class="nav-footer-link" target="_self">Certifications</a>
1706                  </li><li class="nav-footer-item ">
1707                    <a builder-link-id="-21" href="https://baigroup.substack.com/" class="nav-footer-link" target="_blank">Insights</a>
1708                  </li><li class="nav-footer-item ">
1709                    <a builder-link-id="-22" href="/self-assessment" class="nav-footer-link" target="_self">Self-Assessment</a>
1710                  </li>
1711                </ul>
1712              
1713            </div>
1714            <div class="col-6 col-md-3 mb-4">
1715              
1716                
1717                
1718                <h4 class="mb-3">
1719                  CONNECT</h4>
1720                <ul class="list-unstyled mb-0">
1721                  <li class="nav-footer-item ">
1722                    <a href="mailto:[email protected]" class="nav-footer-link" target="_blank">[email protected]</a>
1723                  </li><li class="nav-footer-item ">
1724                    <a href="mailto:[email protected]" class="nav-footer-link" target="_blank">[email protected]</a>
1725                  </li><li class="nav-footer-item ">
1726                    <a builder-link-id="-23" href="https://www.linkedin.com/company/baigroup/" class="nav-footer-link" target="_blank">LinkedIn</a>
1727                  </li>
1728                </ul>
1729              
1730            </div>
1731            <div class="col-6 col-md-3 mb-4">
1732              
1733                
1734                
1735                <h4 class="mb-3">
1736                  GOVERNANCE</h4>
1737                <ul class="list-unstyled mb-0">
1738                  <li class="nav-footer-item ">
1739                    <a builder-link-id="-24" href="/terms" class="nav-footer-link" target="_blank">Terms of Use</a>
1740                  </li><li class="nav-footer-item ">
1741                    <a builder-link-id="-25" href="/privacy" class="nav-footer-link" target="_blank">Privacy Policy</a>
1742                  </li><li class="nav-footer-item ">
1743                    <a builder-link-id="-26" href="/brand-ip" class="nav-footer-link" target="_self">Brand & IP</a>
1744                  </li><li class="nav-footer-item hide">
1745                    <a builder-link-id="-27" href="undefined" class="nav-footer-link" target="_self">C.A.S.E.™ Standard Governance</a>
1746                  </li>
1747                </ul>
1748              
1749            </div>
1750            <div class="col-6 col-md-3 mb-4">
1751              
1752            </div>
1753
1754          </div>
1755          <!-- /Navigation -->
1756          <!-- Disclaimer -->
1757          <div class="row">
1758            <div class="col d-flex flex-column flex-md-row">
1759              <div class="order-2 order-md-1">
1760                <div class="footer-description d-flex flex-column align-items-center align-items-md-start">
1761                  <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>
1762<p><span style="font-size: 12px;"><span style="font-size: 14px;"> © 2026 B.AI Group, LLC. All rights reserved.</span></span></p>
1763                </div>
1764              </div>
1765
1766              <div class="mb-3 mb-md-0 order-1 order-md-3 ml-md-auto">
1767                <ul class="list-inline mb-0 text-center">
1768                  
1769                </ul>
1770              </div>
1771            </div>
1772          </div>
1773          <!-- /Disclaimer -->
1774        </div>
1775      </div>
1776
1777    </div>
1778
1779  </footer>
1780
1781  
1782
1783      
1783<script>
1784 
1785
1786  var $ = window.ml_jQuery || window.jQuery;
1787
1788 document.onkeydown = function(evt) {
1789   evt = evt || window.event;
1790   var isEscape = false;
1791   if ('key' in evt) {
1792     isEscape = evt.key == 'Escape';
1793   } else {
1794     isEscape = evt.keyCode == 27;
1795   }
1796
1797   if (isEscape) {
1798     close();
1799   }
1800 };
1801
1802 function close() {
1803        window.parent.postMessage('ml-accounts---webforms-46470854--hide', '*');
1804 };
1805
1806 (function ($, window) {
1807   function sendHeightToParent(selector, sendSize) {
1808     var formHeight = $(selector).outerHeight();
1809
1810     window.parent.postMessage('ml-accounts---webforms-46470854--setHeight-' + formHeight + 'px', '*');
1811
1812     if (sendSize) {
1813
1814       var formWidth = $(selector).outerWidth();
1815       window.parent.postMessage('ml-accounts---webforms-46470854--setSize-' + formHeight + 'px' + '-' + formWidth + 'px', '*');
1816     }
1817   }
1818
1819   var resizeTimer;
1820   var formTypes = [
1821     '.mailerlite-trigger-sendHeightToParent',
1822
1823     // old classes that triggers sendHeight too
1824     '.mailerlite-popup',
1825     '.mailerlite-slidebox',
1826     '.mailerlite-form-bar',
1827     '.mailerlite-fullscreen'
1828   ];
1829
1830   function resizeFunction(formType, sendSize) {
1831     sendHeightToParent(formType, sendSize);
1832   }
1833
1834   formTypes.forEach(function (formType) {
1835     if (window.sendHeightToParentTriggered) {
1836       return;
1837     }
1838
1839     if ($(formType).length) {
1840       setTimeout(resizeFunction(formType), 200);
1841
1842       $(window).resize(function() {
1843         clearTimeout(resizeTimer);
1844         resizeTimer = setTimeout(resizeFunction(formType, true), 50);
1845       });
1846
1847       // if height is already triggered - do not trigger again
1848       window.sendHeightToParentTriggered = true;
1849     }
1850   })
1851 })($, window);
1852
1853 
1854    
1855</script>
1855
1856
1857      
1858
1859    
1860            
1860<script>
1861      ml('webpages', '46470854', '', 'visitor', 'track');
1862    </script>
1862
1863          
1864      
1864<script>
1865        function debounce(func, wait, immediate) {
1866          var timeout;
1867          return function () {
1868            var context = this, args = arguments;
1869            var later = function () {
1870              timeout = null;
1871              if (!immediate) func.apply(context, args);
1872            };
1873            var callNow = immediate && !timeout;
1874            clearTimeout(timeout);
1875            timeout = setTimeout(later, wait);
1876
1877            if (callNow) func.apply(context, args);
1878          };
1879        }
1880
1881        var heatmap_submit_url = 'https://connect.mailerlite.com/api/pages/199895122449532144/clicks?signature=c5b9d4f7fa562595a9ddea7a6d50c04c10683ca22cffc8f65ee91435e96075d6';
1882
1883        // continue only if heatmap_submit_url is valid
1884        if (/^https?:\/\/.*$/i.test(heatmap_submit_url)) {
1885          var heatmap_clicks = [];
1886
1887          var addData = function (targetTagName, targetIndex, x, y) {
1888            var width = $(window).width();
1889
1890            var clickObject = {
1891              targetTagName: targetTagName,
1892              targetIndex: targetIndex,
1893              x: x,
1894              y: y,
1895              value: 1,
1896              screenWidth: width,
1897              webformId: '46470854',
1898              webformCode: '',
1899              blog_post_id: '',
1900              blog_category_id: ''
1901            };
1902
1903            heatmap_clicks.push(clickObject);
1904
1905            window.debounce_function = window.debounce_function || debounce(function () {
1906              sendHeatmapData();
1907            }, 3000);
1908
1909            window.debounce_function();
1910          };
1911
1912          var sendHeatmapData = function () {
1913            var xhr = new XMLHttpRequest();
1914            xhr.open('POST', heatmap_submit_url, true);
1915            xhr.send(JSON.stringify(heatmap_clicks));
1916
1917            heatmap_clicks = [];
1918          };
1919
1920          $(document).on("click tap", function (event) {
1921            var target = event.target;
1922
1923            // if click is made on carousel, send only clicks from 1st slide
1924            var clickedInsideCarousel = target.closest(".ml-carousel-item");
1925            var firstSlide = false;
1926            if (clickedInsideCarousel) {
1927              var elementClasses = clickedInsideCarousel.classList;
1928
1929              for (var i = 0; i < elementClasses.length; i++) {
1930                if ( elementClasses[i] === 'ml-carousel-item-0') {
1931                  firstSlide = true;
1932                  break;
1933                }
1934              }
1935            }
1936            if (clickedInsideCarousel && !firstSlide) {
1937              return;
1938            }
1939
1940            var targetTagName = target.tagName;
1941            var targetIndex;
1942            var elements = document.getElementsByTagName(targetTagName);
1943            var x, y;
1944
1945            Array.prototype.forEach.call(elements, function (element, key) {
1946              if (element === target) {
1947                targetIndex = key;
1948              }
1949            });
1950
1951            if ((event.offsetX > target.offsetWidth || event.offsetY > target.offsetHeight) && target.offsetParent) {
1952              // because some tags like <strong>, <span> are picking up offsetX from parent element
1953              target = target.offsetParent;
1954            }
1955
1956            x = event.offsetX / target.offsetWidth * 100;
1957            y = event.offsetY / target.offsetHeight * 100;
1958
1959            addData(targetTagName, targetIndex, x, y);
1960          });
1961
1962          function getElementDisplayType(element) {
1963            if (!element) {
1964              return false;
1965            }
1966
1967            var cStyle = element.currentStyle || window.getComputedStyle(element, "");
1968            return cStyle.display;
1969          }
1970
1971          window.onbeforeunload = function () {
1972            if (heatmap_clicks.length) {
1973              sendHeatmapData();
1974            }
1975          }
1976        }
1977      </script>
1977
1978    
1979  
1980
1981  
1982  
1982<script>
1983      (function(window) {
1984  window.addEventListener("message", receiveMessage, false);
1985
1986  function receiveMessage(event) {
1987      if (event && event.data && typeof event.data === 'string') {
1988        var message_parts = event.data.split('-');
1989        if (message_parts.length > 1) {
1990            if (message_parts[0] == 'mlWebformSubmitSuccess') {
1991                var id = message_parts[1];
1992                var cookieName = 'mailerlite:webform:submited:' + id
1993                var cookieValue = (new Date()).getTime();
1994                document.cookie = cookieName + "=" + cookieValue + "; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";
1995            } else if (message_parts[0] == 'mlWebformRedirect') {
1996                var target = message_parts[message_parts.length - 1];
1997                var targets = ['_blank', '_self', '_parent', '_top'];
1998                var redirect = message_parts.slice(1, message_parts.length - 1).join('-');
1999                if (targets.indexOf(target) < 0) {
2000                    redirect = message_parts.slice(1).join('-');
2001                    target = '_blank';
2002                }
2003
2004                var redirectUrl = new URL(decodeURIComponent(redirect));
2005                if (redirectUrl && redirectUrl.protocol != 'javascript:') {
2006
2007                    window.open(decodeURIComponent(redirect), target);
2008                }
2009            }
2010        }
2011      }
2012  }
2013})(window);
2014  </script>
2014
2015
2016  
2017
2018
2019
2020</div>
2021
2022
2023    </div>
2024
2025    
2026
2027      
2027<script src="https://groot.mailerlite.com/js/w/webforms.min.js?v83147fa8ce2d95cb73ece7f28b469519" type="text/javascript"></script>
2027
2028
2029    
2030    
2031
2032  
2033      <div id="ml-checkout-modal" class="modal">
2034        <div class="modal-backdrop" style="opacity: 0.5"></div>
2035        <div class="modal-dialog modal-lg modal-dialog-centered">
2036            <div class="modal-content rounded-lg" style="z-index: 1040; width: 768px; max-width: 90vw; height: 840px; max-height: 80vh;">
2037                <iframe id="ml-checkout-iframe" src="" class="w-100 h-100 border-0 rounded-lg"></iframe>
2038            </div>
2039        </div>
2040    </div>
2041  
2042  
2043
2044</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.