/**
 * Editorial storefront presentation. All product facts remain in native catalog records.
 * Copyright 2026 Matthew X Murphy. https://MatthewxMurphy.com / https://builtnotbegged.com
 * SPDX-License-Identifier: GPL-2.0-or-later
 */
:root {
  --bng-red:#f4523d;--bng-paper:#f5f2e9;--bng-line:#383833}
body {
  font-size:16px;letter-spacing:-.015em}
.bng-wrap {
  width:min(1344px,calc(100% - 96px))}
.bng-header {
  padding:25px 0;background:#111}
.bng-header-inner {
  gap:42px}
.bng-brand {
  font-size:28px}
.bng-desktop-nav a {
  font-size:14px;font-weight:600}
.bng-desktop-nav a[aria-current=page] {
  color:var(--bng-paper);text-decoration:underline;text-decoration-color:var(--bng-red);text-decoration-thickness:2px;text-underline-offset:9px}
.bng-account {
  border:0;border-left:1px solid #48483f;padding:8px 0 8px 28px}
.bng-header .bng-brand:hover,.bng-footer .bng-brand:hover {
  text-decoration:none}
.bng-eyebrow {
  font-size:11px;letter-spacing:.13em}
.bng-button {
  font-size:14px;padding:18px 25px;font-weight:800;transition:background .16s ease,transform .16s ease}
.bng-button:hover {
  background:#ff755f;transform:translateY(-2px)}
.bng-text-link {
  font-size:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.bng-hero-2026 {
  padding:30px 0 45px;position:relative}
.bng-hero-topline {
  display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--bng-line);padding:0 0 18px;margin:0 0 44px}
.bng-hero-topline .bng-eyebrow {
  margin:0}
.bng-hero-topline>a {
  font-size:11px;color:#c0bdb4}
.bng-hero-2026 .bng-hero-grid {
  grid-template-columns:1.08fr 1fr;gap:6%;align-items:center}
.bng-hero-2026 h1 {
  font-size:clamp(76px,9.6vw,145px);line-height:.98;letter-spacing:-.025em;margin:0 0 32px}
.bng-hero-2026 .bng-hero-copy {
  font-size:clamp(17px,1.5vw,21px);line-height:1.6;max-width:31em;color:#d0cdc5}
.bng-hero-2026 .bng-actions {
  align-items:center;gap:28px}
.bng-hero-2026 .bng-byline {
  font-size:11px;margin-top:30px;color:#aba89f;letter-spacing:.025em}
.bng-workbench {
  display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:9px}
.bng-workbench a {
  display:block;text-decoration:none;transition:transform .18s ease}
.bng-workbench a:hover {
  transform:translateY(-4px)}
.bng-workbench-main {
  grid-column:1/-1;padding:25px 28px 23px;background:var(--bng-red);color:#111;position:relative;overflow:hidden}
.bng-workbench-label {
  display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;line-height:1.5;letter-spacing:.12em;font-weight:750}
.bng-workbench-label>span:last-child {
  font-size:20px}
.bng-workbench-main h2 {
  font-size:clamp(50px,5vw,73px);line-height:1;letter-spacing:-.02em;margin:24px 0 0}
.bng-workbench-main .bng-wave {
  position:absolute;right:28px;top:89px;width:45%;height:112px;gap:5px;margin:0;transform:rotate(-7deg)}
.bng-workbench-main .bng-wave i {
  background:#111;min-width:3px}
.bng-workbench-bottom {
  display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #1116;margin-top:26px;padding-top:14px;font-size:11px}
.bng-workbench-bottom span {
  font-size:10px}
.bng-workbench-small {
  background:#f5f2e9;color:#111;padding:18px 19px 16px;min-width:0}
.bng-workbench-small strong {
  font-size:13px}
.bng-books-art {
  display:flex;align-items:flex-end;gap:5px;height:84px;margin:18px 0 15px}
.bng-books-art i {
  font-style:normal;display:grid;align-items:center;text-align:center;background:#222;color:#f5f2e9;width:32%;height:79px;font-family:var(--bng-display);font-size:14px;transform:rotate(-5deg)}
.bng-books-art i:nth-child(2) {
  height:69px;background:#cbd0bf;transform:none;color:#111}
.bng-books-art i:nth-child(3) {
  height:81px;background:var(--bng-red);color:#111;transform:rotate(5deg)}
.bng-workbench-stats {
  background:#242421;color:var(--bng-paper);border:1px solid #41413a}
.bng-stats-art {
  display:grid;gap:6px;margin:20px 0 18px}
.bng-stats-art span {
  display:flex;align-items:center;gap:10px;font-size:9px;font-weight:650;letter-spacing:.06em}
.bng-stats-art span:before {
  content:'';height:9px;display:inline-block;background:var(--bng-red);width:36%}
.bng-stats-art span:nth-child(2):before {
  width:49%;background:#e3dfd4}
.bng-stats-art span:nth-child(3):before {
  width:25%;background:#999d8e}
.bng-workbench-caption {
  grid-column:1/-1;font-size:10px;color:#a7a49c;margin:1px 0 0}
.bng-category-rail {
  border-block:1px solid var(--bng-line);background:#191917}
.bng-category-rail .bng-wrap {
  display:grid;grid-template-columns:repeat(3,1fr)}
.bng-category-rail a {
  display:flex;align-items:center;gap:18px;padding:25px 24px 25px 0;font-weight:650;font-size:14px;border-right:1px solid var(--bng-line)}
.bng-category-rail a+a {
  padding-left:28px}
.bng-category-rail a:last-child {
  border:0;padding-right:0}
.bng-category-rail span {
  font-size:10px;color:var(--bng-red)}
.bng-category-rail b {
  font-weight:400;margin-left:auto;font-size:23px}
.bng-category-rail a:hover {
  color:var(--bng-red);text-decoration:none}
.bng-section {
  padding:100px 0}
.bng-section-heading {
  margin-bottom:44px;gap:60px;align-items:flex-end}
.bng-section-heading h2,.bng-split h2 {
  font-size:clamp(42px,4.8vw,72px);letter-spacing:-.015em;line-height:1.06}
.bng-section-intro {
  max-width:340px}
.bng-section-intro p {
  font-size:14px;line-height:1.7;color:#56534b;margin-bottom:18px}
.bng-light .bng-eyebrow {
  color:#5f5c55}
.bng-light .bng-eyebrow:before {
  background:#b12b1a}
body .bng-product-grid {
  gap:0;border-top:1px solid #c5c0b6;border-left:1px solid #c5c0b6;counter-reset:products}
body .bng-product-card {
  padding:32px;background:var(--bng-paper);color:#111;border:0;border-right:1px solid #c5c0b6;border-bottom:1px solid #c5c0b6;position:relative;counter-increment:products;transition:background .15s ease}
body .bng-product-card:hover {
  background:#fffdf7}
body .bng-product-card:before {
  content:counter(products,decimal-leading-zero);font-family:var(--bng-display);font-size:54px;line-height:1;color:#bdb7aa;display:block;margin-bottom:25px}
body .bng-product-card .bng-product-kind {
  position:absolute;top:44px;right:28px;font-size:9px;max-width:60%;text-align:right;color:#5e5a52}
body .bng-product-card h3 {
  font-family:var(--bng-display);font-weight:400;font-size:32px;letter-spacing:0;line-height:1.12;margin:0 0 18px}
body .bng-product-card h3 a:hover {
  text-decoration:underline}
body .bng-product-card .bng-product-summary {
  font-size:14px;line-height:1.7;color:#565149;min-height:90px;margin-bottom:26px}
body .bng-product-state,body .bng-product-version {
  font-size:10px;line-height:1.5;color:#666156}
body .bng-product-card .bng-product-readiness {
  font-size:11px;color:#111;font-weight:750;border-top:1px solid #ccc5b8;margin-top:8px;padding-top:18px}
body .bng-product-card .bng-product-request {
  font-size:12px;text-align:center;margin:6px 0 16px;min-height:44px;align-content:center}
body .bng-product-link {
  font-size:12px;font-weight:750;color:#111;display:flex;justify-content:space-between;width:100%;padding-top:8px;margin-top:auto;min-height:40px;align-items:center}
body .bng-product-link span {
  font-size:20px}
.bng-workflow {
  background:#1c1c19;border-block:1px solid var(--bng-line)}
.bng-workflow h2 span {
  color:var(--bng-red)}
.bng-split {
  gap:10%;grid-template-columns:1fr 1fr}
.bng-workflow-lines p {
  font-size:18px!important;padding:28px 0;color:var(--bng-paper)!important;border-color:#4d4b42}
.bng-workflow-lines p span {
  font-size:12px;display:inline-block;min-width:25px}
.bng-workflow-lines small {
  font-size:12px;line-height:1.7;max-width:34em}
.bng-builder {
  border-top:1px solid #c5c0b6}
.bng-builder .bng-split>div:last-child>p {
  font-size:19px;line-height:1.7}
.bng-final-cta {
  text-align:left;padding-block:75px;background:var(--bng-red);color:#111}
.bng-final-cta .bng-eyebrow {
  color:#111}
.bng-final-cta .bng-eyebrow:before {
  background:#111}
.bng-final-cta h2 {
  font-size:clamp(70px,10vw,150px);line-height:1;margin:26px 0 35px;letter-spacing:-.025em}
.bng-final-cta h2 span {
  color:#f5f2e9}
.bng-final-cta .bng-button {
  background:#111;border-color:#111;color:#f5f2e9;margin-right:24px}
.bng-final-cta .bng-text-link {
  display:inline-block;margin-top:16px}
.bng-footer {
  padding-top:58px}
.bng-footer-grid {
  grid-template-columns:1.3fr 1fr 1fr}
.bng-footer .bng-brand {
  font-size:36px}
.bng-footer p {
  font-size:13px}
.bng-footer nav a,.bng-footer-grid>div:last-child>a {
  font-size:13px}
.bng-footer-bottom {
  font-size:11px;padding-block:28px 5px}
/* Native pages, forms, catalog filters and product facts remain functional. */
.bng-page {
  padding-block:64px 90px}
.bng-page>h1 {
  font-size:clamp(54px,7vw,100px);max-width:1050px;letter-spacing:-.025em;line-height:1.04;margin:25px 0 40px}
.bng-content>p {
  font-size:18px;line-height:1.75}
.bng-catalog-filters {
  padding:24px;background:#20201c;border:1px solid var(--bng-line);gap:22px!important}
.bng-catalog-filters label {
  font-size:12px}
.bng-catalog-filters input,.bng-catalog-filters select {
  background:#111!important;color:var(--bng-paper)!important;border-color:#777266!important;padding:12px!important;min-height:49px}
.bng-catalog-filters button {
  font-size:13px!important;padding:15px 24px!important;min-height:49px!important}
.bng-product-detail .bng-product-lead {
  max-width:900px;font-size:22px;line-height:1.7}
.bng-product-detail h2 {
  font-family:var(--bng-display);font-size:35px;letter-spacing:0;margin:42px 0 20px}
.bng-product-description>p {
  max-width:850px;color:#ccc8bf}
.bng-product-detail ul {
  max-width:950px;padding-left:23px}
.bng-product-detail li {
  padding-left:7px;color:#d0ccc1}
.bng-product-facts {
  border-color:#514e44;padding-block:22px;margin-block:34px}
.bng-product-facts dt {
  font-size:10px;color:#b6b1a5}
.bng-product-facts dd {
  font-size:14px}
.bng-product-checksum {
  font-size:11px;color:#b6b1a5}
.bng-product-actions .bng-product-request {
  font-size:14px;padding:16px 24px}
.bng-page .bng-content .bng-product-description .bng-stats-preview {
  margin-top:35px}
@media(min-width:1500px) {
  .bng-hero-2026 {
  padding-bottom:65px}
.bng-hero-topline {
  margin-bottom:60px}
}
@media(max-width:1000px) {
  .bng-wrap {
  width:calc(100% - 56px)}
.bng-hero-2026 .bng-hero-grid {
  gap:5%}
.bng-hero-2026 h1 {
  font-size:clamp(70px,10vw,106px)}
.bng-workbench-main {
  padding:22px}
.bng-workbench-main h2 {
  font-size:56px}
.bng-workbench-main .bng-wave {
  width:39%;right:18px;height:88px}
.bng-workbench-label {
  font-size:8px;letter-spacing:.06em}
.bng-workbench-bottom {
  display:block}
.bng-workbench-bottom span {
  display:block;margin-top:4px}
.bng-workbench-small {
  padding:16px 14px}
.bng-workbench-small .bng-workbench-label {
  font-size:7px}
.bng-workbench-small .bng-workbench-label>span {
  font-size:16px}
.bng-category-rail a {
  font-size:12px;gap:12px;padding-block:20px}
.bng-category-rail a+a {
  padding-left:18px}
.bng-section {
  padding:76px 0}
.bng-section-heading {
  gap:40px}
.bng-section-intro {
  max-width:300px}
body .bng-product-card {
  padding:25px}
body .bng-product-card .bng-product-kind {
  right:23px;top:36px}
body .bng-product-card h3 {
  font-size:28px}
.bng-footer-grid {
  gap:30px}
}
@media(max-width:760px) {
  .bng-wrap {
  width:calc(100% - 40px)}
.bng-header {
  padding:20px 0}
.bng-brand {
  font-size:25px}
.bng-hero-2026 {
  padding:24px 0 31px}
.bng-hero-topline {
  margin-bottom:34px;padding-bottom:16px}
.bng-hero-topline>a {
  display:none}
.bng-hero-topline .bng-eyebrow {
  font-size:9px;letter-spacing:.085em}
.bng-hero-2026 .bng-hero-grid {
  grid-template-columns:1fr;gap:32px}
.bng-hero-2026 h1 {
  font-size:clamp(74px,17.5vw,120px);margin-bottom:24px}
.bng-hero-2026 .bng-hero-copy {
  font-size:17px}
.bng-hero-2026 .bng-actions {
  gap:23px;margin-top:25px}
.bng-hero-2026 .bng-byline {
  font-size:10px;margin:23px 0 0}
.bng-button {
  padding:15px 21px;font-size:12px}
.bng-text-link {
  font-size:12px}
.bng-workbench {
  gap:10px}
.bng-workbench-main {
  padding:23px}
.bng-workbench-main h2 {
  font-size:63px}
.bng-workbench-main .bng-wave {
  width:30%;right:23px;top:82px;height:100px;gap:3px}
.bng-workbench-main .bng-wave i {
  min-width:1px}
.bng-workbench-bottom {
  display:flex;line-height:1.5}
.bng-workbench-bottom span {
  margin:0;font-size:9px}
.bng-workbench-small {
  padding:16px}
.bng-workbench-label {
  font-size:8px}
.bng-workbench-small .bng-workbench-label {
  font-size:7px}
.bng-workbench-caption {
  font-size:9px;line-height:1.6}
.bng-category-rail .bng-wrap {
  grid-template-columns:1fr}
.bng-category-rail a,.bng-category-rail a+a {
  padding:19px 0;border:0;border-bottom:1px solid var(--bng-line);font-size:14px;gap:21px}
.bng-category-rail a:last-child {
  border-bottom:0}
.bng-category-rail b {
  font-size:23px}
.bng-section {
  padding:58px 0}
.bng-section-heading {
  display:block;margin-bottom:32px}
.bng-section-heading h2,.bng-split h2 {
  font-size:clamp(43px,10vw,62px);line-height:1.05}
.bng-section-intro {
  max-width:100%;margin-top:24px}
.bng-section-intro p {
  max-width:33em;font-size:14px}
body .bng-product-grid {
  grid-template-columns:1fr}
body .bng-product-card {
  padding:28px}
body .bng-product-card h3 {
  font-size:34px}
body .bng-product-card .bng-product-kind {
  top:42px;right:28px}
body .bng-product-card .bng-product-summary {
  min-height:0;max-width:36em}
.bng-split {
  grid-template-columns:1fr;gap:35px}
.bng-workflow-lines p {
  font-size:16px!important;padding:23px 0}
.bng-builder .bng-split>div:last-child>p {
  font-size:17px}
.bng-final-cta h2 {
  font-size:clamp(72px,17.5vw,120px)}
.bng-footer-grid {
  grid-template-columns:1fr;gap:32px}
.bng-footer-bottom {
  font-size:10px}
.bng-page {
  padding-block:42px 65px}
.bng-page>h1 {
  font-size:clamp(46px,12vw,75px)}
.bng-content>p {
  font-size:16px}
.bng-product-detail .bng-product-lead {
  font-size:18px}
.bng-catalog-filters {
  padding:20px;gap:16px!important}
.bng-catalog-filters button {
  width:100%}
.bng-product-detail h2 {
  font-size:31px}
.bng-product-facts {
  gap:20px}
.bng-product-facts div {
  flex-basis:40%}
}
@media(max-width:360px) {
  .bng-wrap {
  width:calc(100% - 32px)}
.bng-hero-2026 h1 {
  font-size:69px}
.bng-workbench-main {
  padding:19px}
.bng-workbench-main h2 {
  font-size:55px}
.bng-workbench-main .bng-wave {
  right:17px;width:28%;height:87px}
.bng-workbench-small {
  padding:12px}
.bng-workbench-small .bng-workbench-label {
  letter-spacing:0;font-size:6.5px}
.bng-workbench-small strong {
  font-size:12px}
.bng-workbench-bottom {
  display:block}
.bng-workbench-bottom span {
  margin-top:5px}
.bng-hero-2026 .bng-actions {
  gap:20px}
}
@media(prefers-reduced-motion:reduce) {
  .bng-button,.bng-workbench a,.bng-product-card {
  transition:none}
.bng-button:hover,.bng-workbench a:hover {
  transform:none}
}