@charset "UTF-8";

/*
 * BackwellTech reusable UI components
 * Load order: bootstrap.css -> bootstrap-icons.css -> bwt-components.css -> main.css
 * Layout and spacing belong to Bootstrap utilities; this file owns BWT identity.
 */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/manrope/xn7gYHE41ni1AdIRggmxSuXd.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/manrope/xn7gYHE41ni1AdIRggexSg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --bwt-font-family: "Manrope", Arial, Helvetica, sans-serif;
  --bwt-font-weight-regular: 400;
  --bwt-font-weight-medium: 500;
  --bwt-font-weight-semibold: 600;
  --bwt-color-background: #0a0a0a;
  --bwt-color-surface: #171717;
  --bwt-color-surface-raised: #1f1f1f;
  --bwt-color-foreground: #fafafa;
  --bwt-color-card-foreground: #fafafa;
  --bwt-color-muted: #a3a3a3;
  --bwt-color-accent: #3b82f6;
  --bwt-color-accent-deep: #004bc6;
  --bwt-color-border: rgba(255, 255, 255, 0.1);
  --bwt-color-border-strong: rgba(255, 255, 255, 0.28);
  --bwt-color-focus: #60a5fa;
  --bwt-media-gradient-blue: linear-gradient(86.9deg, #3b82f6 0%, #004bc6 97.8%);
  --bwt-media-gradient-dark-bottom: linear-gradient(180deg, transparent 46.63%, #000 100%);
  --bwt-media-gradient-dark-edges: linear-gradient(180deg, #0a0a0a 0%, rgba(10, 10, 10, 0) 20%, rgba(10, 10, 10, 0) 80%, #0a0a0a 100%);
  --bwt-media-filter-blue: grayscale(100%) brightness(82%) contrast(108%);
  --bwt-button-height: 42px;
  --bwt-button-padding-block: 8px;
  --bwt-button-padding-inline: 32px;
  --bwt-button-gap: 8px;
  --bwt-button-radius: 999px;
  --bwt-radius-sm: 8px;
  --bwt-radius-md: 12px;
  --bwt-radius-lg: 16px;
}

/* Typography tokens. Composition still uses Bootstrap text/alignment utilities. */
.bwt-type-nav {
  color: var(--bwt-color-foreground);
  font: var(--bwt-font-weight-medium) 16px / 1.64 var(--bwt-font-family);
  text-transform: capitalize;
}

.bwt-type-display {
  color: var(--bwt-color-card-foreground);
  font: var(--bwt-font-weight-medium) clamp(44px, 5vw, 64px) / 1 var(--bwt-font-family);
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.bwt-type-section-title {
  color: var(--bwt-color-foreground);
  font: var(--bwt-font-weight-regular) clamp(28px, 2.5vw, 40px) / 1.2 var(--bwt-font-family);
  letter-spacing: -0.02em;
}

.bwt-type-accent-title {
  color: var(--bwt-color-accent);
  font: var(--bwt-font-weight-medium) clamp(30px, 3.125vw, 40px) / 1.25 var(--bwt-font-family);
}

/* BWT variants extend Bootstrap's .btn component. */
.btn.btn-bwt-primary,
.btn.btn-bwt-secondary {
  display: inline-flex;
  min-height: var(--bwt-button-height);
  padding: var(--bwt-button-padding-block) var(--bwt-button-padding-inline);
  align-items: center;
  justify-content: center;
  gap: var(--bwt-button-gap);
  border-radius: var(--bwt-button-radius) !important;
  color: #fff;
  font: var(--bwt-font-weight-medium) 13px / 1 var(--bwt-font-family);
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
  transition: border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease, transform 180ms ease;
}

.btn.btn-bwt-primary {
  border: 1px solid transparent;
  background: radial-gradient(75.4% 186.9% at 50.15% 113.25%, #fffdfd 0%, #0b64f4 25.65%, #052861 56.31%, #021431 100%);
  box-shadow: inset 0 0 11.7px #073c92;
}

.btn.btn-bwt-secondary {
  border: 1px solid rgba(255, 255, 255, 0.56);
  background: rgba(10, 10, 10, 0.4);
  box-shadow: inset 0 0 12px #073c92;
}

.btn.btn-bwt-primary::before,
.btn.btn-bwt-secondary::before {
  display: none;
}

.btn.btn-bwt-primary:is(:hover, :focus, :active),
.btn.btn-bwt-secondary:is(:hover, :focus, :active) {
  color: #fff;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.btn.btn-bwt-primary:focus-visible,
.btn.btn-bwt-secondary:focus-visible {
  outline: 2px solid var(--bwt-color-focus);
  outline-offset: 3px;
}

/* Visual extension for Bootstrap cards. */
.card.bwt-ui-card {
  --bs-card-bg: var(--bwt-color-surface);
  --bs-card-color: var(--bwt-color-foreground);
  --bs-card-border-color: var(--bwt-color-border);
  --bs-card-border-radius: var(--bwt-radius-lg);
  box-shadow: 0 8px 56px rgba(0, 0, 0, 0.16);
}

.card.bwt-ui-card.bwt-ui-card--interactive {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.card.bwt-ui-card.bwt-ui-card--interactive:hover {
  border-color: rgba(59, 130, 246, 0.55);
  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}

.bwt-counter {
  font-variant-numeric: tabular-nums;
}

/* Shared media treatment: B/W source, blue overlay, then dark readability gradient. */
.bwt-media-overlay {
  position: relative;
  min-height: 200px;
  overflow: hidden;
  border: 1px solid var(--bwt-color-border);
  border-radius: var(--bwt-radius-sm);
  background: #101010;
  isolation: isolate;
}

.bwt-media-overlay::before,
.bwt-media-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.bwt-media-overlay::before {
  z-index: 2;
  background: var(--bwt-media-gradient-blue);
  mix-blend-mode: overlay;
}

.bwt-media-overlay::after {
  z-index: 1;
  background: var(--bwt-media-gradient-dark-bottom);
}

.bwt-media-overlay > img,
.bwt-media-overlay > video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: var(--bwt-media-object-position, 50% 50%);
}

.bwt-media-overlay > img {
  filter: var(--bwt-media-filter, var(--bwt-media-filter-blue));
}

.bwt-media-overlay--color {
  --bwt-media-filter: none;
}

.bwt-media-overlay--blue-only::after {
  display: none;
}

.bwt-media-overlay__content {
  position: absolute;
  inset: auto 0 0;
  z-index: 3;
}

/* Bootstrap accordion dark theme. */
.accordion.bwt-accordion {
  --bs-accordion-color: var(--bwt-color-foreground);
  --bs-accordion-bg: var(--bwt-color-surface);
  --bs-accordion-border-color: var(--bwt-color-border);
  --bs-accordion-btn-color: var(--bwt-color-foreground);
  --bs-accordion-btn-bg: var(--bwt-color-surface);
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: var(--bwt-color-surface-raised);
  --bs-accordion-btn-focus-border-color: var(--bwt-color-focus);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.2);
  --bs-accordion-border-radius: var(--bwt-radius-lg);
  --bs-accordion-inner-border-radius: calc(var(--bwt-radius-lg) - 1px);
}

/* Header mega-menu: Bootstrap dropdown behavior + BWT visual language. */
.bwt-main-nav .nav-chevron,
.nav-collapse-toggle .nav-chevron {
  display: inline-block;
  font-size: 0.65rem;
  transition: transform 180ms ease;
}

.bwt-main-nav [aria-expanded="true"] .nav-chevron,
.nav-collapse-toggle[aria-expanded="true"] .nav-chevron {
  transform: rotate(180deg);
}

.bwt-mega-menu.dropdown-menu {
  --bs-dropdown-bg: var(--bwt-color-surface);
  --bs-dropdown-border-color: rgba(84, 155, 245, 0.24);
  --bs-dropdown-border-radius: 0 0 var(--bwt-radius-lg) var(--bwt-radius-lg);
  top: 100%;
  left: 50%;
  z-index: 1090;
  width: min(1320px, calc(100vw - 2rem));
  min-height: 430px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-top: 0;
  color: var(--bwt-color-foreground);
  background-color: var(--bwt-color-surface);
  background-image: linear-gradient(135deg, rgba(17, 38, 66, 0.98), var(--bwt-color-surface) 58%);
  box-shadow: 0 32px 88px rgba(0, 0, 0, 0.72), inset 0 1px rgba(255, 255, 255, 0.08);
  opacity: 1;
  isolation: isolate;
  transform: translateX(-50%) !important;
}

.bwt-mega-menu.dropdown-menu.show {
  display: block;
}

.bwt-mega-menu > .container-fluid,
.bwt-mega-menu > .container-fluid > .row {
  min-height: 430px;
  background-color: var(--bwt-color-surface);
}

.bwt-mega-menu__nav {
  min-height: 430px;
  border-right: 1px solid var(--bwt-color-border);
  background: linear-gradient(145deg, rgba(14, 38, 70, 0.98), var(--bwt-color-surface) 76%);
}

.bwt-mega-menu__eyebrow {
  color: #65adff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.bwt-mega-menu__item {
  min-height: 76px;
  border: 1px solid transparent;
  border-radius: var(--bwt-radius-md);
  color: var(--bwt-color-foreground);
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.bwt-mega-menu__item small {
  color: #8e9aad;
  font-size: 0.75rem;
}

.bwt-mega-menu__item .bi {
  color: #76bdff;
  opacity: 0;
  transform: translateX(-0.4rem);
  transition: opacity 180ms ease, transform 180ms ease;
}

.bwt-mega-menu__item:is(:hover, :focus-visible, .is-active) {
  border-color: rgba(62, 145, 255, 0.3);
  outline: 0;
  color: #fff;
  background: linear-gradient(90deg, rgba(11, 71, 151, 0.38), rgba(10, 43, 86, 0.16));
  transform: translateX(2px);
}

.bwt-mega-menu__item:is(:hover, :focus-visible, .is-active) .bi {
  opacity: 1;
  transform: none;
}

.bwt-mega-menu__detail {
  min-height: 430px;
  background: radial-gradient(circle at 82% 18%, rgba(0, 94, 220, 0.18), transparent 44%), var(--bwt-color-surface);
}

.bwt-mega-menu__kicker {
  color: #63acff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.bwt-mega-menu__title {
  max-width: 36rem;
  color: #f8fbff;
  font-size: clamp(1.7rem, 2.4vw, 2.35rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.bwt-mega-menu__description {
  max-width: 36rem;
  color: #aab4c3;
  font-size: 0.85rem;
  line-height: 1.55;
}

.bwt-mega-menu__preview {
  position: relative;
  min-height: 205px;
  overflow: hidden;
  border: 1px solid rgba(96, 164, 246, 0.24);
  border-radius: var(--bwt-radius-md);
  background: #06101e;
  isolation: isolate;
}

.bwt-mega-menu__preview::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(3, 8, 15, 0.2), rgba(1, 6, 13, 0.7)), linear-gradient(0deg, rgba(1, 5, 10, 0.78), transparent 55%);
}

.bwt-mega-menu__image {
  width: 100%;
  height: 100%;
  min-height: 205px;
  display: block;
  object-fit: cover;
  transition: opacity 140ms ease, transform 320ms ease;
}

.bwt-mega-menu__preview.is-changing .bwt-mega-menu__image {
  opacity: 0.2;
  transform: scale(1.02);
}

.bwt-mega-menu__preview-label {
  position: absolute;
  inset: auto 1rem 1rem;
  z-index: 2;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
}

.bwt-mobile-nav__main-link {
  font: 600 1.125rem / 1.5 var(--bwt-font-family);
}

.bwt-mobile-nav__sub-link {
  color: var(--bwt-color-foreground);
  font: 500 1rem / 1.64 var(--bwt-font-family);
  transition: color 150ms ease;
}

.bwt-mobile-nav__sub-link:is(:hover, :focus) {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 992px) {
  .bwt-main-nav > .container-xxl,
  .bwt-main-nav .navbar-nav {
    position: static;
  }

  .bwt-main-nav {
    overflow: visible;
  }
}

/* Figma-aligned Technologies page system. */
.bwt-tech-page {
  color: var(--bwt-color-foreground);
  font-family: var(--bwt-font-family);
}

.bwt-tech-hero {
  min-height: 485px;
  padding-top: 72px;
  isolation: isolate;
}

.bwt-tech-hero::before,
.bwt-tech-hero::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.bwt-tech-hero::before {
  inset: -18% -4%;
  z-index: -2;
  background: #0a0a0a url("../img/figma/technology-lines.webp") center 42% / cover no-repeat;
  transform: translate3d(var(--bwt-line-x, 0), var(--bwt-line-y, 0), 0) scale(1.04) rotate(180deg);
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.bwt-tech-hero::after {
  z-index: -1;
  background: linear-gradient(140deg, rgba(10, 10, 10, 0.08) 20%, #0a0a0a 76%);
}

.bwt-tech-hero__title {
  color: var(--bwt-color-card-foreground);
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.bwt-tech-hero__lead {
  max-width: 70rem;
  color: var(--bwt-color-foreground);
  font-size: clamp(1.2rem, 2.5vw, 2rem);
  font-weight: var(--bwt-font-weight-regular);
  line-height: 1.18;
  text-wrap: balance;
}

.bwt-tech-demo__frame {
  /* Hero/demo videos keep the native horizontal ratios of the supplied masters. */
  --bs-aspect-ratio: 53.59%;
  border: 1px solid var(--bwt-color-border);
  border-radius: var(--bwt-radius-sm);
  background: #050505;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.42);
}

.bwt-tech-page--production-intelligence .bwt-tech-demo__frame {
  --bs-aspect-ratio: 50.93%;
}

.bwt-tech-demo__frame video {
  display: block;
  object-fit: contain;
  object-position: center;
}

.bwt-tech-statement {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.bwt-tech-statement__text {
  color: var(--bwt-color-foreground);
  font-size: clamp(1.85rem, 3.125vw, 2.5rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.6;
  letter-spacing: -0.02em;
}

.bwt-tech-statement__text strong {
  color: var(--bwt-color-accent);
  font-weight: inherit;
}

.bwt-tech-section-lead {
  color: var(--bwt-color-accent);
  font-size: clamp(1.1rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.35;
}

.bwt-tech-stats {
  border-block: 1px solid var(--bwt-color-border);
}

.bwt-tech-stats__item {
  border-right: 1px solid var(--bwt-color-border);
}

.bwt-tech-stats__item:last-child {
  border-right: 0;
}

.bwt-tech-stats__value {
  color: var(--bwt-color-foreground);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1;
  letter-spacing: -0.03em;
}

.bwt-tech-stats__label {
  color: var(--bwt-color-muted);
  font-size: 1rem;
  line-height: 1.35;
}

.bwt-tech-capabilities {
  scroll-margin-top: 72px;
}

.bwt-tech-capabilities__shell {
  min-height: 500px;
  border: 1px solid var(--bwt-color-border);
  border-radius: var(--bwt-radius-lg);
  background: var(--bwt-color-surface);
}

.bwt-tech-capabilities__nav {
  border-right: 1px solid var(--bwt-color-border);
  background: var(--bwt-color-surface);
}

.bwt-tech-capabilities__tab-row {
  position: relative;
}

.bwt-tech-capabilities__tab.nav-link {
  width: 100%;
  min-height: 82px;
  border: 0;
  border-bottom: 1px solid var(--bwt-color-border);
  color: var(--bwt-color-muted);
  background: transparent;
}

.bwt-tech-capabilities__tab-row:last-child .bwt-tech-capabilities__tab.nav-link {
  border-bottom: 0;
}

.bwt-tech-capabilities__info {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: none;
  width: 36px;
  height: 36px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bwt-color-border-strong);
  border-radius: 50%;
  color: var(--bwt-color-muted);
  background: rgba(10, 10, 10, 0.42);
  transform: translateY(-50%);
}

.bwt-tech-capabilities__info:is(:hover, :focus-visible) {
  border-color: var(--bwt-color-accent);
  color: var(--bwt-color-foreground);
}

.bwt-capability-popover {
  --bs-popover-max-width: min(18rem, calc(100vw - 2rem));
  --bs-popover-border-color: rgba(59, 130, 246, 0.45);
  --bs-popover-bg: #171717;
  --bs-popover-header-bg: #171717;
  --bs-popover-header-color: var(--bwt-color-foreground);
  --bs-popover-body-color: var(--bwt-color-muted);
  font-family: var(--bwt-font-family);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}

.bwt-tech-capabilities__tab.nav-link:is(:hover, :focus-visible) {
  color: var(--bwt-color-foreground);
  background: rgba(59, 130, 246, 0.08);
}

.bwt-tech-capabilities__tab.nav-link.active {
  color: var(--bwt-color-foreground);
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.16), rgba(59, 130, 246, 0.03));
  box-shadow: inset 0 -2px var(--bwt-color-accent);
}

.bwt-tech-capabilities__tab-title {
  font-size: 1.15rem;
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.25;
}

.bwt-tech-capabilities__tab small {
  color: var(--bwt-color-muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.bwt-tech-capabilities__content {
  min-height: 500px;
}

.bwt-tech-capabilities__media {
  min-height: 500px;
  background:
    linear-gradient(90deg, rgba(59, 130, 246, 0.12), rgba(0, 75, 198, 0.18)),
    url("../img/figma/technology-capabilities.webp") center / cover no-repeat,
    #05080d;
}

.bwt-tech-capabilities__media video,
.bwt-tech-capabilities__media img {
  display: block;
  width: 100%;
  max-height: 390px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #020303;
  object-fit: contain;
}

.bwt-tech-xai {
  position: relative;
  overflow: hidden;
  background: var(--bwt-color-background);
}

.bwt-tech-xai__eyebrow {
  color: var(--bwt-color-accent);
  font-size: 1rem;
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1;
  letter-spacing: 0.02em;
}

.bwt-tech-xai__title {
  color: var(--bwt-color-foreground);
  font-size: clamp(1.75rem, 2.5vw, 2rem);
  font-weight: var(--bwt-font-weight-semibold);
  line-height: 1.2;
}

.bwt-tech-xai__lead {
  color: var(--bwt-color-accent);
  font-size: clamp(1.1rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.35;
}

.bwt-tech-xai__map {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 360px) minmax(180px, 260px) minmax(250px, 360px);
  gap: clamp(1rem, 2vw, 2rem);
  max-width: 1120px;
  min-height: 364px;
  margin-inline: auto;
  align-items: center;
  background: var(--bwt-xai-background) center / min(52vw, 580px) auto no-repeat;
}

.bwt-tech-xai__brackets {
  display: none;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.bwt-tech-xai__brace,
.bwt-tech-xai__connector,
.bwt-tech-xai__node {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
}

.bwt-tech-xai__column {
  display: grid;
  gap: clamp(1.25rem, 4.35vw, 3.5rem);
}

.bwt-tech-xai__card {
  min-height: 84px;
  padding: 1.25rem clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid #1672ff;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(5, 40, 97, 0.22), rgba(59, 130, 246, 0.16));
  box-shadow: 0 -5px 33px rgba(2, 20, 49, 0.3);
  backdrop-filter: blur(18px);
}

.bwt-tech-xai__card h3 {
  margin: 0 0 0.25rem;
  color: var(--bwt-color-foreground);
  font-size: clamp(1rem, 1.55vw, 1.25rem);
  font-weight: var(--bwt-font-weight-semibold);
  line-height: 1.2;
}

.bwt-tech-xai__card p {
  margin: 0;
  color: var(--bwt-color-muted);
  font-size: 0.875rem;
  line-height: 1.4;
}

.bwt-tech-xai__core {
  position: relative;
  width: min(100%, 210px);
  margin-inline: auto;
  aspect-ratio: 181 / 208;
}

.bwt-tech-xai__core img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 24px rgba(59, 130, 246, 0.25));
}

.bwt-tech-xai__core-copy {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  pointer-events: none;
}

.bwt-tech-xai__core-copy strong {
  font-size: 1.1rem;
  line-height: 1.1;
}

.bwt-tech-xai__core-copy span {
  font-size: 0.75rem;
  font-weight: var(--bwt-font-weight-semibold);
}

.bwt-tech-xai__outcome {
  max-width: 1120px;
  margin: 3.25rem auto 0;
  padding: 1.25rem 2rem;
  border: 1px solid var(--bwt-color-accent);
  border-radius: 24px;
  background: rgba(10, 10, 10, 0.84);
  box-shadow: 0 -5px 17px rgba(2, 20, 49, 0.3);
}

.bwt-tech-xai__outcome-title {
  color: var(--bwt-color-foreground);
  font-size: clamp(0.95rem, 1.55vw, 1.25rem);
  font-weight: var(--bwt-font-weight-semibold);
  line-height: 1.35;
}

.bwt-tech-xai__outcome-note {
  color: var(--bwt-color-muted);
  font-size: 0.75rem;
  line-height: 1.4;
}

.bwt-tech-xai__closing {
  margin-top: 1.25rem;
  color: #93c5fd;
  font-size: 0.75rem;
  line-height: 1.5;
}

.bwt-tech-audiences {
  background: var(--bwt-color-background);
}

.bwt-tech-audiences__accordion {
  overflow: hidden;
  border: 1px solid var(--bwt-color-border);
  border-radius: 32px;
  background: var(--bwt-color-surface);
}

.bwt-tech-audiences__accordion .accordion-item {
  border: 0;
  border-bottom: 1px solid var(--bwt-color-border);
  color: var(--bwt-color-foreground);
  background: transparent;
}

.bwt-tech-audiences__accordion .accordion-item:last-child {
  border-bottom: 0;
}

.bwt-tech-audiences__accordion .accordion-button {
  min-height: 64px;
  padding: 1.25rem 4rem 1.25rem 2rem;
  color: var(--bwt-color-foreground);
  font-size: clamp(1.1rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-semibold);
  background: transparent;
  box-shadow: none;
}

.bwt-tech-audiences__accordion .accordion-button::after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: grid;
  width: 32px;
  height: 32px;
  margin: 0;
  place-items: center;
  border: 1px solid var(--bwt-color-border);
  border-radius: 50%;
  content: "+";
  color: var(--bwt-color-foreground);
  background: none;
  font-size: 1.2rem;
  line-height: 1;
  transform: rotate(45deg);
  transition: transform 280ms ease, border-color 280ms ease;
}

.bwt-tech-audiences__accordion .accordion-button.collapsed::after {
  transform: rotate(0);
}

.bwt-tech-audiences__accordion .accordion-button:is(:hover, :focus-visible)::after {
  border-color: var(--bwt-color-accent);
}

.bwt-tech-audiences__accordion .accordion-body {
  max-width: 44rem;
  padding: 0 2rem 2rem;
  color: var(--bwt-color-muted);
  font-size: 1rem;
  line-height: 1.5;
}

.bwt-tech-assessment {
  --bwt-media-background-image: var(--bwt-assessment-background);
  --bwt-media-background-scrim: linear-gradient(180deg, rgba(10, 10, 10, 0.16), rgba(10, 10, 10, 0.2));
  --bwt-media-background-base: #061329;
  min-height: 690px;
}

.bwt-tech-assessment__card {
  max-width: 990px;
  border: 1px solid var(--bwt-color-border);
  border-radius: 54px;
  background: #171717;
  box-shadow: 0 18px 12px rgba(10, 10, 10, 0.24);
}

.bwt-tech-assessment__report {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 520px;
  object-fit: contain;
  object-position: center;
}

.bwt-tech-assessment__title {
  color: var(--bwt-color-foreground);
  font-size: clamp(1.75rem, 2.5vw, 2rem);
  font-weight: var(--bwt-font-weight-semibold);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.bwt-tech-assessment__text {
  color: var(--bwt-color-muted);
  font-size: 0.875rem;
  line-height: 1.45;
}

.bwt-tech-request-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color-scheme: dark;
}

.bwt-tech-request-form__group {
  display: grid;
  gap: 0.35rem;
}

.bwt-tech-request-form__group > label {
  margin: 0;
  color: var(--bwt-color-foreground);
  font-size: 0.75rem;
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.25;
}

.bwt-tech-request-form__field.form-control,
.bwt-tech-request-form__field.form-select {
  min-height: 42px;
  padding: 0.625rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  color: var(--bwt-color-foreground);
  background-color: #0d0d0d;
  box-shadow: none;
  font: var(--bwt-font-weight-regular) 0.8125rem / 1.25 var(--bwt-font-family);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.bwt-tech-request-form__field.form-control::placeholder {
  color: rgba(255, 255, 255, 0.42);
  opacity: 1;
}

.bwt-tech-request-form__field.form-select:invalid {
  color: rgba(255, 255, 255, 0.42);
}

.bwt-tech-request-form__field.form-select option {
  color: var(--bwt-color-foreground);
  background: #0d0d0d;
}

.bwt-tech-request-form__field.form-control:focus,
.bwt-tech-request-form__field.form-select:focus {
  border-color: var(--bwt-color-accent);
  background-color: #101010;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

.bwt-tech-request-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  color: var(--bwt-color-muted);
  font-size: 0.6875rem;
  font-weight: var(--bwt-font-weight-regular);
  line-height: 1.4;
  cursor: pointer;
}

.bwt-tech-request-form__consent input {
  width: 14px;
  height: 14px;
  margin: 0.05rem 0 0;
  flex: 0 0 14px;
  accent-color: var(--bwt-color-accent);
}

.bwt-tech-request-form__consent a {
  color: var(--bwt-color-foreground);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bwt-tech-request-form__submit.btn {
  min-height: 44px;
  margin-top: 0.25rem;
}

.bwt-tech-request-form__submit .btn-label-loading:not(.d-none) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Background-image variant of the shared Figma media treatment. */
.bwt-media-background {
  --bwt-media-background-image: none;
  --bwt-media-background-scrim: var(--bwt-media-gradient-dark-bottom);
  --bwt-media-background-base: #0a0a0a;
  background:
    var(--bwt-media-background-scrim),
    var(--bwt-media-gradient-blue),
    var(--bwt-media-background-image) var(--bwt-media-background-position, center) / cover no-repeat,
    var(--bwt-media-background-base);
  background-blend-mode: normal, overlay, normal, normal;
}

/* Contact page: Figma 1706:5548. */
.bwt-contact-body {
  background: var(--bwt-color-background);
}

@media (min-width: 992px) {
  .bwt-contact-body #mainNav.navbar-transparent {
    background-color: rgba(10, 10, 10, 0.6) !important;
    box-shadow: none !important;
  }
}

.bwt-contact-page {
  color: var(--bwt-color-foreground);
  font-family: var(--bwt-font-family);
}

.bwt-contact-hero {
  --bwt-media-background-image: url("../img/figma/contact/contact-background-blue.webp");
  --bwt-media-background-scrim: linear-gradient(rgba(4, 12, 25, 0.06), rgba(4, 12, 25, 0.14));
  display: flex;
  min-height: calc(100svh - 82px);
  padding-block: 104px 32px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}

.bwt-contact-hero__inner {
  width: 100%;
  margin: auto;
  padding-inline: clamp(24px, 6.25vw, 80px);
}

.bwt-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 548px);
  gap: 48px;
  align-items: center;
  max-width: 1280px;
  margin-inline: auto;
}

.bwt-contact-copy {
  display: flex;
  flex-direction: column;
  gap: 36px;
  min-width: 0;
}

.bwt-contact-title {
  margin: 0;
  color: var(--bwt-color-card-foreground);
  font-size: clamp(48px, 5vw, 64px);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1;
  letter-spacing: -0.035em;
}

.bwt-contact-lead {
  max-width: 500px;
  margin: 0;
  color: var(--bwt-color-foreground);
  font-size: clamp(19px, 1.875vw, 24px);
  font-weight: var(--bwt-font-weight-regular);
  line-height: 1.34;
}

.bwt-contact-details {
  display: grid;
  gap: 16px;
  width: min(100%, 470px);
  margin: 0;
  font-style: normal;
}

.bwt-contact-detail {
  display: flex;
  min-height: 40px;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-radius: var(--bwt-radius-sm);
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color 180ms ease, transform 180ms ease;
}

a.bwt-contact-detail:is(:hover, :focus-visible) {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

.bwt-contact-detail .bi {
  flex: 0 0 24px;
  font-size: 18px;
  text-align: center;
}

.bwt-contact-detail span {
  min-width: 0;
  text-align: right;
}

.bwt-contact-form {
  display: flex;
  width: 100%;
  padding: 16px;
  flex-direction: column;
  gap: 16px;
  border: 1px solid var(--bwt-color-border);
  border-radius: 24px;
  background: var(--bwt-color-surface);
  box-shadow: 0 18px 12px rgba(10, 10, 10, 0.24);
}

.bwt-contact-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.bwt-contact-page .bwt-contact-form .bwt-contact-field {
  min-height: 42px;
  padding: 9px 20px;
  border: 1px solid rgba(2, 20, 49, 0.5);
  border-radius: 60px;
  outline: 0;
  color: var(--bwt-color-foreground);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font: var(--bwt-font-weight-regular) 14px / 20px var(--bwt-font-family);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.bwt-contact-page .bwt-contact-form .bwt-contact-field::placeholder {
  color: var(--bwt-color-muted);
  opacity: 1;
}

.bwt-contact-page .bwt-contact-form .bwt-contact-field:is(:hover, :focus) {
  border-color: rgba(59, 130, 246, 0.9);
  color: #fff;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

.bwt-contact-page .bwt-contact-form .bwt-contact-field--message {
  min-height: 144px;
  padding-top: 12px;
  resize: vertical;
  border-radius: 18px;
}

.bwt-contact-consent {
  display: flex;
  margin: 0;
  align-items: flex-start;
  gap: 9px;
  color: var(--bwt-color-muted);
  font-size: 11px;
  line-height: 1.45;
  cursor: pointer;
}

.bwt-contact-consent input {
  width: 15px;
  height: 15px;
  margin-top: 1px;
  flex: 0 0 15px;
  accent-color: var(--bwt-color-accent);
}

.btn.bwt-contact-submit {
  align-self: flex-start;
  min-width: 128px;
}

.bwt-contact-footer {
  color: var(--bwt-color-foreground);
  font-family: var(--bwt-font-family);
}

.bwt-contact-footer__inner {
  display: flex;
  min-height: 82px;
  padding-block: 16px;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.bwt-contact-footer__links {
  display: flex;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 16px;
}

.bwt-contact-footer__links a {
  color: var(--bwt-color-foreground);
  font-size: 12px;
  text-decoration: none;
}

.bwt-contact-footer__links a:is(:hover, :focus-visible) {
  color: #fff;
  text-decoration: underline;
}

.bwt-contact-footer__copyright {
  margin: 0;
  color: var(--bwt-color-muted);
  font-size: 10px;
}

.bwt-contact-footer__socials {
  display: flex;
  align-items: center;
  gap: 16px;
}

.bwt-contact-footer__socials a {
  color: #fff;
  font-size: 22px;
}

@media (max-width: 991.98px) {
  .bwt-contact-hero {
    min-height: auto;
    padding-block: 104px 40px;
  }

  .bwt-contact-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .bwt-contact-copy,
  .bwt-contact-form {
    width: min(100%, 680px);
    margin-inline: auto;
  }

  .bwt-contact-lead {
    max-width: 620px;
  }

  .bwt-contact-details {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .bwt-contact-hero {
    padding-block: 92px 24px;
  }

  .bwt-contact-hero__inner {
    padding-inline: 16px;
  }

  .bwt-contact-copy {
    gap: 24px;
  }

  .bwt-contact-title {
    font-size: 44px;
  }

  .bwt-contact-lead {
    font-size: 18px;
    line-height: 1.4;
  }

  .bwt-contact-detail {
    align-items: flex-start;
    gap: 12px;
  }

  .bwt-contact-detail span {
    overflow-wrap: anywhere;
  }

  .bwt-contact-form {
    padding: 14px;
    border-radius: 20px;
  }

  .bwt-contact-form__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .bwt-contact-page .bwt-contact-form .bwt-contact-field--message {
    min-height: 128px;
  }

  .btn.bwt-contact-submit {
    width: 100%;
  }

  .bwt-contact-footer__inner {
    min-height: 0;
    padding-block: 24px;
    align-items: flex-start;
  }

  .bwt-contact-footer__links {
    gap: 10px 14px;
  }
}

/* Who We Are page: Figma 1706:5325. */
.bwt-about-body {
  background: var(--bwt-color-background);
}

@media (min-width: 992px) {
  .bwt-about-body #mainNav.navbar-transparent {
    background-color: rgba(10, 10, 10, 0.6) !important;
    box-shadow: none !important;
  }

  .bwt-about-body #mainNav .nav-link.active {
    border-bottom: 1px solid #fff;
  }
}

.bwt-about-page {
  overflow: hidden;
  color: var(--bwt-color-foreground);
  background: var(--bwt-color-background);
  font-family: var(--bwt-font-family);
}

.bwt-about-hero {
  padding: 208px clamp(24px, 6.25vw, 80px) 128px;
}

.bwt-about-hero img {
  display: block;
  width: 100%;
  min-height: 280px;
  border-radius: 16px;
  object-fit: cover;
}

.bwt-about-intro {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 80px;
  padding: 80px clamp(80px, 17.19vw, 220px) 80px clamp(24px, 6.25vw, 80px);
  align-items: center;
}

.bwt-about-intro__title {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.03em;
}

.bwt-about-intro__lead {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}

.bwt-about-intro__lead strong,
.bwt-about-timeline__content strong {
  color: var(--bwt-color-accent);
  font-weight: inherit;
}

.bwt-about-timeline__item {
  display: grid;
  grid-template-columns: 245px 92px minmax(0, 1fr);
  gap: 40px;
  padding-inline: clamp(24px, 6.25vw, 80px) clamp(40px, 10vw, 128px);
  align-items: stretch;
}

.bwt-about-timeline__marker {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
}

.bwt-about-timeline__icon {
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--bwt-color-accent);
  box-shadow: 0 0 22px rgba(59, 130, 246, 0.38);
  font-size: 20px;
}

.bwt-about-timeline__line {
  width: 2px;
  min-height: 80px;
  flex: 1 1 auto;
  background: linear-gradient(180deg, #3b82f6 0%, rgba(59, 130, 246, 0.16) 100%);
  box-shadow: 0 0 18px 4px rgba(59, 130, 246, 0.2);
}

.bwt-about-timeline__content {
  padding-bottom: 80px;
  font-size: 24px;
}

.bwt-about-timeline__content h2 {
  margin: 0 0 40px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.bwt-about-timeline__content p {
  margin: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
}

.bwt-about-timeline__item:nth-child(2) .bwt-about-timeline__content {
  padding-bottom: 120px;
}

.bwt-about-timeline__item--now {
  --bwt-media-background-image: url("../img/figma/about/backwell-now.webp");
  --bwt-media-background-scrim: linear-gradient(180deg, #0a0a0a 23%, rgba(10, 10, 10, 0) 100%);
  min-height: 929px;
  border-radius: 5px;
  background-position: center bottom;
}

.bwt-about-timeline__item--now .bwt-about-timeline__marker {
  padding-bottom: 80px;
}

.bwt-about-timeline__item--now .bwt-about-timeline__content {
  padding-bottom: 0;
}

/* Who We Are: updated CEO and founder section from Figma 1706:5450. */
.bwt-about-ceo {
  padding-top: 64px;
  background: var(--bwt-color-background);
}

.bwt-about-ceo__inner {
  display: grid;
  grid-template-columns: minmax(220px, 325px) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
  width: min(1120px, calc(100% - 48px));
  min-height: 567px;
  margin-inline: auto;
  padding: 0 40px;
  box-sizing: border-box;
}

.bwt-about-ceo__portrait {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--bwt-color-accent);
  border-radius: 16px;
  background: #171717;
}

.bwt-about-ceo__portrait::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, transparent 46.64%, rgba(0, 0, 0, 0.48) 87%);
  content: "";
}

.bwt-about-ceo__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
}

.bwt-about-ceo__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 56px;
}

.bwt-about-ceo__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.bwt-about-ceo__heading h2 {
  margin: 0;
  color: var(--bwt-color-foreground);
  font-size: 32px;
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.375;
}

.bwt-about-ceo__heading p {
  margin: 0;
  color: var(--bwt-color-accent);
  font-size: 24px;
  font-weight: var(--bwt-font-weight-regular);
  line-height: 1.34;
}

.bwt-about-ceo__bio {
  display: grid;
  gap: 16px;
  color: var(--bwt-color-muted);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
}

.bwt-about-ceo__bio p {
  margin: 0;
}

.bwt-about-board {
  background: var(--bwt-color-background);
  padding: 64px clamp(24px, 6.25vw, 80px) 128px;
}

.bwt-about-news {
  background: var(--bwt-color-surface);
}

.bwt-about-board__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.bwt-about-board__heading h2,
.bwt-about-news__heading h2 {
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.bwt-about-news__heading p {
  margin: 16px 0 0;
  color: var(--bwt-color-accent);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.34;
}

.bwt-about-board__description {
  max-width: 880px;
  margin: 56px auto 0;
  color: var(--bwt-color-muted);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.34;
}

.bwt-about-board__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  max-width: 1120px;
  margin: 56px auto 0;
  padding-inline: 40px;
}

.bwt-about-board__card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  border: 2px solid rgba(2, 20, 49, 0.5);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(5, 40, 97, 0.18), rgba(59, 130, 246, 0.18));
  box-shadow: 0 -5px 33px rgba(2, 20, 49, 0.3);
  backdrop-filter: blur(28px);
}

.bwt-about-board__portrait {
  height: 260px;
  overflow: hidden;
  flex: 0 0 260px;
}

.bwt-about-board__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bwt-about-board__copy {
  display: flex;
  padding: 24px;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 32px;
}

.bwt-about-board__copy h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.34;
}

.bwt-about-board__copy p {
  margin: auto 0 0;
  color: var(--bwt-color-muted);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.bwt-about-news {
  padding: 56px clamp(24px, 6.25vw, 80px) 128px;
}

.bwt-about-news__heading,
.bwt-about-news__list {
  max-width: 1120px;
  margin-inline: auto;
}

.bwt-about-news__list {
  display: grid;
  gap: 48px;
  margin-top: 64px;
}

.bwt-about-news__row {
  display: grid;
  grid-template-columns: 262px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}

.bwt-about-news__image {
  width: 262px;
  height: 201px;
  min-height: 0;
  border-radius: 8px;
}

.bwt-about-news__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.bwt-about-news__meta {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.bwt-about-news__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bwt-about-news__tags span {
  padding: 2px 8px;
  border-radius: 8px;
  color: var(--bwt-color-foreground);
  background: #262626;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.bwt-about-news__meta time {
  flex: 0 0 auto;
  color: var(--bwt-color-muted);
  font-size: 12px;
  line-height: 24px;
}

.bwt-about-news__copy h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.bwt-about-news__copy h3 a {
  color: var(--bwt-color-foreground);
  text-decoration: none;
}

.bwt-about-news__copy h3 a:is(:hover, :focus-visible) {
  color: #fff;
  text-decoration: underline;
}

.bwt-about-news__copy > p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--bwt-color-muted);
  font-size: 16px;
  line-height: 1.5;
}

.bwt-about-news__copy .btn {
  min-height: 40px;
  padding-inline: 24px;
  font-size: 14px;
}

.bwt-footer-accent {
  background: #262626 !important;
}

@media (max-width: 1199.98px) {
  .bwt-about-intro {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 48px;
    padding-inline: 48px;
  }

  .bwt-about-timeline__item {
    grid-template-columns: 160px 72px minmax(0, 1fr);
    gap: 28px;
    padding-inline: 48px;
  }

  .bwt-about-board__grid {
    padding-inline: 0;
  }

  .bwt-about-ceo__inner {
    gap: 40px;
    width: min(calc(100% - 48px), 960px);
    padding-inline: 32px;
  }
}

@media (max-width: 767.98px) {
  .bwt-about-ceo {
    padding-top: 56px;
  }

  .bwt-about-hero {
    padding: 104px 16px 64px;
  }

  .bwt-about-hero img {
    min-height: 220px;
  }

  .bwt-about-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 48px 20px 64px;
  }

  .bwt-about-intro__title {
    font-size: 36px;
    line-height: 1.25;
  }

  .bwt-about-intro__lead {
    font-size: 20px;
    line-height: 1.5;
  }

  .bwt-about-timeline__item {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 20px;
    padding-inline: 20px;
  }

  .bwt-about-timeline__spacer {
    display: none;
  }

  .bwt-about-timeline__content,
  .bwt-about-timeline__item:nth-child(2) .bwt-about-timeline__content {
    padding-bottom: 72px;
  }

  .bwt-about-timeline__content h2 {
    margin-bottom: 24px;
    font-size: 26px;
  }

  .bwt-about-timeline__content p {
    font-size: 18px;
    line-height: 1.55;
  }

  .bwt-about-timeline__item--now {
    min-height: 720px;
    padding-top: 24px;
    background-position: center bottom;
  }

  .bwt-about-ceo__inner {
    display: flex;
    min-height: 0;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 36px;
    padding: 0 20px 72px;
  }

  .bwt-about-ceo__portrait {
    width: min(100%, 325px);
    align-self: center;
  }

  .bwt-about-ceo__copy {
    gap: 36px;
  }

  .bwt-about-ceo__heading {
    gap: 16px;
  }

  .bwt-about-ceo__heading h2 {
    font-size: 28px;
    line-height: 1.25;
  }

  .bwt-about-ceo__heading p {
    font-size: 20px;
  }

  .bwt-about-ceo__bio {
    font-size: 16px;
    line-height: 1.35;
  }

  .bwt-about-board {
    padding: 56px 20px 80px;
  }

  .bwt-about-board__heading h2,
  .bwt-about-news__heading h2 {
    font-size: 28px;
  }

  .bwt-about-news__heading p,
  .bwt-about-board__description {
    font-size: 18px;
  }

  .bwt-about-board__description {
    margin-top: 36px;
  }

  .bwt-about-board__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    max-width: 440px;
    margin-top: 40px;
  }

  .bwt-about-news {
    padding: 48px 20px 80px;
  }

  .bwt-about-news__list {
    gap: 40px;
    margin-top: 40px;
  }

  .bwt-about-news__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .bwt-about-news__image {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .bwt-about-news__meta {
    flex-direction: column-reverse;
    gap: 8px;
  }
}

.bwt-tech-why {
  --bwt-media-background-image: var(--bwt-why-background, url("../img/figma/technology-why.webp"));
  --bwt-media-background-scrim: var(--bwt-media-gradient-dark-edges);
  position: relative;
  overflow: hidden;
}

.bwt-tech-page--customer-intelligence .bwt-tech-why__particles,
.bwt-tech-page--pricing-optimization .bwt-tech-why__particles,
.bwt-tech-page--mergers-acquisitions .bwt-tech-why__particles {
  display: none;
}

.bwt-tech-page--mergers-acquisitions .bwt-tech-hero__title {
  max-width: 850px;
  margin-inline: auto;
}

.bwt-tech-why__particles {
  position: absolute;
  z-index: 0;
  top: 12%;
  right: 8%;
  width: 92px;
  height: 92px;
  pointer-events: none;
}

.bwt-tech-why__particles span {
  --bwt-particle-rise: -110px;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(147, 197, 253, 0.72);
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.72);
  animation: bwt-tech-particle-rise 1s linear infinite;
}

.bwt-tech-why__particles span:nth-child(1) { left: 45%; top: 69%; --bwt-particle-rise: -75px; }
.bwt-tech-why__particles span:nth-child(2) { left: 48%; top: 58%; --bwt-particle-rise: -99px; }
.bwt-tech-why__particles span:nth-child(3) { left: 62%; top: 56%; --bwt-particle-rise: -107px; }
.bwt-tech-why__particles span:nth-child(4) { left: 54%; top: 49%; --bwt-particle-rise: -122px; }
.bwt-tech-why__particles span:nth-child(5) { left: 43%; top: 46%; --bwt-particle-rise: -147px; }
.bwt-tech-why__particles span:nth-child(6) { left: 68%; top: 47%; --bwt-particle-rise: -130px; }
.bwt-tech-why__particles span:nth-child(7) { left: 60%; top: 40%; --bwt-particle-rise: -149px; }
.bwt-tech-why__particles span:nth-child(8) { left: 49%; top: 36%; --bwt-particle-rise: -176px; }
.bwt-tech-why__particles span:nth-child(9) { left: 36%; top: 38%; --bwt-particle-rise: -169px; }
.bwt-tech-why__particles span:nth-child(10) { left: 25%; top: 37%; --bwt-particle-rise: -154px; }
.bwt-tech-why__particles span:nth-child(11) { left: 41%; top: 29%; --bwt-particle-rise: -189px; }
.bwt-tech-why__particles span:nth-child(12) { left: 31%; top: 47%; --bwt-particle-rise: -135px; }
.bwt-tech-why__particles span:nth-child(13) { left: 37%; top: 56%; --bwt-particle-rise: -116px; }
.bwt-tech-why__particles span:nth-child(14) { left: 56%; top: 66%; --bwt-particle-rise: -95px; }

@keyframes bwt-tech-particle-rise {
  from { transform: translate3d(0, var(--bwt-particle-rise), 0); opacity: 0; }
  20% { opacity: 0.78; }
  to { transform: translate3d(0, 0, 0); opacity: 0; }
}

.bwt-tech-why > .container-fluid {
  position: relative;
  z-index: 1;
}

.bwt-tech-why__row {
  min-height: 330px;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}

.bwt-tech-why__row:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.bwt-tech-why__copy {
  min-height: 330px;
  align-items: flex-start;
  justify-content: center;
  border-inline: 1px solid rgba(255, 255, 255, 0.24);
  background: rgba(4, 8, 15, 0.22);
  backdrop-filter: blur(2px);
}

.bwt-tech-why__title {
  flex: 1 1 58%;
  color: var(--bwt-color-foreground);
  font-size: clamp(2.8rem, 5.625vw, 4.5rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.1;
  letter-spacing: -0.03em;
  overflow-wrap: normal;
  word-break: normal;
}

.bwt-tech-why__description {
  flex: 1 1 42%;
  color: var(--bwt-color-muted);
  font-size: clamp(0.95rem, 1.3vw, 1.25rem);
  line-height: 1.45;
}

.bwt-tech-testimonial {
  background: var(--bwt-color-background);
}

.bwt-tech-testimonial__stage {
  max-width: 996px;
  margin-inline: auto;
  gap: 32px !important;
}

.bwt-tech-testimonial__card {
  min-height: 303px;
  border: 1px solid var(--bwt-color-border);
  border-radius: 24px;
  background: var(--bwt-color-surface);
}

.bwt-tech-testimonial__media {
  position: relative;
  height: 100%;
  min-height: 303px;
  overflow: hidden;
  background: #111;
}

.bwt-tech-testimonial__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.bwt-tech-testimonial__copy {
  color: var(--bwt-color-foreground);
}

.bwt-tech-testimonial__copy blockquote {
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.5;
}

.bwt-tech-testimonial__copy p {
  color: var(--bwt-color-muted);
  font-size: 0.75rem;
}

.bwt-tech-testimonial__logo {
  width: auto;
  max-width: 168px;
  height: 34px;
  object-fit: contain;
  object-position: left center;
}

@media (min-width: 992px) {
  .bwt-tech-testimonial__card {
    height: 303px;
    min-height: 303px;
  }

  .bwt-tech-testimonial__media {
    height: 303px;
    min-height: 303px;
  }

  .bwt-tech-testimonial__copy {
    padding: 56px !important;
  }
}

.bwt-tech-testimonial__arrow {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bwt-color-border);
  border-radius: 50%;
  color: var(--bwt-color-foreground);
  background: transparent;
  opacity: 0.75;
}

.bwt-tech-testimonial__dots span {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #262626;
}

.bwt-tech-testimonial__dots .is-active {
  background: var(--bwt-color-accent);
}

.bwt-tech-mid-cta {
  position: relative;
  min-height: 528px;
  overflow: hidden;
  background:
    linear-gradient(90deg, #0a0a0a 0%, rgba(10, 10, 10, 0.94) 34%, rgba(10, 10, 10, 0.12) 75%),
    linear-gradient(180deg, rgba(10, 10, 10, 0) 55%, #0a0a0a 100%),
    var(--bwt-mid-cta-background, url("../img/figma/technology-lines.webp")) 82% center / auto 125% no-repeat,
    #0a0a0a;
}

.bwt-tech-mid-cta__content {
  position: relative;
  z-index: 1;
  max-width: 500px;
}

.bwt-tech-mid-cta__title {
  color: var(--bwt-color-foreground);
  font-size: clamp(1.9rem, 2.5vw, 2rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.2;
}

.bwt-tech-mid-cta__text {
  color: var(--bwt-color-muted);
  font-size: clamp(1.15rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.35;
}

.bwt-tech-algorithm-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 349px;
  border: 1px solid var(--bwt-color-border);
  background: var(--bwt-color-surface);
}

.bwt-tech-algorithm-card__icon--wireframe {
  width: 104px;
  height: 104px;
}

.bwt-tech-algorithm-card__icon--static {
  display: block;
  width: 90px;
  height: 80px;
  object-fit: contain;
  object-position: left center;
}

.bwt-tech-algorithm-card__title {
  color: var(--bwt-color-foreground);
  font-size: 1.5rem;
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1;
}

.bwt-tech-algorithm-card__description {
  color: var(--bwt-color-muted);
  font-size: 1rem;
  line-height: 1.5;
}

.bwt-tech-resource-heading {
  background: var(--bwt-color-background);
}

.bwt-tech-resource {
  --bwt-media-background-image: var(--bwt-resource-background);
  --bwt-media-background-scrim: linear-gradient(transparent, transparent);
  --bwt-media-background-base: #061329;
  position: relative;
  min-height: 653px;
}

.bwt-tech-resource__card {
  max-width: 834px;
  border-radius: 54px;
  background: #171717;
  box-shadow: 0 18px 12px rgba(10, 10, 10, 0.24);
}

.bwt-tech-resource__cover {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 430px;
  object-fit: cover;
  object-position: top center;
  border-radius: 8px;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.48);
}

.bwt-tech-resource__title {
  color: var(--bwt-color-foreground);
  font-size: clamp(1.75rem, 2.5vw, 2rem);
  font-weight: var(--bwt-font-weight-semibold);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.bwt-tech-resource__name {
  color: var(--bwt-color-accent);
  font-size: clamp(1.1rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-medium);
  line-height: 1.35;
}

.bwt-tech-resource__description {
  color: var(--bwt-color-muted);
  font-size: 1rem;
  line-height: 1.5;
}

.bwt-tech-resource-form {
  gap: 0.625rem;
}

.bwt-tech-resource-form .bwt-tech-request-form__group {
  gap: 0.25rem;
}

.bwt-tech-resource-form .bwt-tech-request-form__group > label {
  font-size: 0.6875rem;
}

.bwt-tech-resource-form .bwt-tech-request-form__field.form-control,
.bwt-tech-resource-form .bwt-tech-request-form__field.form-select {
  min-height: 38px;
  padding: 0.5rem 0.625rem;
  font-size: 0.75rem;
}

.bwt-tech-resource-form .bwt-tech-request-form__consent {
  gap: 0.45rem;
  font-size: 0.625rem;
  line-height: 1.35;
}

.bwt-tech-page--pricing-optimization .bwt-tech-resource {
  min-height: 680px;
}

.bwt-tech-page--pricing-optimization .bwt-tech-resource__card {
  max-width: 912px;
}

.bwt-tech-page--pricing-optimization .bwt-tech-resource__cover {
  max-height: 500px;
}

.bwt-related-posts-section .bwt-lnews-inner {
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
}

.bwt-related-posts-section .bwt-lnews-img-wrap {
  flex: 0 0 262px;
  max-width: 262px;
  aspect-ratio: 262 / 201;
}

.bwt-related-posts-section .bwt-lnews-img-wrap img {
  mask-image: none;
  -webkit-mask-image: none;
}

.bwt-related-posts-section .bwt-lnews-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.bwt-related-posts-section .bwt-lnews-date {
  flex: 0 0 auto;
  margin: 0;
}

.bwt-related-posts-section .bwt-lnews-title {
  font-size: clamp(1.2rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-semibold);
}

.bwt-related-posts-section .bwt-lnews-read {
  display: inline-flex;
  padding: 0;
  align-items: center;
  border: 0;
  color: var(--bwt-color-accent);
  text-transform: none;
}

.bwt-tech-industry-card {
  --bwt-media-gradient-dark-bottom: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.88));
  aspect-ratio: 1.45;
  border: 1px solid var(--bwt-color-border);
  border-radius: var(--bwt-radius-sm);
  background: var(--bwt-color-surface);
}

.bwt-tech-industry-card img {
  transition: transform 320ms ease;
}

.bwt-tech-industry-card:hover img {
  transform: scale(1.035);
}

.bwt-tech-industry-card__title {
  z-index: 3;
  color: var(--bwt-color-foreground);
  font-size: 1.25rem;
  font-weight: var(--bwt-font-weight-medium);
}

.bwt-tech-faq .accordion {
  overflow: hidden;
  border: 1px solid var(--bwt-color-border);
  border-radius: calc(var(--bwt-radius-lg) * 2);
}

.bwt-tech-faq .accordion-button {
  padding: 2rem;
  font-size: clamp(1.1rem, 1.875vw, 1.5rem);
  font-weight: var(--bwt-font-weight-semibold);
  line-height: 1.2;
}

.bwt-tech-faq .accordion-body {
  padding: 0 2rem 2rem;
  font-size: 1rem;
  line-height: 1.6;
}

/* The IMEX connector geometry is the desktop-only vector artwork from Figma. */
@media (min-width: 992px) {
  .bwt-tech-xai__map {
    grid-template-columns: 32.142857% 35.714286% 32.142857%;
    gap: 0;
    min-height: 364px;
  }

  .bwt-tech-xai__brackets {
    display: block;
  }

  .bwt-tech-xai__brace {
    top: 10.164835%;
    width: 10.401786%;
    height: 79.802198%;
    z-index: 1;
  }

  .bwt-tech-xai__brace--left {
    left: 32.142857%;
  }

  .bwt-tech-xai__brace--right {
    left: 57.455357%;
    transform: scaleX(-1);
  }

  .bwt-tech-xai__connector {
    top: calc(50% - 2px);
    width: 11.116071%;
    height: 4px;
    z-index: 3;
  }

  .bwt-tech-xai__connector--left {
    left: 32.142857%;
  }

  .bwt-tech-xai__connector--right {
    left: 56.741071%;
  }

  .bwt-tech-xai__node {
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    z-index: 3;
  }

  .bwt-tech-xai__node--left {
    left: 42.678571%;
  }

  .bwt-tech-xai__node--right {
    left: 55.803571%;
  }

  .bwt-tech-xai__column,
  .bwt-tech-xai__core {
    position: relative;
    z-index: 2;
  }

  .bwt-tech-xai__column {
    gap: 56px;
  }

  .bwt-tech-xai__core {
    width: min(100%, 181px);
  }
}

@media (max-width: 991.98px) {
  .bwt-tech-hero {
    min-height: 100svh;
    min-height: 100dvh;
    align-items: center !important;
  }

  .bwt-tech-hero::before {
    inset: -8% -35%;
    background-position: 40% center;
  }

  .bwt-tech-capabilities__shell,
  .bwt-tech-capabilities__content,
  .bwt-tech-capabilities__media {
    min-height: auto;
  }

  .bwt-tech-capabilities__nav {
    border-right: 0;
    border-bottom: 1px solid var(--bwt-color-border);
  }

  .bwt-tech-capabilities__media {
    min-height: 340px;
  }

  .bwt-tech-testimonial__stage {
    gap: 0 !important;
  }

  .bwt-tech-testimonial__card {
    min-height: 0;
  }

  .bwt-tech-testimonial__media {
    min-height: 0;
    aspect-ratio: 1280 / 671;
  }

  .bwt-tech-xai__map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background-position: center top;
    background-size: min(80vw, 520px) auto;
  }

  .bwt-tech-xai__core {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .bwt-tech-xai__column--left {
    grid-column: 1;
    grid-row: 2;
  }

  .bwt-tech-xai__column--right {
    grid-column: 2;
    grid-row: 2;
  }

  .bwt-tech-xai__column {
    align-self: start;
    gap: 1rem;
  }

  .bwt-tech-why__row,
  .bwt-tech-why__copy {
    min-height: auto;
  }

  .bwt-tech-why__row > [aria-hidden="true"] {
    display: none;
  }

  .bwt-tech-why__copy {
    border-inline: 0;
  }

  .bwt-tech-mid-cta {
    min-height: 460px;
    background-position: center, center, 68% center, center;
  }

  .bwt-tech-resource__card {
    border-radius: 36px;
  }

  .bwt-tech-assessment__card {
    border-radius: 36px;
  }

  .bwt-tech-assessment__report {
    height: auto;
    max-height: none;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .bwt-tech-xai__map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background-position: center 50%;
  }

  .bwt-tech-xai__column {
    display: contents;
  }

  .bwt-tech-xai__column--left .bwt-tech-xai__card:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .bwt-tech-xai__column--left .bwt-tech-xai__card:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

  .bwt-tech-xai__column--left .bwt-tech-xai__card:nth-child(3) {
    grid-column: 1 / -1;
    grid-row: 2;
    width: calc(50% - 0.5rem);
    justify-self: center;
  }

  .bwt-tech-xai__core {
    grid-column: 1 / -1;
    grid-row: 3;
    margin-block: 1.5rem;
  }

  .bwt-tech-xai__column--right .bwt-tech-xai__card:nth-child(1) {
    grid-column: 1;
    grid-row: 4;
  }

  .bwt-tech-xai__column--right .bwt-tech-xai__card:nth-child(2) {
    grid-column: 2;
    grid-row: 4;
  }

  .bwt-tech-xai__column--right .bwt-tech-xai__card:nth-child(3) {
    grid-column: 1 / -1;
    grid-row: 5;
    width: calc(50% - 0.5rem);
    justify-self: center;
  }
}

@media (max-width: 767.98px) {
  .bwt-tech-xai__map {
    grid-template-columns: 1fr;
    gap: 1rem;
    background-position: center 52%;
  }

  .bwt-tech-xai__core,
  .bwt-tech-xai__column--left,
  .bwt-tech-xai__column--right {
    grid-column: 1;
  }

  .bwt-tech-xai__column--left { grid-row: 1; }
  .bwt-tech-xai__core {
    grid-row: 2;
    margin-block: 1.5rem;
  }
  .bwt-tech-xai__column--right { grid-row: 3; }

  .bwt-tech-testimonial__card {
    min-height: auto;
  }

  .bwt-tech-resource__cover {
    height: auto;
    max-height: none;
    aspect-ratio: 871 / 1232;
  }

  .bwt-tech-audiences__accordion {
    border-radius: 24px;
  }

  .bwt-related-posts-section .bwt-lnews-inner {
    gap: 1.25rem;
  }

  .bwt-related-posts-section .bwt-lnews-img-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .bwt-tech-hero__title {
    font-size: 2.5rem;
  }

  .bwt-tech-statement__text {
    font-size: 1.75rem;
    line-height: 1.45;
  }

  .bwt-tech-stats__item {
    border-right: 0;
    border-bottom: 1px solid var(--bwt-color-border);
  }

  .bwt-tech-stats__item:last-child {
    border-bottom: 0;
  }

  .bwt-tech-capabilities__tab small {
    display: none !important;
  }

  .bwt-tech-capabilities__tab.nav-link {
    min-height: 56px;
    padding: 0.75rem 3.75rem 0.75rem 1rem !important;
  }

  .bwt-tech-capabilities__tab-title {
    font-size: 1rem;
    line-height: 1.3;
  }

  .bwt-tech-capabilities__info {
    display: inline-flex;
    right: 0.75rem;
    width: 32px;
    height: 32px;
  }

  .bwt-tech-capabilities__media {
    min-height: 260px;
  }

  .bwt-tech-xai__card {
    padding: 1.1rem 1.25rem;
    border-radius: 18px;
  }

  .bwt-tech-xai__outcome {
    padding: 1.15rem;
    border-radius: 18px;
  }

  .bwt-tech-why__title {
    font-size: 2.75rem;
  }

  .bwt-tech-mid-cta {
    min-height: 520px;
    background:
      linear-gradient(180deg, #0a0a0a 0%, rgba(10, 10, 10, 0.5) 56%, #0a0a0a 100%),
      var(--bwt-mid-cta-background, url("../img/figma/technology-lines.webp")) 66% bottom / auto 88% no-repeat,
      #0a0a0a;
  }

  .bwt-tech-resource {
    min-height: auto;
  }

  .bwt-tech-resource__card {
    border-radius: 24px;
  }

  .bwt-tech-assessment {
    min-height: auto;
  }

  .bwt-tech-assessment__card {
    border-radius: 24px;
  }

  .bwt-tech-audiences__accordion .accordion-button {
    min-height: 56px;
    padding: 1rem 3.5rem 1rem 1.25rem;
    font-size: 1rem;
  }

  .bwt-tech-audiences__accordion .accordion-button::after {
    top: 0.75rem;
    right: 0.75rem;
  }

  .bwt-tech-audiences__accordion .accordion-body {
    padding: 0 1.25rem 1.25rem;
    font-size: 0.9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bwt-mega-menu *,
  .bwt-mega-menu *::before,
  .bwt-mega-menu *::after,
  .bwt-tech-industry-card img {
    transition-duration: 0.01ms;
  }

  .bwt-tech-why__particles span {
    animation: none;
    opacity: 0.45;
  }
}
/* Homepage: business intelligence flow */
.bwt-home-intelligence {
  padding-block: clamp(5rem, 9vw, 8rem);
  border-left: 1px solid var(--bwt-color-border);
  background:
    linear-gradient(176.56deg, #0a0a0a 6.2%, rgba(10, 10, 10, 0) 53.62%),
    linear-gradient(87.26deg, #3b82f6 0%, #004bc6 97.8%),
    url("../img/figma/home-intelligence.webp") center / cover no-repeat,
    #0a0a0a;
  background-blend-mode: normal, overlay, normal, normal;
}

.bwt-home-intelligence__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(28rem, 1fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}

.bwt-home-intelligence__heading {
  padding-top: 0.25rem;
}

.bwt-home-intelligence__title {
  color: var(--bwt-color-foreground);
  font-family: var(--bwt-font-family);
  font-size: clamp(2rem, 2.5vw, 2rem);
  font-weight: 500;
  line-height: 1.2;
}

.bwt-home-intelligence__subtitle {
  color: var(--bwt-color-accent);
  font-family: "Manrope", sans-serif;
  font-size: clamp(1.25rem, 1.875vw, 1.5rem);
  font-weight: 500;
  line-height: 1.35;
}

.bwt-home-intelligence__flow {
  display: flex;
  flex-direction: column;
  gap: clamp(3.5rem, 8vw, 7rem);
  padding: 0;
  list-style: none;
}

.bwt-home-intelligence__step {
  position: relative;
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.bwt-home-intelligence__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 3.25rem;
  bottom: calc(-1 * clamp(3.5rem, 8vw, 7rem));
  left: calc(1.625rem - 1px);
  width: 2px;
  background: var(--bwt-color-surface-raised);
}

.bwt-home-intelligence__step.is-active:not(:last-child)::after {
  background: linear-gradient(180deg, var(--bwt-color-accent), rgba(59, 130, 246, 0.12));
}

.bwt-home-intelligence__icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border-radius: 50%;
  background: var(--bwt-color-surface-raised);
  color: var(--bwt-color-foreground);
  font-size: 1.65rem;
}

.bwt-home-intelligence__step.is-active .bwt-home-intelligence__icon {
  background: var(--bwt-color-accent);
}

.bwt-home-intelligence__card {
  min-height: 10rem;
  padding: 1.5rem clamp(1.5rem, 3.125vw, 2.5rem) 2rem;
  border: 1px solid rgba(2, 20, 49, 0.72);
  border-radius: 3rem;
  background: linear-gradient(180deg, rgba(5, 40, 97, 0.3), rgba(59, 130, 246, 0.24));
  box-shadow: 0 -5px 33px rgba(2, 20, 49, 0.3);
  backdrop-filter: blur(28px);
}

.bwt-home-intelligence__step:not(.is-active) .bwt-home-intelligence__card {
  border-radius: 1.5rem;
  background: rgba(7, 60, 146, 0.28);
}

.bwt-home-intelligence__card h3 {
  margin: 0 0 1rem;
  color: var(--bwt-color-foreground);
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.bwt-home-intelligence__card p {
  margin: 0;
  color: var(--bwt-color-foreground);
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

/* Homepage: reusable blue-overlay media cards */
.bwt-home-industries {
  padding-block: clamp(5rem, 10vw, 8rem);
}

.bwt-home-industries__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.5rem;
}

.bwt-home-industries__card {
  display: flex;
  min-height: 21.875rem;
  align-items: flex-end;
  padding: 1.5rem;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.bwt-home-industries__card--quarter {
  grid-column: span 3;
}

.bwt-home-industries__card--third {
  grid-column: span 4;
}

.bwt-home-industries__card--insurance {
  --bwt-media-object-position: 50% 100%;
}

.bwt-home-industries__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  transform-origin: var(--bwt-media-object-position, 50% 50%);
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bwt-home-industries__card:hover .bwt-home-industries__image {
  transform: scale(1.035);
}

.bwt-home-industries__card h3 {
  position: relative;
  z-index: 3;
  margin: 0;
  color: var(--bwt-color-foreground);
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.bwt-footer-cta {
  position: relative;
  display: flex;
  min-height: 33rem;
  align-items: center;
  overflow: hidden;
  border-top: 1px solid var(--bwt-color-border);
  background:
    linear-gradient(318deg, rgba(10, 10, 10, 0) 38%, #0a0a0a 66%),
    url("../img/figma/home-lines.webp") center / cover no-repeat,
    #0a0a0a !important;
}

@media (max-width: 991.98px) {
  .bwt-home-intelligence__layout {
    grid-template-columns: 1fr;
  }

  .bwt-home-intelligence__flow {
    max-width: 42rem;
    margin-inline: auto;
  }

  .bwt-home-industries__card--quarter,
  .bwt-home-industries__card--third {
    grid-column: span 6;
  }
}

@media (max-width: 575.98px) {
  .bwt-home-intelligence {
    background-position: center, center, 44% center, center;
  }

  .bwt-home-intelligence__step {
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 0.75rem;
  }

  .bwt-home-intelligence__icon {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.25rem;
  }

  .bwt-home-intelligence__step:not(:last-child)::after {
    top: 2.75rem;
    left: calc(1.375rem - 1px);
  }

  .bwt-home-intelligence__card,
  .bwt-home-intelligence__step:not(.is-active) .bwt-home-intelligence__card {
    min-height: 0;
    padding: 1.25rem;
    border-radius: 1.5rem;
  }

  .bwt-home-industries__card--quarter,
  .bwt-home-industries__card--third {
    grid-column: 1 / -1;
  }

  .bwt-home-industries__card {
    min-height: 20rem;
  }

  .bwt-footer-cta {
    min-height: 28rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bwt-home-industries__image {
    transition-duration: 0.01ms;
  }
}