body { font-family: var(--bn-font-sans); color: var(--bn-fg-1); } button, input, select, textarea { font-family: inherit; } .bn-fieldnotes__head { flex-wrap: wrap; } .bn-fieldnotes__head .bn-eyebrow { width: max-content; flex: 0 0 auto; }  ::selection { background: var(--bn-violet-100); color: var(--bn-night); } .bn-on-night ::selection { background: var(--bn-green-300); color: var(--bn-night); }  .bn-marquee__dot { width: 5px; height: 5px; border-radius: 50%; background: var(--bn-fg-3); display: inline-block; } .bn-marquee__item span { color: var(--bn-fg-3); font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; }  .bn-hero__phrase--accent { color: var(--bn-violet); padding-right: 0.04em; } .bn-gradient-text--green { background: var(--bn-gradient-green); -webkit-background-clip: text; background-clip: text; color: transparent; } body { font-feature-settings: "ss01", "ss02"; -webkit-font-smoothing: antialiased; }  #bn-mobile-menu .brx-offcanvas-inner { position: fixed !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100dvh !important; transform: none !important; z-index: 55 !important; opacity: 0; visibility: hidden; transition: opacity var(--bn-duration-2) var(--bn-ease-standard), visibility 0s linear var(--bn-duration-2); } #bn-mobile-menu.brx-open .brx-offcanvas-inner { opacity: 1 !important; visibility: visible !important; transition: opacity var(--bn-duration-2) var(--bn-ease-standard), visibility 0s; }  .bn-brand__logo--night.bn-brand__logo { display: none; } .bn-header:has(.bn-header__toggle.is-active) { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-bottom-color: transparent !important; } .bn-header:has(.bn-header__toggle.is-active) .bn-header__cta { display: none !important; } .bn-header__toggle.is-active { color: var(--bn-white); } .bn-header:has(.bn-header__toggle.is-active) .bn-brand__logo { display: none !important; } .bn-header:has(.bn-header__toggle.is-active) .bn-brand__logo--night { display: block !important; }  .bn-header__toggle { --brxe-toggle-bar-width: 22px; --brxe-toggle-bar-height: 1.5px; } .bn-header__toggle .brxa-inner { background-color: transparent !important; } .bn-header__toggle .brxa-inner::before, .bn-header__toggle .brxa-inner::after { height: 1.5px !important; width: 22px !important; border-radius: 1px; transition: transform var(--bn-duration-2) var(--bn-ease-standard), background-color var(--bn-duration-2) var(--bn-ease-standard); } .bn-header__toggle .brxa-inner::before { top: -3.5px !important; } .bn-header__toggle .brxa-inner::after { bottom: -3.5px !important; } .bn-header__toggle.is-active .brxa-inner::before { transform: translateY(3.5px) rotate(45deg) !important; } .bn-header__toggle.is-active .brxa-inner::after { transform: translateY(-3.5px) rotate(-45deg) !important; }   header.scrolling { border-bottom: 1px solid var(--bn-divider) !important; }  body.admin-bar #brx-header { top: 32px; } @media screen and (max-width:782px) { body.admin-bar #brx-header { top: 0; } } .bn-header { border-bottom: 1px solid transparent; }   .bn-hero__rail { column-gap: 10px; }  .bn-page-hero h1.bn-h1 { margin: 20px 0 0; }  .bn-nav .menu-item a { line-height: 26px !important; }  body.admin-bar .bn-panel--sticky { top: 128px; }  .bn-footer__head { row-gap: 16px; }  .bn-pagination .bricks-pagination { display: flex; justify-content: center; } .bn-pagination ul.page-numbers { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 56px 0 0; padding: 0; list-style: none; } .bn-pagination ul.page-numbers li { margin: 0; padding: 0; display: flex; list-style: none; } .bn-pagination li .page-numbers { height: 40px; min-width: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid var(--bn-border-strong); background: var(--bn-bg); color: var(--bn-fg-1); font-family: var(--bn-font-mono); font-size: 13px; font-variant-numeric: tabular-nums; border-radius: var(--bn-radius-pill); text-decoration: none; line-height: 1; transition: background var(--bn-duration-2) var(--bn-ease-standard), border-color var(--bn-duration-2) var(--bn-ease-standard), color var(--bn-duration-2) var(--bn-ease-standard); } .bn-pagination li .page-numbers.current { background: var(--bn-night); color: var(--bn-white); border-color: var(--bn-night); } .bn-pagination li .next, .bn-pagination li .prev { width: 40px; padding: 0; border-radius: 50%; } .bn-pagination li .dots { border-color: transparent; background: transparent; min-width: 24px; } @media(hover:hover) { .bn-pagination li a.page-numbers:not(.current):hover { border-color: var(--bn-fg-1); } }  .bn-form .options-wrapper { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; } .bn-form .options-wrapper li { margin: 0; padding: 0; display: flex; position: relative; } .bn-form .options-wrapper input[type="radio"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; } .bn-form .options-wrapper input[type="radio"]+label { display: inline-flex; align-items: center; margin: 0; padding: 8px 16px; border-radius: var(--bn-radius-pill); border: 1px solid var(--bn-border-strong); font-size: 13px; font-weight: 500; letter-spacing: normal; text-transform: none; color: var(--bn-fg-1); background: var(--bn-bg); cursor: pointer; transition: background var(--bn-duration-2) var(--bn-ease-standard), border-color var(--bn-duration-2) var(--bn-ease-standard), color var(--bn-duration-2) var(--bn-ease-standard); } @media(hover:hover) { .bn-form .options-wrapper input[type="radio"]:not(:checked):hover+label { border-color: var(--bn-fg-1); } } .bn-form .options-wrapper input[type="radio"]:checked+label { background: var(--bn-night); color: var(--bn-white); border-color: var(--bn-night); } .bn-form .options-wrapper input[type="radio"]:focus-visible+label { outline: 2px solid var(--bn-violet); outline-offset: 2px; }  .bn-form .form-group .label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--bn-fg-2); font-weight: 500; }  .bn-nav .bricks-nav-menu .menu-item { margin: 0; }  .bn-nav .current-menu-item a, .bn-nav .menu-item a[aria-current="page"] { cursor: default; } .bn-nav .current-menu-item a:hover, .bn-nav .menu-item a[aria-current="page"]:hover { color: var(--bn-fg-1); } .bn-nav .current-menu-item a:hover::after, .bn-nav .menu-item a[aria-current="page"]:hover::after { transform: scaleX(0); }  .bn-footer__head p.bn-footer__sub { margin: 16px 0; font-size: 16px; line-height: 26px; }  @media(min-width:992px) { .bn-ts-slide { min-height: 470px; } }  .bn-header__toggle .brxa-inner { left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 22px !important; }  .bn-success a { color: inherit; } .bn-success .bn-btn { width: fit-content; margin-left: auto; margin-right: auto; } .bn-success { scroll-margin-top: 120px; }  blockquote { font-family: var(--bn-font-sans); }  .bn-pagination .page-numbers.prev svg { transform: scaleX(-1); } .bn-pagination .page-numbers svg { width: 14px; height: 14px; }  *:focus-visible { outline: 2px solid var(--bn-violet); outline-offset: 2px; } .bn-on-night *:focus-visible { outline-color: var(--bn-violet-300); }  .bn-mobile-menu .bn-mobile-menu__cta.brxe-text-link:hover { background: rgba(255, 255, 255, 0.92); border-color: rgba(255, 255, 255, 0.92); color: var(--bn-night); }  @media (max-width: 991px) { .bn-ts-carousel { display: flex; flex-direction: column; } .bn-ts-carousel .splide__track { order: 0; } .bn-ts-carousel .splide__pagination { order: 1; position: static; justify-content: flex-start; margin: 28px 0 0; padding: 0; } .bn-ts-carousel .splide__arrows { order: 2; display: flex; gap: 8px; margin-top: 16px; } .bn-ts-carousel .splide__arrow { position: static; transform: none; margin: 0; } .bn-ts-carousel .splide__slide .bn-ts-slide { padding-bottom: 0; } }  .brxe-filter-radio input.brx-a11y-hidden:focus-visible { outline: none; } .brxe-filter-radio input:focus-visible+.brx-option-text, .brxe-filter-radio label:focus-within .brx-option-text, .brxe-filter-radio .brx-option-text:focus-visible { outline: 2px solid var(--bn-violet); outline-offset: 2px; }  .bn-work-card .bn-work-card__tag-row { margin-left: -10px; }  #process .brxe-container { display: grid; grid-template-columns: 0.82fr 1.3fr; gap: 64px; align-items: start; } #process .bn-section__head { position: sticky; top: 112px; margin: 0; align-self: start; } @media (max-width: 900px) { #process .brxe-container { display: flex; flex-direction: column; gap: 32px; } #process .bn-section__head { position: static; } }   .bn-tech-tag { display: inline-flex; align-items: center; font-size: 11px; font-weight: 500; color: var(--bn-fg-2); padding: 4px 10px; border: 1px solid var(--bn-border); border-radius: var(--bn-radius-pill); background: var(--bn-bg-alt); white-space: nowrap; margin: 0 6px 6px 0; } .bn-tech-tag:first-child { padding-left: 0px; }  .bn-article-hero__crumbs>[aria-current="page"] { display: none; } .bn-article-hero__crumbs> :nth-last-child(2) { display: none; } .bn-figure { margin: 40px 0; } .bn-figure img { width: 100%; height: auto; display: block; border-radius: var(--bn-radius-lg, 16px); border: 1px solid var(--bn-border); }  .bn-footer__bottom .bn-cin { white-space: nowrap } @media (max-width:600px) { .bn-footer__bottom .bn-sep { display: none } .bn-footer__bottom .bn-cin { display: block } }  .bn-feature__panel { position: relative; align-self: stretch; min-height: 340px; height: 100%; border-radius: var(--bn-radius-xl, 24px); overflow: hidden; background: radial-gradient(120% 95% at 100% 0%, rgba(106, 54, 226, 0.42), transparent 55%), radial-gradient(110% 90% at 100% 100%, rgba(32, 182, 107, 0.34), transparent 58%), #0A192F; } .bn-feature__panel::before { content: ""; position: absolute; top: 50%; right: -2%; width: 52%; height: 78%; transform: translateY(-50%); background: url(https://stg-beenacle-staging.kinsta.cloud/wp-content/uploads/2026/05/bn-logomark-color.svg) center right/contain no-repeat; opacity: 0.16; pointer-events: none; } @media (max-width:991px) { .bn-feature__panel { display: none; } .bn-feature-article.bn-on-night { position: relative; background: radial-gradient(95% 62% at 100% 0%, rgba(106, 54, 226, 0.40), transparent 62%), radial-gradient(88% 60% at 0% 100%, rgba(32, 182, 107, 0.24), transparent 62%), var(--bn-night); } .bn-feature-article.bn-on-night::after { content: ""; position: absolute; right: -7%; bottom: -5%; width: 38%; height: 32%; background: url(https://stg-beenacle-staging.kinsta.cloud/wp-content/uploads/2026/05/bn-logomark-color.svg) bottom right/contain no-repeat; opacity: 0.15; pointer-events: none; z-index: 0; } .bn-feature-article__body { position: relative; z-index: 1; } }  .bn-notfound { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px } .bn-notfound__tile { background: var(--bn-bg); border: 1px solid var(--bn-border); border-radius: var(--bn-radius-lg); padding: 32px; display: grid; gap: 14px; align-content: start; color: var(--bn-fg-1); text-decoration: none; transition: border-color var(--bn-duration-2) var(--bn-ease-standard), transform var(--bn-duration-2) var(--bn-ease-standard), box-shadow var(--bn-duration-2) var(--bn-ease-standard) } @media(hover:hover) and (pointer:fine) { .bn-notfound__tile:hover { border-color: var(--bn-border-strong); transform: translateY(-2px); box-shadow: var(--bn-shadow-sm) } .bn-notfound__tile:hover .bn-notfound__cta { color: var(--bn-violet) } } .bn-notfound__num { font-family: var(--bn-font-mono); font-size: 13px; color: var(--bn-fg-3); letter-spacing: 0.04em } .bn-notfound__title { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; color: var(--bn-fg-1) } .bn-notfound__desc { font-size: 14px; line-height: 1.55; color: var(--bn-fg-2) } .bn-notfound__cta { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--bn-fg-1); margin-top: 8px; transition: color var(--bn-duration-2) var(--bn-ease-standard) } .bn-notfound__mail { margin: 40px 0 0; text-align: center; font-size: 14px; color: var(--bn-fg-2) } .bn-notfound__mail a { color: var(--bn-violet); border-bottom: 1px solid currentColor } @media(max-width:1000px) { .bn-notfound { grid-template-columns: 1fr } }  .bn-article-cover { border-radius: var(--bn-radius-xl); overflow: hidden; aspect-ratio: 1200/630; background: var(--bn-bg-alt); margin-bottom: 64px; display: block } .bn-article-cover img { width: 100%; height: 100%; object-fit: cover; display: block } .bn-article-cover>* { width: 100%; height: 100%; display: block } @media(max-width:600px) { .bn-article-cover { margin-bottom: 40px } }  @media(max-width:880px) { .bn-header__cta { display: inline-flex !important; height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 12px !important; white-space: nowrap; column-gap: 0 !important; gap: 0 !important; letter-spacing: 0 !important } .bn-header__cta svg { display: none !important } .bn-header__cta .icon { display: none !important } }  @media(max-width:640px) { .bn-header__inner { grid-template-columns: auto 1fr !important } }  @media(max-width:768px) { .bn-header .bn-brand__logo img { height: clamp(22px, 7.2vw, 28px) !important; width: auto !important; max-width: none !important } }  .bn-prose figure.wp-block-image { width: min(972px, 100vw - 348px);  max-width: none; }  @media (max-width: 991px) { .bn-prose figure.wp-block-image { width: 100%; } }  .bn-prose figure.wp-block-image figcaption { margin-top: 12px; text-align: left; }  .bn-prose figure.wp-block-image { margin-left: 0; margin-right: 0 } .bn-prose figure.wp-block-image img { width: 100%; height: auto; display: block } .bn-prose figure.wp-block-table { margin-left: 0; margin-right: 0; margin-bottom: 0; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .bn-prose figure.wp-block-table > table { width: 100%; min-width: 32rem; }  .brxe-post-reading-progress-bar { -webkit-appearance: none; appearance: none; border: none; background: transparent } .brxe-post-reading-progress-bar::-webkit-progress-bar { background: transparent } .brxe-post-reading-progress-bar::-webkit-progress-value { background: var(--bn-gradient-violet-green, linear-gradient(90deg, var(--bn-violet), var(--bn-green-300))) } .brxe-post-reading-progress-bar::-moz-progress-bar { background: var(--bn-gradient-violet-green, linear-gradient(90deg, var(--bn-violet), var(--bn-green-300))) } body.admin-bar .brxe-post-reading-progress-bar { top: 32px } @media screen and (max-width:782px) { body.admin-bar .brxe-post-reading-progress-bar { top: 46px } }  .brxe-fnFeatDate, .brxe-fr1meta { gap: 6px } .brxe-fnfdot, .brxe-fr1dot { opacity: .5 } .brxe-jfmrt { color: var(--bn-green-300) } @media(max-width:880px) { .no-scroll header.scrolling { border-bottom: 0px !important; } }  .bn-care-tile .bn-eyebrow, .bn-care-tile .bn-care-tile__lede, .bn-ep-quote .bn-ep-quote__role { color: #565f6e !important }  @media (max-width:600px) { #brxe-ftrBottom { flex-direction: column-reverse !important; align-items: flex-start !important } }  .bn-article-layout > * { min-width: 0; } .bn-article-layout .brxe-post-content.bn-prose { min-width: 0; }  .bn-prose figure.wp-block-table figcaption { margin-top: 12px; text-align: left; } .bn-prose .bn-faq__item{border-top:1px solid rgba(12,27,51,.12);margin:0}.bn-prose .bn-faq__item:last-of-type{border-bottom:1px solid rgba(12,27,51,.12)}.bn-prose .bn-faq__item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 2px;font-weight:600;line-height:1.4;color:var(--bn-night,#0A192F)}.bn-prose .bn-faq__item>summary::-webkit-details-marker{display:none}.bn-prose .bn-faq__item>summary::marker{content:""}.bn-prose .bn-faq__item>summary::after{content:"";flex:0 0 auto;width:9px;height:9px;border-right:2px solid var(--bn-violet);border-bottom:2px solid var(--bn-violet);transform:rotate(45deg);transition:transform .2s ease}.bn-prose .bn-faq__item[open]>summary::after{transform:rotate(-135deg)}.bn-prose .bn-faq__item>summary:focus-visible{outline:2px solid var(--bn-violet);outline-offset:3px;border-radius:3px}.bn-prose .bn-faq__item>p{margin:0 2px 22px}@media (prefers-reduced-motion:reduce){.bn-prose .bn-faq__item>summary::after{transition:none}}