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; } #brx-header { position: sticky; top: 0; z-index: 60; } 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; } html.bn-scrolled .bn-header { border-bottom-color: var(--bn-divider); } .bn-hero__rail { column-gap: 10px; } .bn-page-hero h1.bn-h1 { margin: 20px 0 0; } .bn-nav .menu-item a { line-height: 26px; } 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; } span.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://beenacle.com/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://beenacle.com/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}}