:root{--bai-cream:#fffaf2;--bai-ink:#0d1634;--bai-accent:#c2410c;--bai-lilac:#e5e9f4;--bai-line:#e8dfd4;--bai-muted:#626b87;--bai-radius:22px;--bai-font:Inter,Arial,system-ui,sans-serif}
.bai-header,.bai-demo-app{font-family:var(--bai-font);color:var(--bai-ink);box-sizing:border-box}.bai-header *,.bai-demo-app *{box-sizing:border-box}.bai-header button,.bai-demo-app button{font:inherit;cursor:pointer}.bai-header a{text-decoration:none;color:inherit}.bai-header :is(a,button):focus-visible,.bai-demo-app button:focus-visible{outline:3px solid #e0520a;outline-offset:4px}.bai-header button,.bai-header a{touch-action:manipulation}.bai-header[hidden],.bai-mobile-toggle[hidden],.bai-menu[hidden],.bai-demo-app [hidden]{display:none!important}[data-bai-legacy]{display:none!important}
.bai-header{position:sticky;top:0;z-index:200;background:var(--bai-cream);border-bottom:1px solid #e8dfd4}.bai-header-inner{width:min(1400px,calc(100% - 64px));min-height:86px;margin:auto;display:flex;align-items:center;gap:36px;position:relative}.bai-brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1.3px;white-space:nowrap}.bai-brand svg{width:31px;height:31px}.bai-brand>span>span{color:var(--bai-accent)}.bai-nav-links{display:flex;align-items:center;gap:23px;flex:1}.bai-nav-trigger{display:flex;align-items:center;gap:8px;min-height:46px;border:0;background:transparent;color:#1c2440;padding:8px 0;font-size:13px!important;font-weight:600!important}.bai-nav-trigger svg{width:12px;height:12px;transition:transform .18s}.bai-nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.bai-nav-trigger:hover{color:var(--bai-accent)}.bai-nav-links>a{display:flex;align-items:center;min-height:46px;font-size:13px;font-weight:500;color:#3c4153;white-space:nowrap}.bai-nav-links>a:hover{color:var(--bai-accent)}.bai-header-actions{display:flex;gap:10px;margin-left:auto;align-items:center}.bai-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--bai-line);border-radius:9px;color:var(--bai-ink);background:transparent;font-size:11px!important;font-weight:700!important;letter-spacing:.03em;white-space:nowrap;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.bai-button-primary{background:var(--bai-ink);border-color:var(--bai-ink);color:var(--bai-cream)!important}.bai-button-primary:hover{background:var(--bai-accent);border-color:var(--bai-accent);box-shadow:0 7px 20px #c2410c1d}.bai-button-secondary:hover{background:#f5eddf;border-color:#b9bfd1}.bai-button svg,.bai-link-arrow{width:14px;height:14px;transition:transform .18s}.bai-button:hover svg,.bai-capability:hover .bai-link-arrow{transform:translate(2px,-2px)}.bai-mobile-toggle{display:none;align-items:center;justify-content:center;width:43px;height:43px;margin-left:auto;border:1px solid var(--bai-line);border-radius:9px;background:transparent}.bai-mobile-toggle svg{width:20px;height:20px}
.bai-menu{position:absolute;top:calc(100% + 13px);left:0;right:0;width:100%;border-radius:var(--bai-radius);background:var(--bai-cream);box-shadow:0 25px 65px #11182c29;border:1px solid #d9ddec;overflow:hidden;animation:bai-open .16s ease-out}.bai-menu-layout{display:grid;grid-template-columns:300px 1fr;gap:18px;padding:20px}.bai-tablist{display:flex;flex-direction:column;gap:8px;padding:2px}.bai-tab{display:block;text-align:left;min-height:85px;width:100%;padding:15px 18px;border:1px solid transparent;border-radius:13px;background:transparent;transition:background-color .16s,border-color .16s;color:#0d1634}.bai-tab-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650;letter-spacing:-.35px}.bai-tab-description{display:block;font-size:12px;line-height:1.6;color:#767e9b;margin-top:5px}.bai-tab[aria-selected=true]{background:#e2e4ee;border-color:#c7ccdf}.bai-tab[aria-selected=true] .bai-tab-title{color:#16275c}.bai-tab:hover:not([aria-selected=true]){background:#eceef2}.bai-badge{display:inline-flex;align-items:center;min-height:18px;padding:1px 7px;border-radius:99px;background:#1f3480;color:#fff;font-size:8px;font-weight:700;letter-spacing:.05em}.bai-tab[aria-selected=true] .bai-badge{background:#16275c}.bai-panel{background:linear-gradient(145deg,#f0e9e0,#f7f0e7);border:1px solid #e5d9cd;border-radius:15px;padding:24px 25px;min-width:0}.bai-panel-eyebrow{display:block;color:#7e87a2;font-size:9px;font-weight:700;letter-spacing:.15em;margin:0 0 9px}.bai-panel h2{font:500 20px/1.4 var(--bai-font);letter-spacing:-.5px;margin:0 0 20px;color:#3c4153;padding:0 0 18px;border-bottom:1px solid #e2d6cf}.bai-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bai-capability{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px;background:#fffaf29c;border:1px solid #ffffff35;border-radius:11px;min-height:75px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.bai-capability:hover{background:#fffdf8;border-color:#c1c9e6;box-shadow:0 5px 15px #424e7809;transform:translateY(-1px)}.bai-capability-title{font-size:13px;font-weight:650;letter-spacing:-.15px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;line-height:1.5}.bai-capability-text{display:block;color:#7a839f;font-size:11px;line-height:1.6;margin-top:3px}.bai-link-arrow{color:#7987b4;flex-shrink:0;margin-top:3px;opacity:0;transition:opacity .16s,transform .16s}.bai-capability:hover .bai-link-arrow,.bai-capability:focus-visible .bai-link-arrow{opacity:1}.bai-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e2d6cf;margin-top:17px;padding-top:16px}.bai-panel-footer>a{font-size:12px;color:#16275c;font-weight:650;display:flex;align-items:center;min-height:32px;gap:7px}.bai-panel-footer>a:hover{text-decoration:underline;text-underline-offset:5px}.bai-panel-footer>span{font-size:8px;font-weight:650;letter-spacing:.12em;color:#79829e}.bai-menu-note{font-size:9px;color:#757e9b;margin:0 22px 15px;line-height:1.7}.bai-menu-dismiss{display:none}.bai-menu-shade{position:fixed;inset:86px 0 0;z-index:190;background:#19234224;backdrop-filter:blur(2px)}.bai-menu-shade[hidden]{display:none}@keyframes bai-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body.bai-enhanced :is(.button.primary,.btn.primary){border-radius:10px;background:#0d1634;color:#fffaf2;border-color:#0d1634;box-shadow:none;transition:background-color .18s,border-color .18s,box-shadow .18s}body.bai-enhanced :is(.button.primary,.btn.primary):hover{background:#c2410c;border-color:#c2410c;transform:none;box-shadow:0 8px 23px #c2410c1a}body.bai-enhanced :is(.button.secondary,.btn.ghost){border-radius:10px;transition:background-color .18s,border-color .18s}body.bai-enhanced :is(.button,.btn):focus-visible{outline:3px solid #e0520a;outline-offset:4px}
.bai-demo-app{width:min(1240px,calc(100% - 48px));margin:72px auto 90px}.bai-app-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:25px}.bai-app-top h2{font:600 27px/1.2 var(--bai-font);letter-spacing:-1px;margin:0 0 8px}.bai-app-top p{font-size:12px;color:#757e9b;margin:0;line-height:1.8}.bai-app-tag{font-size:9px;background:#eef1f9;color:#63719c;border:1px solid #d7dcee;border-radius:99px;padding:5px 10px;white-space:nowrap}.bai-app-tabs{display:flex;align-items:center;gap:6px;border:1px solid #dcdfea;border-radius:12px;padding:6px;background:#f7f9fd;margin-bottom:23px;flex-wrap:wrap}.bai-app-tab{min-height:43px;border:1px solid transparent;border-radius:8px;padding:0 18px;display:flex;align-items:center;gap:8px;background:transparent;font-size:12px!important;color:#7f88a9;transition:background-color .16s,color .16s,box-shadow .16s}.bai-app-tab svg{width:15px;height:15px}.bai-app-tab[aria-selected=true]{background:#0f1a44;color:#fff8ed;border-color:#0f1a44;box-shadow:0 4px 10px #15192812}.bai-app-tab:hover:not([aria-selected=true]){background:#e4e8f4;color:#535e81}.bai-app-panel{min-height:350px;padding:28px;border:1px solid #d6dbe8;border-radius:18px;background:linear-gradient(130deg,#fafbfc,#f0f3fb)}.bai-app-panel h3{font:600 23px/1.3 var(--bai-font);letter-spacing:-.7px;margin:0 0 13px}.bai-app-panel>p{font-size:13px;color:#7f88a4;max-width:650px;line-height:1.8}.bai-app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px}.bai-app-feature{padding:22px;border:1px solid #d6dcec;border-radius:13px;background:#fffdfa}.bai-app-feature>svg{width:23px;height:23px;color:#7281b5;margin-bottom:21px}.bai-app-feature h4{font:600 15px/1.4 var(--bai-font);letter-spacing:-.25px;margin:0 0 9px}.bai-app-feature p{font-size:11px;line-height:1.8;color:#848dae;margin:0}.bai-app-disclaimer{font-size:10px;color:#8a91aa;line-height:1.8;margin:15px 0 0}
@media(max-width:1150px){.bai-header-inner{width:calc(100% - 40px);gap:25px}.bai-brand{font-size:24px}.bai-nav-links{gap:17px}.bai-nav-links>a,.bai-nav-trigger{font-size:12px!important}.bai-header-actions .bai-button{padding:0 14px;font-size:10px!important}.bai-menu-layout{grid-template-columns:260px 1fr;gap:14px}.bai-tab{padding:14px;min-height:87px}.bai-tab-title{font-size:15px}}
@media(max-width:900px){.bai-header-inner{min-height:72px;gap:15px}.bai-mobile-toggle{display:flex}.bai-nav-links{display:none}.bai-header-actions{margin-left:auto}.bai-header-actions .bai-button-secondary{display:none}.bai-menu{top:calc(100% + 8px);max-height:calc(100dvh - 95px);overflow-y:auto}.bai-menu-layout{grid-template-columns:205px 1fr;padding:15px;gap:12px}.bai-tab{padding:12px;min-height:88px}.bai-tab-title{font-size:13px}.bai-tab-description{font-size:10px}.bai-panel{padding:20px}.bai-capability-grid{grid-template-columns:1fr}.bai-panel h2{font-size:18px}.bai-menu-shade{inset:72px 0 0}.bai-panel-footer{align-items:flex-start;flex-direction:column;gap:6px}.bai-app-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.bai-header-inner{width:calc(100% - 28px);gap:12px}.bai-brand{font-size:22px;gap:8px}.bai-brand svg{width:27px;height:27px}.bai-header-actions .bai-button{font-size:9px!important;min-height:40px;padding:0 12px}.bai-mobile-toggle{width:39px;height:39px}.bai-menu{left:-5px;right:-5px;width:calc(100% + 10px);border-radius:18px;max-height:calc(100dvh - 95px)}.bai-menu-layout{display:flex;flex-direction:column;gap:14px;padding:14px}.bai-tablist{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding:2px 2px 7px;scrollbar-width:thin}.bai-tab{width:auto;flex:0 0 auto;min-height:43px;white-space:nowrap;padding:10px 12px;border-radius:8px;background:#eef1f8}.bai-tab-title{font-size:11px;gap:5px}.bai-tab-description{display:none}.bai-badge{font-size:7px;padding:1px 5px;min-height:16px}.bai-panel{padding:18px}.bai-panel h2{font-size:17px;margin-bottom:15px;padding-bottom:14px}.bai-panel-eyebrow{font-size:8px}.bai-capability{min-height:67px;padding:12px}.bai-capability-title{font-size:12px}.bai-capability-text{font-size:10px}.bai-panel-footer>a{font-size:11px}.bai-menu-note{font-size:8px;margin:0 18px 13px}.bai-app-top{flex-direction:column;gap:12px}.bai-demo-app{width:calc(100% - 30px);margin:45px auto}.bai-app-tabs{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}.bai-app-tab{white-space:nowrap;padding:0 13px;min-height:40px;font-size:11px!important}.bai-app-panel{padding:22px}.bai-app-feature-grid{grid-template-columns:1fr}.bai-app-feature{padding:20px}.bai-app-feature>svg{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.bai-header *,.bai-demo-app *{animation:none!important;transition:none!important}body.bai-enhanced :is(.button,.btn){transition:none!important}}

/* ===== Sélecteur de langue (disclosure : bouton + liste de liens) ===== */
.bai-lang{position:relative}
.bai-lang-btn{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:0 12px;border:1px solid var(--bai-line);border-radius:9px;background:transparent;color:var(--bai-ink);font-size:11px!important;font-weight:700!important;letter-spacing:.06em;transition:background-color .18s,border-color .18s}
.bai-lang-btn svg{width:15px;height:15px;flex:0 0 15px}.bai-lang-btn svg:last-child{width:11px;height:11px;flex-basis:11px;transition:transform .18s}.bai-lang-btn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}
.bai-lang-btn:hover,.bai-lang-btn[aria-expanded=true]{background:#f5eddf;border-color:#b9bfd1}
.bai-lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:210;min-width:180px;padding:6px;border:1px solid #d9ddec;border-radius:14px;background:var(--bai-cream);box-shadow:0 18px 45px #11182c29;animation:bai-open .14s ease-out}
.bai-lang-menu[hidden]{display:none!important}
.bai-lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:0 12px;border-radius:9px;font-size:14px;font-weight:550;color:#1c2440}
.bai-lang-menu a:hover{background:#eceef2}.bai-lang-menu a[aria-current]{background:#e2e4ee;color:#16275c;font-weight:700}
.bai-lang-menu svg{width:15px;height:15px;color:var(--bai-accent);flex:0 0 15px}
/* ===== En-tête statique de repli : invisible (mais il réserve la place → pas de saut de mise en page) tant que le kit n'a pas monté l'en-tête complet ===== */
.bai-static{visibility:hidden;animation:bai-static-show .01s linear 3s forwards}
@keyframes bai-static-show{to{visibility:visible}}
html[data-nav=degraded] .bai-static{visibility:visible;animation:none}
.lang-mini{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#626b87}
.lang-mini a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 4px;border-radius:8px;color:var(--bai-ink)}
.lang-mini a:hover{color:var(--bai-accent)}.lang-mini a[aria-current]{background:#e2e4ee;color:#16275c}
@media(max-width:540px){.bai-lang-btn{min-height:39px;padding:0 9px}.bai-lang-menu{min-width:168px}}