/* One cadence, three brand palettes. No changes to the embedded product system. */
:root{--motion-fast:160ms;--motion-ui:240ms;--motion-expand:340ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
body:not(.baxs-manual-standalone) :is(main,footer) :is(.btn,.button,.text-link,.bx-faq-all,.bxh-method-cta){transition:background-color var(--motion-ui),color var(--motion-ui),border-color var(--motion-ui),box-shadow var(--motion-ui),transform var(--motion-ui) var(--motion-ease)}
body:not(.baxs-manual-standalone) :is(main,footer) :is(.btn,.button,.text-link,.bx-faq-all,.bxh-method-cta) svg{transition:transform var(--motion-ui) var(--motion-ease)}
body:not(.baxs-manual-standalone) main :is(.bxh-method,.ba-group-card,.ba-business-card,.ba-platform-card,.corp-product-card,.bkl-proof-card){transition:transform 360ms var(--motion-ease),box-shadow 360ms var(--motion-ease),border-color var(--motion-ui)}
body:not(.baxs-manual-standalone) main :is(details>summary,.principle-toggle){transition:color var(--motion-ui),background-color var(--motion-ui)}
body:not(.baxs-manual-standalone) main details>summary :is(i,.corp-expand-icon){transition:transform var(--motion-ui),background-color var(--motion-ui),color var(--motion-ui)}
@media(hover:hover) and (pointer:fine){
 body:not(.baxs-manual-standalone) :is(main,footer) :is(.btn,.button):hover{transform:translateY(-2px)}
 body:not(.baxs-manual-standalone) :is(main,footer) :is(.btn,.button,.text-link,.bx-faq-all,.bxh-method-cta):hover svg{transform:translateX(3px)}
 body:not(.baxs-manual-standalone) main :is(.bxh-method,.ba-group-card,.ba-business-card,.ba-platform-card,.corp-product-card,.bkl-proof-card):hover{transform:translateY(-4px)}
}
body:not(.baxs-manual-standalone) :is(main,footer) :is(.btn,.button):active{transform:translateY(0) scale(.985);transition-duration:100ms}
body:not(.baxs-manual-standalone) main :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:4px}
dialog::backdrop{transition:background-color 180ms ease,backdrop-filter 180ms ease}
dialog[data-motion-closing]::backdrop{background-color:transparent!important;backdrop-filter:blur(0)!important}
@starting-style{dialog[open]::backdrop{background-color:transparent;backdrop-filter:blur(0)}}
/* Explicit button geometry defeats the older ghost-link padding reset. */
html[data-site="baxs"] body:not(.in-demo):not(.baxs-manual-standalone) #app .btn:not(.bx-brand-hero .btn),
html[data-site="baxs"] body:not(.baxs-manual-standalone) #modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;text-align:center;box-sizing:border-box}
html[data-site="baxs"] body:not(.in-demo):not(.baxs-manual-standalone) #app .btn.ghost:not(.bx-brand-hero .btn){padding:12px 20px;border:1px solid #c9d2ed;background:#fff;color:#3448b6}
html[data-site="ba"] body main .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 22px;font-size:14px;line-height:1.5;text-decoration:none;box-sizing:border-box}
html[data-site="bkl"] body main .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 22px;border-radius:4px;font-size:14px;line-height:1.5;text-decoration:none;box-sizing:border-box}
html[data-site] body main :is(.btn,.button)>svg{flex:0 0 18px;width:18px;height:18px}
.bx-capabilities-page .site-section-nav>div{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.bx-capabilities-page .site-section-nav a{flex:none;white-space:nowrap}
@media(prefers-reduced-motion:reduce){
 :root{--motion-fast:0ms;--motion-ui:0ms;--motion-expand:0ms}
 body:not(.baxs-manual-standalone) :is(main,footer) :is(.btn,.button,.text-link,.bx-faq-all,.bxh-method,.ba-group-card,.ba-business-card,.ba-platform-card,.corp-product-card,.bkl-proof-card){transition:none;transform:none!important}
 body:not(.baxs-manual-standalone) main details>summary i::before,
 body:not(.baxs-manual-standalone) main details>summary i::after{transition:none!important;animation:none!important}
 dialog,dialog::backdrop{transition:none}
}

/* Section headings receive focus for reading order, not a control outline. */
:is(h1,h2,h3,h4)[data-section-focus][tabindex="-1"]:focus{outline:none!important;box-shadow:none!important}

html[data-site=ba] #main .hero-copy p.ba-hero-description{max-width:420px;font-size:17px;line-height:1.85;letter-spacing:0;text-wrap:pretty}html[data-site=ba][lang=en] #main .hero-copy p.ba-hero-description{max-width:440px;font-size:16px;line-height:1.7}
@media(max-width:760px){html[data-site=ba] #main .hero-copy p.ba-hero-description{max-width:340px;font-size:15px;line-height:1.8}}