:root {
  color-scheme: dark;

  --bf-background: #050914;
  --bf-deep-space: #07101b;
  --bf-surface: #0e1726;
  --bf-surface-light: #152336;

  --bf-primary: #79a8ff;
  --bf-primary-glow: #5c92ff;
  --bf-accent-blue: #5acbff;
  --bf-accent-cyan: #7debff;

  --bf-success: #43d98c;
  --bf-warning: #f8c15a;
  --bf-danger: #ff6b7a;

  --bf-text: #f4f7fc;
  --bf-white: #eaf6ff;
  --bf-muted: #a9b6d3;

  --bf-glass: rgba(18, 26, 44, 0.68);
  --bf-glass-strong: rgba(15, 24, 40, 0.84);
  --bf-glass-inset: rgba(3, 9, 18, 0.32);
  --bf-border: rgba(255, 255, 255, 0.08);
  --bf-border-strong: rgba(255, 255, 255, 0.14);

  --bf-radius-sm: 12px;
  --bf-radius-md: 18px;
  --bf-radius-lg: 22px;
  --bf-radius-xl: 30px;
  --bf-radius-pill: 999px;

  --bf-shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.35);
  --bf-shadow-focus: 0 0 0 4px rgba(121, 168, 255, 0.18);

  --bf-fast: 300ms;
  --bf-medium: 500ms;
  --bf-slow: 800ms;
  --bf-ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --bf-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);

  --bf-container: 1280px;
  --bf-gutter: clamp(20px, 4vw, 48px);
}

* , *::before, *::after { box-sizing: border-box; }
html { background: var(--bf-background); scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--bf-text);
  background: var(--bf-background);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img, svg, canvas { display: block; max-width: 100%; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible {
  outline: 2px solid var(--bf-primary);
  outline-offset: 4px;
  box-shadow: var(--bf-shadow-focus);
}
::selection { color: var(--bf-white); background: rgba(121,168,255,.28); }

.bf-shell {
  width: min(var(--bf-container), calc(100% - (2 * var(--bf-gutter))));
  margin-inline: auto;
}

.bf-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.bf-skip-link {
  position: fixed;
  z-index: 9999;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  color: var(--bf-deep-space);
  background: var(--bf-accent-cyan);
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-150%);
  transition: transform var(--bf-fast) var(--bf-ease-standard);
}
.bf-skip-link:focus { transform: translateY(0); }

.bf-icon {
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  flex: 0 0 auto;
  color: var(--bf-accent-cyan);
  background: currentColor;
  -webkit-mask: var(--bf-icon-url) center / contain no-repeat;
  mask: var(--bf-icon-url) center / contain no-repeat;
}
.bf-icon--arrow-right { --bf-icon-url: url("../assets/icons/arrow-right.svg"); }
.bf-icon--check { --bf-icon-url: url("../assets/icons/check.svg"); }
.bf-icon--shield { --bf-icon-url: url("../assets/icons/shield.svg"); }
.bf-icon--analytics { --bf-icon-url: url("../assets/icons/analytics.svg"); }
.bf-icon--bot { --bf-icon-url: url("../assets/icons/bot.svg"); }
.bf-icon--document { --bf-icon-url: url("../assets/icons/document.svg"); }
.bf-icon--sparkles { --bf-icon-url: url("../assets/icons/sparkles.svg"); }
.bf-icon--lock { --bf-icon-url: url("../assets/icons/lock.svg"); }
.bf-icon--globe { --bf-icon-url: url("../assets/icons/globe.svg"); }
.bf-icon--users { --bf-icon-url: url("../assets/icons/users.svg"); }
.bf-icon--governance { --bf-icon-url: url("../assets/icons/governance.svg"); }
.bf-icon--government { --bf-icon-url: url("../assets/icons/government.svg"); }
.bf-icon--enterprise { --bf-icon-url: url("../assets/icons/enterprise.svg"); }
.bf-icon--research { --bf-icon-url: url("../assets/icons/research.svg"); }
.bf-icon--infrastructure { --bf-icon-url: url("../assets/icons/infrastructure.svg"); }

.bf-hero {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  display: grid;
  align-items: center;
  overflow: hidden;
  padding: max(88px, env(safe-area-inset-top)) 0 max(82px, env(safe-area-inset-bottom));
  background:
    radial-gradient(900px 620px at 14% -8%, rgba(121,168,255,.12), transparent 64%),
    radial-gradient(780px 580px at 92% 12%, rgba(77,230,230,.07), transparent 66%),
    linear-gradient(180deg, var(--bf-background), var(--bf-deep-space));
}
.bf-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0;
  height: 240px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(5,9,20,.92));
}

.bf-hero__atmosphere,
.bf-hero__grid,
.bf-hero__stars-fallback,
.bf-hero__vignette,
.bf-hero__star-canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.bf-hero__atmosphere { z-index: -2; overflow: hidden; }
.bf-hero__universe {
  position: absolute;
  width: min(92vw, 1280px);
  height: auto;
  top: 50%;
  right: -24%;
  opacity: .18;
  mix-blend-mode: screen;
  transform: translateY(-50%);
  filter: saturate(.9) contrast(1.04);
}
.bf-hero__star-canvas { width: 100%; height: 100%; opacity: .8; }
.bf-hero__stars-fallback {
  opacity: .25;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(234,246,255,.8) 0 1px, transparent 1.5px),
    radial-gradient(circle at 72% 22%, rgba(125,235,255,.68) 0 1px, transparent 1.5px),
    radial-gradient(circle at 48% 68%, rgba(121,168,255,.65) 0 1px, transparent 1.5px),
    radial-gradient(circle at 86% 74%, rgba(234,246,255,.56) 0 1px, transparent 1.5px),
    radial-gradient(circle at 30% 86%, rgba(125,235,255,.42) 0 1px, transparent 1.5px);
  background-size: 320px 280px, 420px 360px, 520px 440px, 610px 520px, 730px 620px;
}
.bf-hero__grid {
  opacity: .18;
  background-image:
    linear-gradient(rgba(121,168,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121,168,255,.055) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, transparent 0%, black 24%, black 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 24%, black 72%, transparent 100%);
  transform: perspective(900px) rotateX(58deg) translateY(30%);
  transform-origin: center bottom;
}
.bf-hero__network {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .08;
  pointer-events: none;
}
.bf-network__lines {
  fill: none;
  stroke: rgba(121,168,255,.24);
  stroke-width: .8;
  stroke-dasharray: 5 16;
  animation: bf-network-flow 28s linear infinite;
}
.bf-network__nodes { fill: var(--bf-accent-cyan); opacity: .46; }
@keyframes bf-network-flow { to { stroke-dashoffset: -210; } }
.bf-hero__vignette { background: radial-gradient(circle at 50% 42%, transparent 36%, rgba(1,4,10,.56) 100%); }
.bf-hero__orb {
  position: absolute;
  width: min(58vw, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(52px);
  will-change: transform, opacity;
}
.bf-hero__orb--primary { top: -34%; left: -16%; background: radial-gradient(circle, rgba(92,146,255,.2), transparent 68%); }
.bf-hero__orb--cyan { right: -28%; bottom: -44%; opacity: .62; background: radial-gradient(circle, rgba(77,230,230,.12), transparent 70%); }
[data-bf-ambient] { animation: bf-ambient-drift 16s var(--bf-ease-standard) infinite alternate; }
@keyframes bf-ambient-drift {
  from { transform: translate3d(-2px,2px,0) scale(1); opacity: .72; }
  to { transform: translate3d(6px,-4px,0) scale(1.012); opacity: .9; }
}

.bf-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(430px, .94fr);
  gap: clamp(44px, 6.5vw, 92px);
  align-items: center;
}
.bf-hero__content { min-width: 0; display: grid; gap: 24px; }

[data-bf-stage] { opacity: 1; transform: none; filter: none; }
.js .bf-hero[data-state="prepared"] [data-bf-stage] {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  filter: blur(5px);
}
.js .bf-hero[data-state="prepared"] [data-bf-stage="dashboard"] { transform: translate3d(16px,0,0) scale(.99); }
.js .bf-hero [data-bf-stage][data-visible="true"] {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
}

.bf-hero__brand { width: fit-content; display: inline-flex; gap: 13px; align-items: center; }
.bf-hero__brand-mark { width: 48px; height: 48px; filter: drop-shadow(0 0 14px rgba(92,146,255,.18)); }
.bf-hero__brand-copy { display: grid; gap: 2px; }
.bf-hero__brand-name { font-family: "Inter Tight", Inter, system-ui, sans-serif; font-size: 1.1rem; font-weight: 800; letter-spacing: -.025em; }
.bf-hero__brand-meta { color: var(--bf-muted); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bf-hero__leitmotif { margin-top: 3px; color: rgba(234,246,255,.74); font-size: .74rem; font-weight: 700; letter-spacing: .025em; }

.bf-hero__headline {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(2.85rem, 5.1vw, 4.75rem);
  font-weight: 720;
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.bf-hero__headline-visual { display: grid; gap: .08em; }
.bf-hero__headline-line { display: block; min-height: 1em; }
.bf-hero__headline-line--accent {
  color: transparent;
  background: linear-gradient(135deg, var(--bf-primary), var(--bf-accent-cyan));
  -webkit-background-clip: text;
  background-clip: text;
}
.js .bf-hero[data-typing="true"] .bf-hero__headline-line[data-active="true"]::after {
  content: "";
  display: inline-block;
  width: .06em;
  height: .8em;
  margin-left: .08em;
  vertical-align: -.03em;
  border-radius: 999px;
  background: currentColor;
  animation: bf-cursor 900ms steps(2,end) infinite;
}
.bf-hero__headline-line--accent[data-active="true"]::after { background: var(--bf-accent-cyan) !important; }
@keyframes bf-cursor { 50% { opacity: 0; } }

.bf-hero__statement {
  max-width: 65ch;
  margin: 0;
  color: var(--bf-muted);
  font-size: clamp(.98rem, 1.25vw, 1.08rem);
  line-height: 1.7;
}

.bf-intelligence-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.bf-intel-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-areas: "icon label" "icon value";
  gap: 3px 10px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-md);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(18,26,44,.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition:
    transform var(--bf-medium) var(--bf-ease-standard),
    border-color var(--bf-medium) var(--bf-ease-standard),
    box-shadow var(--bf-medium) var(--bf-ease-standard);
}
.bf-intel-card:hover {
  transform: translateY(-3px);
  border-color: rgba(121,168,255,.22);
  box-shadow: 0 16px 36px rgba(0,0,0,.22), 0 0 20px rgba(92,146,255,.08);
}
.bf-intel-card__icon { grid-area: icon; width: 24px; height: 24px; color: var(--bf-accent-cyan); opacity: .88; }
.bf-intel-card__label { grid-area: label; color: var(--bf-muted); font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.bf-intel-card__value {
  grid-area: value;
  font-size: .9rem;
  letter-spacing: -.01em;
  transition: opacity 250ms var(--bf-ease-standard), transform 250ms var(--bf-ease-standard);
}
.bf-intel-card[data-changing="true"] .bf-intel-card__value { opacity: 0; transform: translateY(3px); }

.bf-hero__actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.bf-button {
  min-height: 50px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding-inline: 20px;
  border: 1px solid transparent;
  border-radius: var(--bf-radius-pill);
  font-size: .91rem;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard);
}
.bf-button:hover { transform: translateY(-2px); }
.bf-button:active { transform: translateY(0); }
.bf-button .bf-icon { width: 19px; height: 19px; }
.bf-button--primary { color: var(--bf-deep-space); background: linear-gradient(135deg, var(--bf-primary), var(--bf-accent-cyan)); box-shadow: 0 12px 32px rgba(92,146,255,.18); }
.bf-button--primary .bf-icon { color: var(--bf-deep-space); }
.bf-button--primary:hover { box-shadow: 0 15px 38px rgba(92,146,255,.23); }
.bf-button--secondary {
  color: var(--bf-text);
  border-color: var(--bf-border);
  background: linear-gradient(135deg, rgba(255,255,255,.055), transparent), rgba(18,26,44,.54);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.bf-button--secondary:hover { border-color: rgba(121,168,255,.24); background: linear-gradient(135deg, rgba(255,255,255,.075), transparent), rgba(18,26,44,.68); }

.bf-trust-network { display: grid; gap: 10px; padding-top: 2px; }
.bf-trust-network__label { margin: 0; color: rgba(169,182,211,.74); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.bf-trust-network__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.bf-trust-network__items li {
  min-width: 0;
  display: flex;
  gap: 7px;
  align-items: center;
  color: var(--bf-muted);
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.25;
}
.bf-trust-network__items .bf-icon { width: 18px; height: 18px; color: rgba(125,235,255,.82); }

.bf-hero__visual {
  --bf-pointer-x: 0px;
  --bf-pointer-y: 0px;
  position: relative;
  min-width: 0;
  display: grid;
  place-items: center;
  perspective: 1000px;
}
[data-bf-parallax-layer] {
  transform: translate3d(
    calc(var(--bf-pointer-x) * var(--bf-layer-strength, 1)),
    calc(var(--bf-pointer-y) * var(--bf-layer-strength, 1)),
    0
  );
  transition: transform var(--bf-medium) var(--bf-ease-standard);
  will-change: transform;
}
[data-bf-parallax-layer="3"] { --bf-layer-strength: .6; }
[data-bf-parallax-layer="4"] { --bf-layer-strength: .8; }
[data-bf-parallax-layer="5"] { --bf-layer-strength: 1; }

.bf-engine-panel {
  position: relative;
  isolation: isolate;
  width: min(100%, 580px);
  overflow: hidden;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.018) 28%, transparent 48%),
    var(--bf-glass-strong);
  box-shadow: 0 30px 84px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}
.bf-engine-panel::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background: url("../assets/images/noise-128.webp") repeat;
  mix-blend-mode: soft-light;
}
.bf-engine-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(520px 280px at 0% 0%, rgba(121,168,255,.11), transparent 68%);
}
.bf-engine-panel__scan {
  position: absolute;
  z-index: 3;
  inset: -18% 0 auto;
  height: 24%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg, transparent, rgba(125,235,255,.055), transparent);
  transform: translateY(-120%);
  animation: bf-engine-scan 10s var(--bf-ease-standard) infinite;
}
@keyframes bf-engine-scan {
  0%, 72% { opacity: 0; transform: translateY(-120%); }
  78% { opacity: .7; }
  94% { opacity: .3; transform: translateY(620%); }
  100% { opacity: 0; transform: translateY(620%); }
}
.bf-engine-panel__header { display: flex; gap: 18px; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; }
.bf-engine-panel__identity { display: flex; gap: 12px; align-items: center; }
.bf-engine-panel__sentinel {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border: 1px solid rgba(121,168,255,.15);
  border-radius: 15px;
  background: rgba(3,9,18,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(92,146,255,.09);
}
.bf-engine-panel__eyebrow { display: block; margin-bottom: 3px; color: var(--bf-accent-cyan); font-size: .66rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.bf-engine-panel__title { margin: 0; font-family: "Inter Tight", Inter, system-ui, sans-serif; font-size: 1.28rem; letter-spacing: -.03em; }
.bf-live-status { min-height: 30px; display: inline-flex; gap: 8px; align-items: center; padding: 0 11px; border: 1px solid rgba(67,217,140,.17); border-radius: var(--bf-radius-pill); color: var(--bf-success); background: rgba(67,217,140,.045); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.bf-live-status__dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--bf-success); box-shadow: 0 0 12px rgba(67,217,140,.68); animation: bf-live-pulse 2s var(--bf-ease-standard) infinite; }
@keyframes bf-live-pulse { 0%,100% { opacity: .7; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.12); } }
.bf-engine-panel__section-head { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 12px; color: var(--bf-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.055); }
.bf-engine-panel__section-head strong { color: var(--bf-success); }
.bf-engine-metrics { display: grid; gap: 15px; padding-block: 18px; }
.bf-engine-metric { display: grid; gap: 8px; }
.bf-engine-metric__top { display: flex; gap: 14px; align-items: center; justify-content: space-between; }
.bf-engine-metric__name { display: inline-flex; gap: 9px; align-items: center; color: var(--bf-muted); font-size: .78rem; font-weight: 700; }
.bf-engine-metric__name .bf-icon { width: 19px; height: 19px; color: var(--bf-accent-cyan); }
.bf-engine-metric__top strong { font-family: "Inter Tight", Inter, system-ui, sans-serif; font-size: .95rem; }
.bf-engine-progress { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.bf-engine-progress span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bf-primary), var(--bf-accent-cyan));
  box-shadow: 0 0 12px rgba(125,235,255,.2);
  transform: scaleX(var(--bf-progress, 0));
  transform-origin: left center;
  transition: transform 1600ms var(--bf-ease-emphasized);
}
.bf-engine-operations { display: grid; border-block: 1px solid rgba(255,255,255,.055); }
.bf-engine-operation { min-height: 48px; display: flex; gap: 16px; align-items: center; justify-content: space-between; }
.bf-engine-operation + .bf-engine-operation { border-top: 1px solid rgba(255,255,255,.05); }
.bf-engine-operation__name { display: inline-flex; gap: 9px; align-items: center; color: var(--bf-muted); font-size: .77rem; font-weight: 700; }
.bf-engine-operation__name .bf-icon { width: 18px; height: 18px; }
.bf-engine-operation strong { color: var(--bf-text); font-size: .75rem; transition: opacity 220ms var(--bf-ease-standard), transform 220ms var(--bf-ease-standard); }
.bf-engine-operation strong[data-changing="true"] { opacity: 0; transform: translateY(3px); }
.bf-engine-panel__footer { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding-top: 18px; }
.bf-engine-panel__footer > div { display: grid; gap: 3px; }
.bf-engine-panel__footer span { color: var(--bf-muted); font-size: .67rem; font-weight: 700; }
.bf-engine-panel__footer strong { font-size: .76rem; }
.bf-engine-panel__report { display: inline-flex; gap: 8px; align-items: center; color: var(--bf-accent-cyan); font-size: .72rem; font-weight: 800; text-decoration: none; }
.bf-engine-panel__report .bf-icon { width: 18px; height: 18px; }

.bf-floating-card {
  position: absolute;
  z-index: 2;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid var(--bf-border-strong);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent), rgba(15,24,40,.78);
  box-shadow: 0 18px 50px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.bf-floating-card > .bf-icon { width: 22px; height: 22px; }
.bf-floating-card div { display: grid; gap: 2px; }
.bf-floating-card div span { color: var(--bf-muted); font-size: .65rem; font-weight: 700; }
.bf-floating-card div strong { font-family: "Inter Tight", Inter, system-ui, sans-serif; font-size: 1.25rem; letter-spacing: -.04em; }
.bf-floating-card--governance { top: 11%; right: -7%; }
.bf-floating-card--verified { left: -8%; bottom: 10%; }
.bf-floating-card--verified strong { font-size: .78rem; }

.bf-scroll-indicator {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: max(22px, env(safe-area-inset-bottom));
  display: inline-flex;
  gap: 12px;
  align-items: center;
  color: var(--bf-muted);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateX(-50%);
}
.bf-scroll-indicator__track { position: relative; width: 1px; height: 44px; overflow: hidden; background: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,.03)); }
.bf-scroll-indicator__point { position: absolute; top: 0; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--bf-accent-cyan); box-shadow: 0 0 12px rgba(125,235,255,.68); transform: translateX(-50%); animation: bf-scroll-point 2.2s var(--bf-ease-standard) infinite; }
@keyframes bf-scroll-point {
  0% { transform: translate(-50%,-5px); opacity: 0; }
  25%,75% { opacity: 1; }
  100% { transform: translate(-50%,44px); opacity: 0; }
}

.bf-follow-section { min-height: 74vh; display: grid; align-items: center; padding-block: clamp(80px,10vw,124px); color: var(--bf-text); background: radial-gradient(700px 420px at 80% 20%, rgba(121,168,255,.06), transparent 68%), var(--bf-deep-space); border-top: 1px solid var(--bf-border); }
.bf-follow-section--compact { min-height: 54vh; background: var(--bf-background); }
.bf-follow-section__eyebrow { color: var(--bf-accent-cyan); font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.bf-follow-section h2 { max-width: 16ch; margin: 16px 0 20px; font-family: "Inter Tight", Inter, system-ui, sans-serif; font-size: clamp(2.4rem,5vw,4rem); line-height: 1; letter-spacing: -.045em; }
.bf-follow-section p { max-width: 62ch; margin: 0; color: var(--bf-muted); line-height: 1.7; }

@media (max-width: 1100px) {
  .bf-hero { min-height: auto; padding-top: max(86px, env(safe-area-inset-top)); padding-bottom: 110px; }
  .bf-hero__layout { grid-template-columns: 1fr; gap: 52px; }
  .bf-hero__content { max-width: 860px; }
  .bf-hero__visual { width: min(100%, 720px); margin-inline: auto; }
  .bf-floating-card--governance { right: 1%; }
  .bf-floating-card--verified { left: 1%; }
  .bf-trust-network__items { max-width: 760px; }
}

@media (max-width: 720px) {
  .bf-hero { padding-top: max(64px, env(safe-area-inset-top)); padding-bottom: 108px; }
  .bf-hero__layout { display: flex; flex-direction: column; gap: 30px; }
  .bf-hero__content { display: contents; }
  .bf-hero__brand { order: 1; align-self: flex-start; }
  .bf-hero__headline { order: 2; font-size: clamp(2.5rem, 11.6vw, 3.9rem); }
  .bf-hero__visual { order: 3; width: 100%; margin-top: 2px; }
  .bf-hero__statement { order: 4; font-size: 1rem; }
  .bf-intelligence-strip { order: 5; width: 100%; }
  .bf-hero__actions { order: 6; width: 100%; display: grid; grid-template-columns: 1fr; }
  .bf-button { width: 100%; }
  .bf-trust-network { order: 7; width: 100%; }
  .bf-trust-network__items { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .bf-engine-panel { padding: 18px; border-radius: 24px; }
  .bf-floating-card { display: none; }
  .bf-scroll-indicator__label { display: none; }
  .bf-hero__grid { background-size: 52px 52px; opacity: .14; }
  .bf-hero__network { opacity: .055; }
  .bf-hero__universe { width: 150vw; right: -72%; opacity: .14; }
}

@media (max-width: 460px) {
  .bf-hero__brand-meta { font-size: .6rem; }
  .bf-hero__leitmotif { font-size: .68rem; }
  .bf-intelligence-strip { grid-template-columns: 1fr; }
  .bf-engine-panel__header { align-items: center; }
  .bf-engine-panel__sentinel { width: 46px; height: 46px; }
  .bf-engine-panel__footer { align-items: flex-start; flex-direction: column; }
  .bf-trust-network__items li { font-size: .68rem; }
}

@media (hover: none), (pointer: coarse) {
  .bf-button:hover, .bf-intel-card:hover { transform: none; }
  [data-bf-parallax-layer] { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-bf-stage] { opacity: 1 !important; transform: none !important; filter: none !important; }
  [data-bf-parallax-layer] { transform: none !important; }
  .bf-network__lines, .bf-engine-panel__scan { animation: none !important; }
}

@media (prefers-contrast: more) {
  .bf-engine-panel, .bf-intel-card, .bf-button--secondary, .bf-floating-card {
    background: var(--bf-surface);
    border-color: rgba(255,255,255,.2);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .bf-engine-panel, .bf-intel-card, .bf-button--secondary, .bf-floating-card { background: var(--bf-surface); }
}

@supports not ((mask: url("") center / contain no-repeat) or (-webkit-mask: url("") center / contain no-repeat)) {
  .bf-icon { border: 1px solid currentColor; border-radius: 50%; background: transparent; }
}

#hero,
#capabilities,
#platform,
#contact {
  scroll-margin-top: 112px;
}

.bf-site-header {
  position: fixed;
  z-index: 1200;
  inset:
    max(12px, env(safe-area-inset-top))
    0
    auto;
  pointer-events: none;
}

.bf-header__bar {
  width: min(var(--bf-container), calc(100% - (2 * var(--bf-gutter))));
  min-height: 72px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 9px 10px 9px 16px;
  border: 1px solid var(--bf-border);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.085), transparent 28%),
    rgba(10, 17, 30, .68);
  box-shadow:
    0 14px 40px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(22px) saturate(118%);
  -webkit-backdrop-filter: blur(22px) saturate(118%);
  pointer-events: auto;
  transition:
    min-height var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard);
}

.bf-site-header[data-scrolled="true"] .bf-header__bar {
  min-height: 62px;
  border-color: rgba(255,255,255,.11);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), transparent 28%),
    rgba(8, 14, 26, .86);
  box-shadow:
    0 18px 52px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(28px) saturate(118%);
  -webkit-backdrop-filter: blur(28px) saturate(118%);
}

.bf-header__brand {
  min-width: 0;
  display: inline-flex;
  gap: 11px;
  align-items: center;
  color: var(--bf-text);
  text-decoration: none;
}

.bf-header__beacon {
  position: relative;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121,168,255,.14);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
  overflow: hidden;
  transition:
    transform var(--bf-medium) var(--bf-ease-emphasized),
    border-color var(--bf-medium) var(--bf-ease-standard),
    box-shadow var(--bf-medium) var(--bf-ease-standard);
}

.bf-header__beacon::after {
  content: "";
  position: absolute;
  inset: -35%;
  background:
    linear-gradient(
      110deg,
      transparent 38%,
      rgba(234,246,255,.42) 49%,
      transparent 60%
    );
  transform: translateX(-120%) rotate(8deg);
  animation: bf-beacon-sweep 14s var(--bf-ease-standard) infinite;
}

.bf-header__beacon img {
  width: 34px;
  height: 34px;
}

.bf-site-header[data-menu-open="true"] .bf-header__beacon {
  transform: scale(1.05);
  border-color: rgba(125,235,255,.28);
  box-shadow: 0 0 20px rgba(92,146,255,.18);
}

@keyframes bf-beacon-sweep {
  0%,
  90%,
  100% {
    transform: translateX(-120%) rotate(8deg);
    opacity: 0;
  }

  93% {
    opacity: .75;
  }

  97% {
    transform: translateX(120%) rotate(8deg);
    opacity: 0;
  }
}

.bf-header__wordmark {
  display: grid;
  gap: 1px;
}

.bf-header__wordmark strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: .98rem;
  letter-spacing: -.025em;
}

.bf-header__wordmark small {
  color: var(--bf-muted);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.bf-header__nav a {
  position: relative;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding-inline: 13px;
  border-radius: 11px;
  color: var(--bf-muted);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard);
}

.bf-header__nav a::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  background: var(--bf-accent-cyan);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms var(--bf-ease-standard);
}

.bf-header__nav a:hover,
.bf-header__nav a[aria-current="page"] {
  color: var(--bf-text);
  background: rgba(255,255,255,.035);
}

.bf-header__nav a:hover::after,
.bf-header__nav a[aria-current="page"]::after {
  transform: scaleX(1);
}

.bf-header__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.bf-header__cta {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding-inline: 15px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-text);
  background: rgba(255,255,255,.035);
  font-size: .8rem;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard);
}

.bf-header__cta:hover {
  transform: translateY(-2px);
  border-color: rgba(121,168,255,.22);
  background: rgba(255,255,255,.06);
}

.bf-menu-button {
  min-width: 104px;
  min-height: 46px;
  display: inline-flex;
  gap: 11px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-text);
  background: rgba(255,255,255,.045);
  cursor: pointer;
  transition:
    transform var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard);
}

.bf-menu-button:hover {
  transform: translateY(-2px);
  border-color: rgba(125,235,255,.22);
  background: rgba(255,255,255,.065);
}

.bf-menu-button__label {
  font-size: .78rem;
  font-weight: 800;
}

.bf-menu-button__icon {
  position: relative;
  width: 22px;
  height: 18px;
  display: block;
}

.bf-menu-button__icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition:
    transform 320ms cubic-bezier(.19,.9,.2,1),
    opacity var(--bf-fast) var(--bf-ease-standard),
    width var(--bf-fast) var(--bf-ease-standard);
}

.bf-menu-button__icon span:nth-child(1) { top: 1px; }
.bf-menu-button__icon span:nth-child(2) {
  top: 8px;
  width: 74%;
  right: 0;
  left: auto;
  background: var(--bf-accent-cyan);
}
.bf-menu-button__icon span:nth-child(3) { top: 15px; }

.bf-menu-button[aria-expanded="true"] .bf-menu-button__icon span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.bf-menu-button[aria-expanded="true"] .bf-menu-button__icon span:nth-child(2) {
  width: 0;
  opacity: 0;
}

.bf-menu-button[aria-expanded="true"] .bf-menu-button__icon span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.bf-menu-overlay {
  position: fixed;
  z-index: 1280;
  inset: 0;
  border: 0;
  padding: 0;
  background: rgba(2, 6, 13, .66);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 320ms var(--bf-ease-standard),
    visibility 320ms linear;
}

.bf-menu-overlay[data-open="true"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bf-menu-drawer {
  position: fixed;
  z-index: 1300;
  top: max(10px, env(safe-area-inset-top));
  right: max(10px, env(safe-area-inset-right));
  bottom: max(10px, env(safe-area-inset-bottom));
  width: min(430px, calc(100vw - 20px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.09), transparent 29%),
    rgba(9, 16, 29, .91);
  box-shadow:
    0 30px 90px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(28px) saturate(120%);
  -webkit-backdrop-filter: blur(28px) saturate(120%);
  transform: translate3d(calc(100% + 30px), 0, 0);
  visibility: hidden;
  transition:
    transform 320ms cubic-bezier(.19,.9,.2,1),
    visibility 320ms linear;
}

.bf-menu-drawer[data-open="true"] {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.bf-menu-drawer__header,
.bf-menu-drawer__footer {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 18px;
}

.bf-menu-drawer__identity {
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-menu-drawer__beacon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121,168,255,.16);
  border-radius: 15px;
  background: rgba(255,255,255,.035);
  box-shadow: 0 0 20px rgba(92,146,255,.09);
}

.bf-menu-drawer__identity > div {
  display: grid;
  gap: 2px;
}

.bf-menu-drawer__identity span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-menu-drawer__identity strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1rem;
  letter-spacing: -.02em;
}

.bf-menu-drawer__close {
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-text);
  background: rgba(255,255,255,.04);
  cursor: pointer;
}

.bf-menu-drawer__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.bf-menu-drawer__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

.bf-menu-drawer__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.bf-menu-drawer__body {
  min-height: 0;
  overflow-y: auto;
  padding: 10px 18px 24px;
  border-block: 1px solid rgba(255,255,255,.055);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.bf-menu-drawer__eyebrow {
  margin: 10px 0 14px;
  color: var(--bf-muted);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.bf-menu-drawer__nav {
  display: grid;
  gap: 8px;
}

.bf-menu-drawer__nav a {
  min-height: 72px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 4px 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 17px;
  color: var(--bf-muted);
  text-decoration: none;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    transform var(--bf-fast) var(--bf-ease-standard);
}

.bf-menu-drawer__nav a:hover,
.bf-menu-drawer__nav a[aria-current="page"] {
  color: var(--bf-text);
  border-color: rgba(121,168,255,.16);
  background:
    linear-gradient(135deg, rgba(121,168,255,.11), rgba(77,230,230,.025));
  transform: translateX(3px);
}

.bf-menu-drawer__nav a > span {
  grid-row: 1 / 3;
  color: var(--bf-accent-cyan);
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.bf-menu-drawer__nav a strong {
  align-self: end;
  font-size: .95rem;
}

.bf-menu-drawer__nav a small {
  align-self: start;
  color: var(--bf-muted);
  font-size: .72rem;
  line-height: 1.4;
}

.bf-menu-drawer__footer {
  align-items: stretch;
  flex-direction: column;
}

.bf-menu-drawer__status {
  display: flex;
  gap: 10px;
  align-items: center;
}

.bf-menu-drawer__status > span {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--bf-success);
  box-shadow: 0 0 12px rgba(67,217,140,.62);
}

.bf-menu-drawer__status > div {
  display: grid;
  gap: 2px;
}

.bf-menu-drawer__status strong {
  font-size: .78rem;
}

.bf-menu-drawer__status small {
  color: var(--bf-muted);
  font-size: .68rem;
}

.bf-menu-drawer__footer .bf-button {
  width: 100%;
}

.bf-noscript-menu {
  position: fixed;
  z-index: 1400;
  top: 12px;
  right: 12px;
  width: min(300px, calc(100vw - 24px));
  padding: 12px;
  border: 1px solid var(--bf-border);
  border-radius: 16px;
  background: var(--bf-surface);
}

.bf-noscript-menu summary {
  cursor: pointer;
  font-weight: 800;
}

.bf-noscript-menu nav {
  display: grid;
  gap: 8px;
  padding-top: 12px;
}

.bf-noscript-menu nav a {
  padding: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  text-decoration: none;
}

.bf-capabilities {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(92px, 11vw, 144px);
  background:
    radial-gradient(
      820px 500px at 12% 18%,
      rgba(121,168,255,.075),
      transparent 68%
    ),
    radial-gradient(
      740px 520px at 88% 78%,
      rgba(77,230,230,.045),
      transparent 70%
    ),
    linear-gradient(180deg, var(--bf-deep-space), var(--bf-background));
}

.bf-capabilities__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .095;
}

.bf-capabilities__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-capabilities__atmosphere path {
  fill: none;
  stroke: rgba(121,168,255,.28);
  stroke-width: 1;
  stroke-dasharray: 4 18;
}

.bf-capabilities__atmosphere circle {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-capabilities__header {
  max-width: 800px;
  margin: 0 auto clamp(48px, 7vw, 78px);
  text-align: center;
}

.bf-capabilities__eyebrow {
  display: inline-block;
  margin-bottom: 15px;
  color: var(--bf-accent-cyan);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-capabilities__header h2 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(2.6rem, 6vw, 4.9rem);
  line-height: .98;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.bf-capabilities__header p {
  max-width: 64ch;
  margin: 22px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-capability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.bf-capability {
  position: relative;
  min-width: 0;
  min-height: 310px;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: 18px;
  padding: 22px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-lg);
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.062),
      rgba(255,255,255,.014) 32%,
      transparent 54%
    ),
    rgba(14, 23, 38, .53);
  box-shadow:
    0 18px 48px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter: blur(18px) saturate(116%);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
  transition:
    transform var(--bf-medium) var(--bf-ease-standard),
    border-color var(--bf-medium) var(--bf-ease-standard),
    background var(--bf-medium) var(--bf-ease-standard),
    box-shadow var(--bf-medium) var(--bf-ease-standard);
}

.bf-capability::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      280px 170px at 0% 0%,
      rgba(255,255,255,.055),
      transparent 72%
    );
}

.bf-capability:hover {
  transform: translateY(-3px);
  border-color: rgba(125,235,255,.22);
  box-shadow:
    0 22px 54px rgba(0,0,0,.27),
    0 0 20px rgba(92,146,255,.08),
    inset 0 1px 0 rgba(255,255,255,.065);
}

.bf-capability__topline {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.bf-capability__status {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--bf-muted);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-capability__status > span {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67,217,140,.5);
}

.bf-capability__index {
  color: rgba(169,182,211,.48);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.bf-capability__icon {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121,168,255,.14);
  border-radius: 20px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(135deg, rgba(121,168,255,.09), rgba(77,230,230,.025));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 20px rgba(92,146,255,.06);
}

.bf-capability__icon .bf-icon {
  width: 34px;
  height: 34px;
}

.bf-capability h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.35rem;
  letter-spacing: -.025em;
}

.bf-capability p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--bf-muted);
  font-size: .91rem;
  line-height: 1.65;
}

.bf-capability-trust {
  margin-top: clamp(48px, 7vw, 76px);
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  padding: 18px 22px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  background: rgba(255,255,255,.027);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.bf-capability-trust > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-capability-trust ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-capability-trust li {
  color: var(--bf-muted);
  font-size: .75rem;
  font-weight: 750;
}

.bf-capability-trust li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

.bf-capabilities__divider {
  height: 1px;
  margin-top: clamp(44px, 6vw, 70px);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(121,168,255,.22),
      transparent
    );
}

[data-bf-section-reveal],
[data-bf-capability][data-bf-reveal] {
  opacity: 1;
  transform: none;
  filter: none;
}

.js[data-bf-capabilities-ready="true"]
[data-bf-section-reveal]:not([data-bf-revealed="true"]),
.js[data-bf-capabilities-ready="true"]
[data-bf-capability][data-bf-reveal]:not([data-bf-revealed="true"]) {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  filter: blur(5px);
}

.js[data-bf-capabilities-ready="true"]
[data-bf-revealed="true"] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
  transition-delay: var(--bf-capability-delay, 0ms);
}

@media (max-width: 1060px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bf-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .bf-site-header {
    inset:
      max(8px, env(safe-area-inset-top))
      0
      auto;
  }

  .bf-header__bar {
    min-height: 62px;
    padding: 7px;
    border-radius: 18px;
  }

  .bf-header__wordmark small,
  .bf-header__cta,
  .bf-menu-button__label {
    display: none;
  }

  .bf-menu-button {
    min-width: 46px;
    width: 46px;
    height: 46px;
    padding: 0 12px;
  }

  .bf-header__beacon {
    width: 38px;
    height: 38px;
  }

  .bf-menu-drawer {
    top: max(8px, env(safe-area-inset-top));
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom));
    width: calc(100vw - 16px);
    border-radius: 22px;
  }

  .bf-capability-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .bf-capability {
    min-height: 0;
  }

  .bf-capability-trust {
    align-items: flex-start;
    flex-direction: column;
    border-radius: var(--bf-radius-lg);
  }

  .bf-capability-trust ul {
    justify-content: flex-start;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-header__cta:hover,
  .bf-menu-button:hover,
  .bf-capability:hover,
  .bf-menu-drawer__nav a:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-header__beacon::after {
    animation: none !important;
  }

  .bf-menu-drawer,
  .bf-menu-overlay,
  .bf-menu-button__icon span {
    transition: none !important;
  }

  [data-bf-section-reveal],
  [data-bf-capability][data-bf-reveal] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-header__bar,
  .bf-menu-drawer,
  .bf-capability,
  .bf-capability-trust {
    background: var(--bf-surface);
  }
}

.bf-platform-overview {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(96px, 12vw, 156px);
  background:
    radial-gradient(
      900px 620px at 8% 18%,
      rgba(121, 168, 255, .085),
      transparent 68%
    ),
    radial-gradient(
      760px 560px at 92% 70%,
      rgba(77, 230, 230, .045),
      transparent 72%
    ),
    linear-gradient(180deg, var(--bf-background), var(--bf-deep-space));
}

.bf-platform-overview__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .085;
}

.bf-platform-overview__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-platform-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-platform-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-platform-overview__layout {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(560px, 1.22fr);
  gap: clamp(48px, 8vw, 104px);
  align-items: center;
}

.bf-platform-overview__copy {
  min-width: 0;
}

.bf-platform-overview__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-platform-overview__copy h2 {
  max-width: 13ch;
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.7rem, 5.6vw, 5rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-platform-overview__lead {
  max-width: 58ch;
  margin: 26px 0 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.72;
}

.bf-platform-overview__principles {
  display: grid;
  gap: 12px;
  margin-top: 38px;
}

.bf-platform-overview__principles > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px 13px;
  align-items: center;
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 16px;
  background: rgba(255, 255, 255, .025);
}

.bf-platform-overview__principles .bf-icon {
  grid-row: 1 / 3;
  width: 24px;
  height: 24px;
  color: var(--bf-accent-cyan);
}

.bf-platform-overview__principles strong {
  font-size: .82rem;
}

.bf-platform-overview__principles small {
  color: var(--bf-muted);
  font-size: .72rem;
  line-height: 1.45;
}

.bf-platform-overview__statement {
  display: grid;
  gap: 7px;
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--bf-border);
}

.bf-platform-overview__statement span {
  color: var(--bf-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.bf-platform-overview__statement strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  letter-spacing: -.035em;
}

.bf-platform-system {
  --bf-platform-progress: 0;

  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 30%,
      transparent 52%
    ),
    rgba(12, 20, 35, .79);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-platform-system::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      500px 280px at 0% 0%,
      rgba(121, 168, 255, .095),
      transparent 70%
    ),
    radial-gradient(
      420px 300px at 100% 100%,
      rgba(77, 230, 230, .04),
      transparent 72%
    );
}

.bf-platform-system__header {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-platform-system__identity {
  min-width: 0;
  display: flex;
  gap: 13px;
  align-items: center;
}

.bf-platform-system__beacon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 15px;
  background: rgba(255, 255, 255, .035);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 0 20px rgba(92, 146, 255, .07);
}

.bf-platform-system__beacon img {
  width: 38px;
  height: 38px;
}

.bf-platform-system__identity > div {
  min-width: 0;
}

.bf-platform-system__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.bf-platform-system__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.08rem;
  letter-spacing: -.025em;
}

.bf-platform-system__status {
  min-height: 30px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding-inline: 11px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  background: rgba(67, 217, 140, .045);
  font-size: .68rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-platform-system__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .62);
}

.bf-platform-system__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .62fr);
  gap: 18px;
  padding: 22px;
}

.bf-platform-map {
  position: relative;
  min-width: 0;
  padding-left: 4px;
}

.bf-platform-map__track {
  position: absolute;
  z-index: 0;
  top: 34px;
  bottom: 34px;
  left: 30px;
  width: 2px;
}

.bf-platform-map__track-base,
.bf-platform-map__track-progress {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  transform-origin: top;
}

.bf-platform-map__track-base {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .04),
      rgba(255, 255, 255, .12),
      rgba(255, 255, 255, .04)
    );
}

.bf-platform-map__track-progress {
  background:
    linear-gradient(
      180deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 14px rgba(125, 235, 255, .24);
  transform: scaleY(var(--bf-platform-progress));
  transition:
    transform var(--bf-slow) var(--bf-ease-emphasized);
}

.bf-platform-map__nodes {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-platform-node {
  width: 100%;
  min-height: 84px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 10px 12px 10px 0;
  border: 1px solid transparent;
  border-radius: 18px;
  color: var(--bf-muted);
  text-align: left;
  background: transparent;
  cursor: pointer;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    opacity var(--bf-fast) var(--bf-ease-standard),
    transform var(--bf-fast) var(--bf-ease-standard);
}

.bf-platform-node:hover,
.bf-platform-node:focus-visible,
.bf-platform-node[aria-pressed="true"] {
  color: var(--bf-text);
  border-color: rgba(121, 168, 255, .14);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .018)
    );
}

.bf-platform-node:hover {
  transform: translateX(3px);
}

.bf-platform-map[data-context-active="true"]
.bf-platform-node:not([aria-pressed="true"]) {
  opacity: .42;
}

.bf-platform-node__marker {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 18px;
  color: var(--bf-muted);
  background: rgba(8, 15, 27, .92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045);
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard);
}

.bf-platform-node__marker .bf-icon {
  width: 26px;
  height: 26px;
}

.bf-platform-node[aria-pressed="true"] .bf-platform-node__marker {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .24);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .14),
      rgba(77, 230, 230, .035)
    ),
    rgba(8, 15, 27, .96);
  box-shadow:
    0 0 18px rgba(92, 146, 255, .12),
    inset 0 1px 0 rgba(255, 255, 255, .055);
}

.bf-platform-node__content {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-platform-node__content small {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-platform-node__content strong {
  overflow: hidden;
  color: inherit;
  font-size: .88rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-platform-node__content > span {
  overflow: hidden;
  color: var(--bf-muted);
  font-size: .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-platform-node__state {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding-inline: 9px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-muted);
  font-size: .61rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-platform-node[aria-pressed="true"] .bf-platform-node__state {
  color: var(--bf-success);
  border-color: rgba(67, 217, 140, .15);
  background: rgba(67, 217, 140, .04);
}

.bf-platform-detail {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: var(--bf-radius-lg);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .05),
      transparent 42%
    ),
    rgba(3, 9, 18, .28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.bf-platform-detail__topline {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.bf-platform-detail__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .16);
  border-radius: 14px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .11),
      rgba(77, 230, 230, .025)
    );
}

.bf-platform-detail__icon .bf-icon {
  width: 24px;
  height: 24px;
}

.bf-platform-detail__status {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  font-size: .62rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-platform-detail__eyebrow {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-platform-detail h4 {
  margin: 9px 0 13px;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  letter-spacing: -.035em;
}

.bf-platform-detail p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .8rem;
  line-height: 1.63;
}

.bf-platform-detail__outcome {
  margin-top: auto;
  padding-top: 28px;
}

.bf-platform-detail__outcome span {
  display: block;
  margin-bottom: 6px;
  color: var(--bf-muted);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-platform-detail__outcome strong {
  color: var(--bf-text);
  font-size: .82rem;
}

.bf-platform-system__footer {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 17px 22px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-platform-system__footer > span {
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-platform-system__footer ul {
  display: flex;
  gap: 9px 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-platform-system__footer li {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--bf-muted);
  font-size: .65rem;
  font-weight: 700;
}

.bf-platform-system__footer .bf-icon {
  width: 13px;
  height: 13px;
  color: var(--bf-success);
}

.bf-complexity-bridge {
  display: grid;
  grid-template-columns: auto minmax(90px, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-top: clamp(64px, 9vw, 108px);
  color: var(--bf-muted);
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.25rem, 2.8vw, 2.25rem);
  letter-spacing: -.035em;
}

.bf-complexity-bridge strong {
  color: var(--bf-text);
}

.bf-complexity-bridge__line {
  position: relative;
  height: 1px;
  overflow: visible;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .12),
      rgba(125, 235, 255, .32),
      rgba(121, 168, 255, .12)
    );
}

.bf-complexity-bridge__line span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .56);
  transform: translate(-50%, -50%);
}

.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="false"]
.bf-platform-overview__copy,
.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="false"]
.bf-platform-system,
.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="false"]
.bf-complexity-bridge {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  filter: blur(5px);
}

.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="true"]
.bf-platform-overview__copy,
.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="true"]
.bf-platform-system,
.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="true"]
.bf-complexity-bridge {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
}

.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="true"]
.bf-platform-system {
  transition-delay: 120ms;
}

.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="true"]
.bf-complexity-bridge {
  transition-delay: 260ms;
}

.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="false"]
.bf-platform-map__track-progress {
  transform: scaleY(0);
}

.js[data-bf-platform-ready="true"]
.bf-platform-overview[data-bf-revealed="true"]
.bf-platform-map__track-progress {
  transform: scaleY(var(--bf-platform-progress));
}

@media (max-width: 1120px) {
  .bf-platform-overview__layout {
    grid-template-columns: 1fr;
  }

  .bf-platform-overview__copy {
    max-width: 840px;
  }

  .bf-platform-overview__copy h2 {
    max-width: 15ch;
  }
}

@media (max-width: 760px) {
  .bf-platform-overview {
    padding-block: 92px;
  }

  .bf-platform-overview__copy h2 {
    font-size: clamp(2.45rem, 11vw, 3.8rem);
  }

  .bf-platform-overview__principles {
    grid-template-columns: 1fr;
  }

  .bf-platform-system {
    border-radius: 24px;
  }

  .bf-platform-system__header {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px;
  }

  .bf-platform-system__body {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .bf-platform-node {
    grid-template-columns: 50px minmax(0, 1fr);
    padding-right: 8px;
  }

  .bf-platform-node__state {
    display: none;
  }

  .bf-platform-map__track {
    left: 28px;
  }

  .bf-platform-system__footer {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 18px;
  }

  .bf-platform-system__footer ul {
    justify-content: flex-start;
  }

  .bf-platform-detail {
    min-height: 240px;
  }

  .bf-complexity-bridge {
    grid-template-columns: 1fr;
    gap: 14px;
    text-align: center;
  }

  .bf-complexity-bridge__line {
    width: 100%;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-platform-node:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-platform-overview__copy,
  .bf-platform-system,
  .bf-complexity-bridge {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .bf-platform-map__track-progress {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-platform-system {
    background: var(--bf-surface);
  }
}

#solutions {
  scroll-margin-top: 112px;
}

.bf-process-engine {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(100px, 12vw, 160px);
  background:
    radial-gradient(
      900px 620px at 92% 14%,
      rgba(121, 168, 255, .075),
      transparent 70%
    ),
    radial-gradient(
      760px 560px at 6% 78%,
      rgba(77, 230, 230, .04),
      transparent 72%
    ),
    linear-gradient(180deg, var(--bf-deep-space), var(--bf-background));
}

.bf-process-engine__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .075;
}

.bf-process-engine__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-process-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-process-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-process-engine__header {
  max-width: 860px;
  margin: 0 auto clamp(64px, 9vw, 108px);
  text-align: center;
}

.bf-process-engine__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-process-engine__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-process-engine__header p {
  max-width: 68ch;
  margin: 24px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-process-engine__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr);
  gap: clamp(40px, 7vw, 92px);
  align-items: start;
}

.bf-process-story {
  display: grid;
  gap: 26px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-process-chapter {
  min-height: min(58vh, 520px);
  display: flex;
  align-items: center;
  scroll-margin-top: 130px;
  opacity: .58;
  transition:
    opacity var(--bf-medium) var(--bf-ease-standard),
    transform var(--bf-medium) var(--bf-ease-standard);
}

.bf-process-chapter[data-active="true"] {
  opacity: 1;
}

.bf-process-chapter > article {
  width: 100%;
  min-height: 330px;
  display: grid;
  align-content: center;
  gap: 28px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .066),
      rgba(255, 255, 255, .012) 34%,
      transparent 58%
    ),
    rgba(14, 23, 38, .48);
  box-shadow:
    0 22px 64px rgba(0, 0, 0, .25),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(18px) saturate(116%);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
  transition:
    border-color var(--bf-medium) var(--bf-ease-standard),
    background var(--bf-medium) var(--bf-ease-standard),
    box-shadow var(--bf-medium) var(--bf-ease-standard),
    transform var(--bf-medium) var(--bf-ease-standard);
}

.bf-process-chapter[data-active="true"] > article {
  border-color: rgba(125, 235, 255, .19);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .018) 40%,
      transparent 64%
    ),
    rgba(14, 23, 38, .62);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, .31),
    0 0 20px rgba(92, 146, 255, .07),
    inset 0 1px 0 rgba(255, 255, 255, .065);
  transform: translateX(4px);
}

.bf-process-chapter__topline {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}

.bf-process-chapter__status {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--bf-muted);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-process-chapter__status > span {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--bf-muted);
  box-shadow: 0 0 10px rgba(169, 182, 211, .18);
}

.bf-process-chapter[data-active="true"]
.bf-process-chapter__status {
  color: var(--bf-success);
}

.bf-process-chapter[data-active="true"]
.bf-process-chapter__status > span {
  background: var(--bf-success);
  box-shadow: 0 0 12px rgba(67, 217, 140, .55);
}

.bf-process-chapter__index {
  color: rgba(169, 182, 211, .18);
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(3.8rem, 7vw, 6rem);
  font-weight: 800;
  line-height: .7;
  letter-spacing: -.055em;
}

.bf-process-chapter__body {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.bf-process-chapter__icon {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 21px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .11),
      rgba(77, 230, 230, .025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055);
}

.bf-process-chapter__icon .bf-icon {
  width: 34px;
  height: 34px;
}

.bf-process-chapter h3 {
  margin: 0 0 10px;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.8rem, 3.2vw, 2.7rem);
  line-height: 1;
  letter-spacing: -.043em;
}

.bf-process-chapter p {
  max-width: 56ch;
  margin: 0;
  color: var(--bf-muted);
  font-size: .96rem;
  line-height: 1.66;
}

.bf-process-chapter__signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.bf-process-chapter__signals > div {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 16px;
  background: rgba(3, 9, 18, .22);
}

.bf-process-chapter__signals dt {
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-process-chapter__signals dd {
  margin: 0;
  color: var(--bf-muted);
  font-size: .74rem;
  line-height: 1.45;
}

.bf-process-console {
  --bf-process-progress: 0;

  position: sticky;
  top: 112px;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(10, 18, 31, .86);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, .43),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-process-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      430px 260px at 0% 0%,
      rgba(121, 168, 255, .1),
      transparent 72%
    );
}

.bf-process-console__header {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 19px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-process-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-process-console__beacon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 15px;
  background: rgba(255, 255, 255, .035);
}

.bf-process-console__beacon img {
  width: 38px;
  height: 38px;
}

.bf-process-console__identity > div {
  min-width: 0;
}

.bf-process-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-process-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.03rem;
  letter-spacing: -.025em;
}

.bf-process-console__live {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid rgba(67, 217, 140, .14);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  background: rgba(67, 217, 140, .04);
  font-size: .63rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-process-console__live > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .6);
}

.bf-process-console__track {
  position: relative;
  padding: 24px 20px 18px;
}

.bf-process-console__track-base,
.bf-process-console__track-progress {
  position: absolute;
  top: 49px;
  left: 41px;
  right: 41px;
  height: 2px;
  border-radius: 999px;
  transform-origin: left;
}

.bf-process-console__track-base {
  background: rgba(255, 255, 255, .075);
}

.bf-process-console__track-progress {
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 14px rgba(125, 235, 255, .25);
  transform: scaleX(var(--bf-process-progress));
  transition:
    transform var(--bf-slow) var(--bf-ease-emphasized);
}

.bf-process-console__nodes {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.bf-process-console__node {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 0;
  border: 0;
  color: var(--bf-muted);
  text-align: center;
  background: transparent;
  cursor: pointer;
}

.bf-process-console__node > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  color: inherit;
  background: rgba(7, 13, 24, .96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045);
  font-size: .69rem;
  font-weight: 800;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard),
    transform var(--bf-fast) var(--bf-ease-standard);
}

.bf-process-console__node strong {
  overflow: hidden;
  max-width: 100%;
  font-size: .62rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-process-console__node:hover > span,
.bf-process-console__node:focus-visible > span,
.bf-process-console__node[aria-pressed="true"] > span {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .24);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .14),
      rgba(77, 230, 230, .035)
    ),
    rgba(7, 13, 24, .98);
  box-shadow:
    0 0 18px rgba(92, 146, 255, .12),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  transform: translateY(-2px);
}

.bf-process-console__node[aria-pressed="true"] {
  color: var(--bf-text);
}

.bf-process-console__detail {
  min-height: 286px;
  display: flex;
  flex-direction: column;
  margin: 0 20px 20px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: var(--bf-radius-lg);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .045),
      transparent 44%
    ),
    rgba(3, 9, 18, .28);
}

.bf-process-console__detail-topline {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 27px;
}

.bf-process-console__detail-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .16);
  border-radius: 15px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .11),
      rgba(77, 230, 230, .025)
    );
}

.bf-process-console__detail-icon .bf-icon {
  width: 25px;
  height: 25px;
}

.bf-process-console__detail-status {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  font-size: .62rem;
  font-weight: 800;
}

.bf-process-console__detail-eyebrow {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-process-console__detail h4 {
  margin: 9px 0 13px;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  letter-spacing: -.04em;
}

.bf-process-console__detail p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .82rem;
  line-height: 1.64;
}

.bf-process-console__outcome {
  margin-top: auto;
  padding-top: 28px;
}

.bf-process-console__outcome span {
  display: block;
  margin-bottom: 6px;
  color: var(--bf-muted);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-process-console__outcome strong {
  font-size: .8rem;
}

.bf-process-console__loop {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 17px 20px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .05),
      rgba(77, 230, 230, .018)
    );
}

.bf-process-console__loop-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 12px;
  color: var(--bf-accent-cyan);
  transform: rotate(180deg);
}

.bf-process-console__loop-icon .bf-icon {
  width: 18px;
  height: 18px;
}

.bf-process-console__loop > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-process-console__loop strong {
  font-size: .75rem;
}

.bf-process-console__loop small {
  color: var(--bf-muted);
  font-size: .66rem;
  line-height: 1.4;
}

.bf-process-cycle {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: clamp(66px, 9vw, 110px);
  color: var(--bf-muted);
  font-size: .72rem;
  font-weight: 760;
}

.bf-process-cycle span,
.bf-process-cycle strong {
  white-space: nowrap;
}

.bf-process-cycle strong {
  color: var(--bf-text);
}

.bf-process-cycle i {
  width: clamp(30px, 5vw, 72px);
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .12),
      rgba(125, 235, 255, .34)
    );
}

.bf-process-cycle__return {
  position: relative;
  background:
    linear-gradient(
      90deg,
      rgba(125, 235, 255, .34),
      rgba(121, 168, 255, .12)
    ) !important;
}

.bf-process-cycle__return::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--bf-accent-cyan);
  border-right: 1px solid var(--bf-accent-cyan);
  transform: translateY(-50%) rotate(45deg);
}

.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="false"]
[data-bf-process-reveal],
.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="false"]
.bf-process-engine__layout,
.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="false"]
.bf-process-cycle {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  filter: blur(5px);
}

.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="true"]
[data-bf-process-reveal],
.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="true"]
.bf-process-engine__layout,
.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="true"]
.bf-process-cycle {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
}

.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="true"]
.bf-process-engine__layout {
  transition-delay: 120ms;
}

.js[data-bf-process-ready="true"]
.bf-process-engine[data-bf-revealed="true"]
.bf-process-cycle {
  transition-delay: 250ms;
}

@media (max-width: 1080px) {
  .bf-process-engine__layout {
    grid-template-columns: 1fr;
  }

  .bf-process-story {
    gap: 18px;
  }

  .bf-process-chapter {
    min-height: 0;
  }

  .bf-process-console {
    position: relative;
    top: auto;
    order: -1;
  }
}

@media (max-width: 720px) {
  .bf-process-engine {
    padding-block: 92px;
  }

  .bf-process-engine__header h2 {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .bf-process-chapter > article {
    min-height: 0;
    padding: 22px;
    border-radius: 24px;
  }

  .bf-process-chapter[data-active="true"] > article {
    transform: none;
  }

  .bf-process-chapter__body {
    grid-template-columns: 1fr;
  }

  .bf-process-chapter__signals {
    grid-template-columns: 1fr;
  }

  .bf-process-chapter__index {
    font-size: 4rem;
  }

  .bf-process-console {
    border-radius: 24px;
  }

  .bf-process-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-process-console__track {
    overflow-x: auto;
    padding-bottom: 22px;
    scrollbar-width: thin;
  }

  .bf-process-console__nodes {
    min-width: 440px;
  }

  .bf-process-console__track-base,
  .bf-process-console__track-progress {
    min-width: 358px;
  }

  .bf-process-cycle {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-process-cycle i {
    width: 1px;
    height: 24px;
    margin-left: 4px;
    background:
      linear-gradient(
        180deg,
        rgba(121, 168, 255, .12),
        rgba(125, 235, 255, .34)
      );
  }

  .bf-process-cycle__return::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0) rotate(135deg);
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-process-chapter[data-active="true"] > article,
  .bf-process-console__node:hover > span {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-process-engine [data-bf-process-reveal],
  .bf-process-engine__layout,
  .bf-process-cycle {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .bf-process-console__track-progress {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-process-chapter > article,
  .bf-process-console {
    background: var(--bf-surface);
  }
}

#industries {
  scroll-margin-top: 112px;
}

.bf-solutions {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(100px, 12vw, 164px);
  background:
    radial-gradient(
      900px 620px at 8% 16%,
      rgba(121, 168, 255, .075),
      transparent 70%
    ),
    radial-gradient(
      760px 560px at 94% 76%,
      rgba(77, 230, 230, .04),
      transparent 72%
    ),
    linear-gradient(180deg, var(--bf-background), var(--bf-deep-space));
}

.bf-solutions__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .075;
}

.bf-solutions__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-solutions-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-solutions-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-solutions__header {
  max-width: 900px;
  margin: 0 auto clamp(58px, 8vw, 96px);
  text-align: center;
}

.bf-solutions__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-solutions__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.7rem, 5.8vw, 5.1rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-solutions__header p {
  max-width: 70ch;
  margin: 24px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-solutions__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(390px, .78fr);
  gap: clamp(36px, 6vw, 76px);
  align-items: start;
}

.bf-solution-catalog {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.bf-solution-module {
  position: relative;
  min-width: 0;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 24px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .063),
      rgba(255, 255, 255, .012) 34%,
      transparent 58%
    ),
    rgba(14, 23, 38, .5);
  box-shadow:
    0 22px 64px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(18px) saturate(116%);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
  transition:
    transform var(--bf-medium) var(--bf-ease-standard),
    border-color var(--bf-medium) var(--bf-ease-standard),
    background var(--bf-medium) var(--bf-ease-standard),
    box-shadow var(--bf-medium) var(--bf-ease-standard),
    opacity var(--bf-medium) var(--bf-ease-standard);
}

.bf-solution-module::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      320px 190px at 0% 0%,
      rgba(255, 255, 255, .045),
      transparent 72%
    );
}

.bf-solution-module:hover {
  transform: translateY(-3px);
  border-color: rgba(125, 235, 255, .18);
  box-shadow:
    0 26px 72px rgba(0, 0, 0, .29),
    0 0 20px rgba(92, 146, 255, .06),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

.bf-solution-module[data-selected="true"] {
  border-color: rgba(125, 235, 255, .23);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .105),
      rgba(77, 230, 230, .018) 42%,
      transparent 68%
    ),
    rgba(14, 23, 38, .64);
  box-shadow:
    0 28px 78px rgba(0, 0, 0, .31),
    0 0 20px rgba(92, 146, 255, .075),
    inset 0 1px 0 rgba(255, 255, 255, .065);
}

.bf-solution-module__topline {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.bf-solution-module__category {
  color: var(--bf-accent-cyan);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-solution-module__index {
  color: rgba(169, 182, 211, .42);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.bf-solution-module__identity {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.bf-solution-module__icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 20px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .11),
      rgba(77, 230, 230, .025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055);
}

.bf-solution-module__icon .bf-icon {
  width: 33px;
  height: 33px;
}

.bf-solution-module h3 {
  margin: 1px 0 9px;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.45rem;
  line-height: 1.05;
  letter-spacing: -.034em;
}

.bf-solution-module p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .88rem;
  line-height: 1.62;
}

.bf-solution-module__capabilities {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-solution-module__capabilities li {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 700;
}

.bf-solution-module__capabilities li::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 8px rgba(125, 235, 255, .32);
}

.bf-solution-module__toggle {
  position: relative;
  z-index: 1;
  min-height: 46px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding-inline: 14px;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .74rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    transform var(--bf-fast) var(--bf-ease-standard);
}

.bf-solution-module__toggle:hover {
  transform: translateY(-2px);
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .19);
  background: rgba(255, 255, 255, .045);
}

.bf-solution-module__toggle-mark {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid var(--bf-border);
  border-radius: 8px;
  color: transparent;
  background: rgba(3, 9, 18, .28);
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard);
}

.bf-solution-module__toggle-mark .bf-icon {
  width: 13px;
  height: 13px;
}

.bf-solution-module__toggle[aria-pressed="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .22);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .1),
      rgba(77, 230, 230, .025)
    );
}

.bf-solution-module__toggle[aria-pressed="true"]
.bf-solution-module__toggle-mark {
  color: var(--bf-deep-space);
  border-color: transparent;
  background:
    linear-gradient(
      135deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
}

.bf-solution-composer {
  position: sticky;
  top: 112px;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(10, 18, 31, .87);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, .43),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-solution-composer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      440px 280px at 0% 0%,
      rgba(121, 168, 255, .1),
      transparent 72%
    );
}

.bf-solution-composer__header {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 19px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-solution-composer__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-solution-composer__beacon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 15px;
  background: rgba(255, 255, 255, .035);
}

.bf-solution-composer__beacon img {
  width: 38px;
  height: 38px;
}

.bf-solution-composer__identity > div {
  min-width: 0;
}

.bf-solution-composer__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-solution-composer__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.03rem;
  letter-spacing: -.025em;
}

.bf-solution-composer__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid rgba(67, 217, 140, .14);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  background: rgba(67, 217, 140, .04);
  font-size: .62rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-solution-composer__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .6);
}

.bf-solution-composer__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
}

.bf-solution-composer__summary > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 15px;
  background: rgba(3, 9, 18, .22);
}

.bf-solution-composer__summary span {
  color: var(--bf-muted);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-solution-composer__summary strong {
  overflow: hidden;
  font-size: .82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-solution-composer__selected,
.bf-solution-composer__coverage {
  padding: 4px 20px 20px;
}

.bf-solution-composer__eyebrow {
  display: block;
  margin-bottom: 13px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-solution-composer__module-list {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-solution-composer__module-list li {
  min-height: 39px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 12px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .018);
  font-size: .71rem;
  font-weight: 700;
}

.bf-solution-composer__module-list .bf-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: var(--bf-accent-cyan);
}

.bf-solution-composer__module-list-empty {
  color: var(--bf-muted);
  font-size: .72rem;
  line-height: 1.55;
}

.bf-coverage-row + .bf-coverage-row {
  margin-top: 13px;
}

.bf-coverage-row > div {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
  color: var(--bf-muted);
  font-size: .68rem;
  font-weight: 750;
}

.bf-coverage-row strong {
  color: var(--bf-text);
  font-size: .67rem;
}

.bf-coverage-track {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.bf-coverage-track > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .2);
  transform: scaleX(var(--bf-coverage, 0));
  transform-origin: left;
  transition:
    transform var(--bf-slow) var(--bf-ease-emphasized);
}

.bf-coverage-track [data-bf-coverage-bar="clarity"] {
  --bf-coverage: .76;
}

.bf-coverage-track [data-bf-coverage-bar="governance"] {
  --bf-coverage: .54;
}

.bf-coverage-track [data-bf-coverage-bar="safety"] {
  --bf-coverage: .30;
}

.bf-coverage-track [data-bf-coverage-bar="adaptability"] {
  --bf-coverage: .38;
}

.bf-solution-composer__insight {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 0 20px 20px;
  padding: 15px;
  border: 1px solid rgba(121, 168, 255, .12);
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .075),
      rgba(77, 230, 230, .018)
    );
}

.bf-solution-composer__insight-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 12px;
  color: var(--bf-accent-cyan);
}

.bf-solution-composer__insight-icon .bf-icon {
  width: 19px;
  height: 19px;
}

.bf-solution-composer__insight > div {
  min-width: 0;
}

.bf-solution-composer__insight span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-solution-composer__insight p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .71rem;
  line-height: 1.5;
}

.bf-solution-composer__footer {
  display: grid;
  gap: 10px;
  padding: 18px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-solution-composer__reset {
  min-height: 42px;
  border: 1px solid var(--bf-border);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard);
}

.bf-solution-composer__reset:hover {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(255, 255, 255, .045);
}

.bf-solution-composer__footer .bf-button {
  width: 100%;
}

.bf-solutions__footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(58px, 8vw, 96px);
  padding-top: 30px;
  border-top: 1px solid var(--bf-border);
}

.bf-solutions__footer span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-solutions__footer p {
  max-width: 74ch;
  margin: 0;
  color: var(--bf-muted);
  font-size: .84rem;
  line-height: 1.58;
}

.js[data-bf-solutions-ready="true"]
.bf-solutions[data-bf-revealed="false"]
[data-bf-solutions-reveal],
.js[data-bf-solutions-ready="true"]
.bf-solutions[data-bf-revealed="false"]
.bf-solutions__layout {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  filter: blur(5px);
}

.js[data-bf-solutions-ready="true"]
.bf-solutions[data-bf-revealed="true"]
[data-bf-solutions-reveal],
.js[data-bf-solutions-ready="true"]
.bf-solutions[data-bf-revealed="true"]
.bf-solutions__layout {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
}

.js[data-bf-solutions-ready="true"]
.bf-solutions[data-bf-revealed="true"]
.bf-solutions__layout {
  transition-delay: 120ms;
}

@media (max-width: 1120px) {
  .bf-solutions__layout {
    grid-template-columns: 1fr;
  }

  .bf-solution-composer {
    position: relative;
    top: auto;
    order: -1;
  }
}

@media (max-width: 760px) {
  .bf-solutions {
    padding-block: 92px;
  }

  .bf-solutions__header h2 {
    font-size: clamp(2.45rem, 11vw, 3.9rem);
  }

  .bf-solution-catalog {
    grid-template-columns: 1fr;
  }

  .bf-solution-module {
    min-height: 0;
    padding: 22px;
    border-radius: 24px;
  }

  .bf-solution-module__identity {
    grid-template-columns: 1fr;
  }

  .bf-solution-composer {
    border-radius: 24px;
  }

  .bf-solution-composer__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-solution-composer__summary {
    grid-template-columns: 1fr;
  }

  .bf-solutions__footer {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-solutions__footer span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-solution-module:hover,
  .bf-solution-module__toggle:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-solutions [data-bf-solutions-reveal],
  .bf-solutions__layout {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .bf-coverage-track > span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-solution-module,
  .bf-solution-composer {
    background: var(--bf-surface);
  }
}

#evidence {
  scroll-margin-top: 112px;
}

.bf-industries {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(100px, 12vw, 164px);
  background:
    radial-gradient(
      900px 620px at 92% 16%,
      rgba(121, 168, 255, .075),
      transparent 70%
    ),
    radial-gradient(
      760px 560px at 7% 78%,
      rgba(77, 230, 230, .04),
      transparent 72%
    ),
    linear-gradient(180deg, var(--bf-deep-space), var(--bf-background));
}

.bf-industries__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .075;
}

.bf-industries__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-industries-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-industries-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-industries__header {
  max-width: 920px;
  margin: 0 auto clamp(60px, 8vw, 98px);
  text-align: center;
}

.bf-industries__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-industries__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.7rem, 5.8vw, 5.1rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-industries__header p {
  max-width: 72ch;
  margin: 24px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-industries__layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(470px, 1.1fr);
  gap: clamp(38px, 6vw, 82px);
  align-items: start;
}

.bf-environment-selector {
  display: grid;
  gap: 14px;
}

.bf-environment-option {
  width: 100%;
  min-height: 122px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 17px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-lg);
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .052),
      rgba(255, 255, 255, .01) 36%,
      transparent 60%
    ),
    rgba(14, 23, 38, .48);
  box-shadow:
    0 18px 52px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(16px) saturate(114%);
  -webkit-backdrop-filter: blur(16px) saturate(114%);
  cursor: pointer;
  transition:
    transform var(--bf-fast) var(--bf-ease-standard),
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard),
    opacity var(--bf-fast) var(--bf-ease-standard);
}

.bf-environment-option:hover,
.bf-environment-option:focus-visible,
.bf-environment-option[aria-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .21);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .1),
      rgba(77, 230, 230, .018) 44%,
      transparent 68%
    ),
    rgba(14, 23, 38, .62);
  box-shadow:
    0 24px 66px rgba(0, 0, 0, .28),
    0 0 20px rgba(92, 146, 255, .065),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

.bf-environment-option:hover {
  transform: translateX(3px);
}

.bf-environment-option__icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 20px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .11),
      rgba(77, 230, 230, .025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055);
}

.bf-environment-option__icon .bf-icon {
  width: 32px;
  height: 32px;
}

.bf-environment-option__content {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.bf-environment-option__content small {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-environment-option__content strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.2rem;
  letter-spacing: -.025em;
}

.bf-environment-option__content > span {
  color: var(--bf-muted);
  font-size: .74rem;
  line-height: 1.48;
}

.bf-environment-option__state {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding-inline: 9px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-muted);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-environment-option[aria-selected="true"]
.bf-environment-option__state {
  color: var(--bf-success);
  border-color: rgba(67, 217, 140, .15);
  background: rgba(67, 217, 140, .04);
}

.bf-environment-console {
  position: sticky;
  top: 112px;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(10, 18, 31, .88);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-environment-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      470px 300px at 0% 0%,
      rgba(121, 168, 255, .1),
      transparent 72%
    );
}

.bf-environment-console__header {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 19px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-environment-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-environment-console__beacon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 15px;
  background: rgba(255, 255, 255, .035);
}

.bf-environment-console__beacon img {
  width: 38px;
  height: 38px;
}

.bf-environment-console__identity > div {
  min-width: 0;
}

.bf-environment-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-environment-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.02rem;
  letter-spacing: -.025em;
}

.bf-environment-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid rgba(67, 217, 140, .14);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  background: rgba(67, 217, 140, .04);
  font-size: .61rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-environment-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .6);
}

.bf-environment-console__profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 20px 20px 10px;
}

.bf-environment-console__profile-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .16);
  border-radius: 20px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .12),
      rgba(77, 230, 230, .025)
    );
}

.bf-environment-console__profile-icon .bf-icon {
  width: 33px;
  height: 33px;
}

.bf-environment-console__profile > div:last-child {
  min-width: 0;
}

.bf-environment-console__profile span {
  display: block;
  margin-bottom: 4px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-environment-console__profile h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  letter-spacing: -.04em;
}

.bf-environment-console__summary {
  margin: 0;
  padding: 8px 20px 20px;
  color: var(--bf-muted);
  font-size: .84rem;
  line-height: 1.62;
}

.bf-environment-console__conditions {
  padding: 18px 20px;
  border-block: 1px solid rgba(255, 255, 255, .06);
  background: rgba(3, 9, 18, .17);
}

.bf-environment-console__conditions-head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.bf-environment-console__conditions-head > span {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-environment-console__conditions-head small {
  color: rgba(169, 182, 211, .66);
  font-size: .58rem;
  text-align: right;
}

.bf-environment-metric + .bf-environment-metric {
  margin-top: 13px;
}

.bf-environment-metric > div {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
  color: var(--bf-muted);
  font-size: .67rem;
  font-weight: 750;
}

.bf-environment-metric strong {
  color: var(--bf-text);
  font-size: .66rem;
}

.bf-environment-metric__track {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.bf-environment-metric__track > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .2);
  transform: scaleX(var(--bf-environment-value, 0));
  transform-origin: left;
  transition:
    transform var(--bf-slow) var(--bf-ease-emphasized);
}

.bf-environment-console__architecture,
.bf-environment-console__deployment {
  padding: 18px 20px 0;
}

.bf-environment-console__eyebrow {
  display: block;
  margin-bottom: 13px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-environment-console__modules {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-environment-console__modules li {
  min-height: 34px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .67rem;
  font-weight: 750;
}

.bf-environment-console__modules .bf-icon {
  width: 15px;
  height: 15px;
  color: var(--bf-accent-cyan);
}

.bf-environment-console__deployment ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-environment-console__deployment li {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  background: rgba(3, 9, 18, .2);
}

.bf-environment-console__deployment li span {
  color: var(--bf-accent-cyan);
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.bf-environment-console__deployment li strong {
  font-size: .67rem;
  line-height: 1.42;
}

.bf-environment-console__insight {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 18px 20px;
  padding: 15px;
  border: 1px solid rgba(121, 168, 255, .12);
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .075),
      rgba(77, 230, 230, .018)
    );
}

.bf-environment-console__insight-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 12px;
  color: var(--bf-accent-cyan);
}

.bf-environment-console__insight-icon .bf-icon {
  width: 19px;
  height: 19px;
}

.bf-environment-console__insight > div {
  min-width: 0;
}

.bf-environment-console__insight span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-environment-console__insight p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .71rem;
  line-height: 1.5;
}

.bf-environment-console__footer {
  display: grid;
  gap: 10px;
  padding: 18px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-environment-console__apply {
  min-height: 44px;
  border: 1px solid var(--bf-border);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .71rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard);
}

.bf-environment-console__apply:hover {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(255, 255, 255, .045);
}

.bf-environment-console__footer .bf-button {
  width: 100%;
}

.bf-industries__shared-core {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(58px, 8vw, 96px);
  padding-top: 30px;
  border-top: 1px solid var(--bf-border);
}

.bf-industries__shared-core > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-industries__shared-core ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-industries__shared-core li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-industries__shared-core li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

.js[data-bf-industries-ready="true"]
.bf-industries[data-bf-revealed="false"]
[data-bf-industries-reveal],
.js[data-bf-industries-ready="true"]
.bf-industries[data-bf-revealed="false"]
.bf-industries__layout {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  filter: blur(5px);
}

.js[data-bf-industries-ready="true"]
.bf-industries[data-bf-revealed="true"]
[data-bf-industries-reveal],
.js[data-bf-industries-ready="true"]
.bf-industries[data-bf-revealed="true"]
.bf-industries__layout {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
}

.js[data-bf-industries-ready="true"]
.bf-industries[data-bf-revealed="true"]
.bf-industries__layout {
  transition-delay: 120ms;
}

@media (max-width: 1120px) {
  .bf-industries__layout {
    grid-template-columns: 1fr;
  }

  .bf-environment-console {
    position: relative;
    top: auto;
  }

  .bf-environment-selector {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-environment-option:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .bf-industries {
    padding-block: 92px;
  }

  .bf-industries__header h2 {
    font-size: clamp(2.45rem, 11vw, 3.9rem);
  }

  .bf-environment-selector {
    grid-template-columns: 1fr;
  }

  .bf-environment-option:last-child {
    grid-column: auto;
  }

  .bf-environment-option {
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 112px;
    padding: 16px;
  }

  .bf-environment-option__state {
    display: none;
  }

  .bf-environment-console {
    border-radius: 24px;
  }

  .bf-environment-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-environment-console__conditions-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .bf-environment-console__conditions-head small {
    text-align: left;
  }

  .bf-environment-console__deployment ol {
    grid-template-columns: 1fr;
  }

  .bf-industries__shared-core {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-industries__shared-core > span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-environment-option:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-industries [data-bf-industries-reveal],
  .bf-industries__layout {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .bf-environment-metric__track > span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-environment-option,
  .bf-environment-console {
    background: var(--bf-surface);
  }
}

#assistant {
  scroll-margin-top: 112px;
}

.bf-evidence {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(100px, 12vw, 164px);
  background:
    radial-gradient(
      900px 620px at 8% 15%,
      rgba(121, 168, 255, .075),
      transparent 70%
    ),
    radial-gradient(
      760px 560px at 94% 78%,
      rgba(77, 230, 230, .04),
      transparent 72%
    ),
    linear-gradient(180deg, var(--bf-background), var(--bf-deep-space));
}

.bf-evidence__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .075;
}

.bf-evidence__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-evidence-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-evidence-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-evidence__header {
  max-width: 920px;
  margin: 0 auto clamp(60px, 8vw, 98px);
  text-align: center;
}

.bf-evidence__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-evidence__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.7rem, 5.8vw, 5.1rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-evidence__header p {
  max-width: 72ch;
  margin: 24px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-evidence__layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
  gap: clamp(38px, 6vw, 82px);
  align-items: start;
}

.bf-evidence-domains {
  display: grid;
  gap: 14px;
}

.bf-evidence-domain {
  width: 100%;
  min-height: 116px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  gap: 17px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-lg);
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .052),
      rgba(255, 255, 255, .01) 36%,
      transparent 60%
    ),
    rgba(14, 23, 38, .48);
  box-shadow:
    0 18px 52px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(16px) saturate(114%);
  -webkit-backdrop-filter: blur(16px) saturate(114%);
  cursor: pointer;
  transition:
    transform var(--bf-fast) var(--bf-ease-standard),
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard);
}

.bf-evidence-domain:hover,
.bf-evidence-domain:focus-visible,
.bf-evidence-domain[aria-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .21);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .1),
      rgba(77, 230, 230, .018) 44%,
      transparent 68%
    ),
    rgba(14, 23, 38, .62);
  box-shadow:
    0 24px 66px rgba(0, 0, 0, .28),
    0 0 20px rgba(92, 146, 255, .065),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

.bf-evidence-domain:hover {
  transform: translateX(3px);
}

.bf-evidence-domain__icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .14);
  border-radius: 19px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .11),
      rgba(77, 230, 230, .025)
    );
}

.bf-evidence-domain__icon .bf-icon {
  width: 31px;
  height: 31px;
}

.bf-evidence-domain__content {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.bf-evidence-domain__content small {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-evidence-domain__content strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.16rem;
  letter-spacing: -.025em;
}

.bf-evidence-domain__content > span {
  color: var(--bf-muted);
  font-size: .73rem;
  line-height: 1.48;
}

.bf-evidence-domain__state {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding-inline: 9px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-muted);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-evidence-domain[aria-selected="true"]
.bf-evidence-domain__state {
  color: var(--bf-success);
  border-color: rgba(67, 217, 140, .15);
  background: rgba(67, 217, 140, .04);
}

.bf-evidence-console {
  position: sticky;
  top: 112px;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(10, 18, 31, .89);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-evidence-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      470px 300px at 0% 0%,
      rgba(121, 168, 255, .1),
      transparent 72%
    );
}

.bf-evidence-console__header {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 19px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-evidence-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-evidence-console__beacon,
.bf-report-dialog__beacon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 15px;
  background: rgba(255, 255, 255, .035);
}

.bf-evidence-console__beacon img,
.bf-report-dialog__beacon img {
  width: 38px;
  height: 38px;
}

.bf-evidence-console__identity > div {
  min-width: 0;
}

.bf-evidence-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-evidence-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.02rem;
  letter-spacing: -.025em;
}

.bf-evidence-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid rgba(67, 217, 140, .14);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  background: rgba(67, 217, 140, .04);
  font-size: .61rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-evidence-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .6);
}

.bf-evidence-console__context {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  margin: 16px 20px 0;
  padding: 13px 14px;
  border: 1px solid rgba(121, 168, 255, .1);
  border-radius: 15px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .065),
      rgba(77, 230, 230, .014)
    );
}

.bf-evidence-console__context > span {
  grid-row: 1 / 3;
  color: var(--bf-accent-cyan);
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-evidence-console__context strong {
  font-size: .76rem;
}

.bf-evidence-console__context small {
  color: var(--bf-muted);
  font-size: .65rem;
}

.bf-evidence-console__profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 20px 20px 10px;
}

.bf-evidence-console__profile-icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(121, 168, 255, .16);
  border-radius: 19px;
  color: var(--bf-accent-cyan);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .12),
      rgba(77, 230, 230, .025)
    );
}

.bf-evidence-console__profile-icon .bf-icon {
  width: 32px;
  height: 32px;
}

.bf-evidence-console__profile > div {
  min-width: 0;
}

.bf-evidence-console__profile > div > span {
  display: block;
  margin-bottom: 4px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-evidence-console__profile h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.48rem, 3vw, 2.1rem);
  letter-spacing: -.04em;
}

.bf-evidence-console__profile-status {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  font-size: .62rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-evidence-console__summary {
  margin: 0;
  padding: 8px 20px 20px;
  color: var(--bf-muted);
  font-size: .83rem;
  line-height: 1.62;
}

.bf-evidence-console__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 18px 20px;
  border-block: 1px solid rgba(255, 255, 255, .06);
  background: rgba(3, 9, 18, .17);
}

.bf-evidence-metric {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-evidence-metric > div {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  color: var(--bf-muted);
  font-size: .64rem;
  font-weight: 750;
}

.bf-evidence-metric strong {
  color: var(--bf-text);
  font-size: .65rem;
}

.bf-evidence-metric__track {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.bf-evidence-metric__track > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .2);
  transform: scaleX(var(--bf-evidence-value, 0));
  transform-origin: left;
  transition:
    transform var(--bf-slow) var(--bf-ease-emphasized);
}

.bf-evidence-console__records,
.bf-evidence-console__chain {
  padding: 18px 20px 0;
}

.bf-evidence-console__section-head {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.bf-evidence-console__section-head > span {
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-evidence-console__section-head small {
  color: rgba(169, 182, 211, .65);
  font-size: .58rem;
  text-align: right;
}

.bf-evidence-console__records ul {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-evidence-console__records li {
  min-height: 52px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-evidence-console__records li > .bf-icon {
  width: 18px;
  height: 18px;
  color: var(--bf-accent-cyan);
}

.bf-evidence-console__records li > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.bf-evidence-console__records li strong {
  font-size: .71rem;
}

.bf-evidence-console__records li small {
  color: var(--bf-muted);
  font-size: .62rem;
}

.bf-evidence-console__records li > span:last-child {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  padding-inline: 8px;
  border: 1px solid rgba(67, 217, 140, .13);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-success);
  font-size: .57rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-evidence-console__chain ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-evidence-console__chain li {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 13px;
  background: rgba(3, 9, 18, .2);
}

.bf-evidence-console__chain li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  width: 10px;
  height: 1px;
  background: rgba(125, 235, 255, .28);
}

.bf-evidence-console__chain li span {
  color: var(--bf-accent-cyan);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .11em;
}

.bf-evidence-console__chain li strong {
  overflow: hidden;
  font-size: .65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-evidence-console__ownership {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px 0;
}

.bf-evidence-console__ownership > div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-evidence-console__ownership span {
  color: var(--bf-muted);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-evidence-console__ownership strong {
  font-size: .69rem;
}

.bf-evidence-console__notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 18px 20px;
  padding: 13px;
  border: 1px solid rgba(248, 193, 90, .12);
  border-radius: 14px;
  background: rgba(248, 193, 90, .025);
}

.bf-evidence-console__notice .bf-icon {
  width: 18px;
  height: 18px;
  color: var(--bf-warning);
}

.bf-evidence-console__notice p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .64rem;
  line-height: 1.5;
}

.bf-evidence-console__footer {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 10px;
  padding: 18px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-evidence-console__secondary {
  min-height: 46px;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard);
}

.bf-evidence-console__secondary:hover {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(255, 255, 255, .045);
}

.bf-evidence-console__footer .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.bf-evidence__trust-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(58px, 8vw, 96px);
  padding-top: 30px;
  border-top: 1px solid var(--bf-border);
}

.bf-evidence__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-evidence__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-evidence__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-evidence__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

.bf-report-dialog {
  width: min(760px, calc(100vw - 28px));
  max-height: calc(100svh - 28px);
  padding: 0;
  border: 0;
  color: var(--bf-text);
  background: transparent;
}

.bf-report-dialog::backdrop {
  background: rgba(2, 6, 13, .76);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.bf-report-dialog__surface {
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: 26px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 16, 29, .97);
  box-shadow:
    0 36px 110px rgba(0, 0, 0, .62),
    inset 0 1px 0 rgba(255, 255, 255, .075);
}

.bf-report-dialog__header {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-report-dialog__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-report-dialog__identity > div {
  min-width: 0;
}

.bf-report-dialog__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-report-dialog__identity h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.22rem;
  letter-spacing: -.03em;
}

.bf-report-dialog__close {
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-text);
  background: rgba(255, 255, 255, .04);
  cursor: pointer;
}

.bf-report-dialog__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.bf-report-dialog__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

.bf-report-dialog__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.bf-report-dialog__body {
  max-height: calc(100svh - 190px);
  overflow-y: auto;
  padding: 20px;
  overscroll-behavior: contain;
}

.bf-report-dialog__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 24px;
}

.bf-report-dialog__meta > div,
.bf-report-dialog__decision > div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-report-dialog__meta span,
.bf-report-dialog__decision span {
  color: var(--bf-muted);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-report-dialog__meta strong,
.bf-report-dialog__decision strong {
  font-size: .69rem;
}

.bf-report-dialog__body section + section {
  margin-top: 24px;
}

.bf-report-dialog__eyebrow {
  display: block;
  margin-bottom: 10px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-report-dialog__body p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .83rem;
  line-height: 1.65;
}

.bf-report-dialog__body ul {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-report-dialog__body li {
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 12px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .018);
  font-size: .72rem;
}

.bf-report-dialog__decision {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bf-report-dialog__decision .bf-report-dialog__eyebrow {
  grid-column: 1 / -1;
}

.bf-report-dialog__disclaimer {
  margin-top: 24px;
  padding: 12px;
  border: 1px solid rgba(248, 193, 90, .12);
  border-radius: 12px;
  color: var(--bf-muted);
  background: rgba(248, 193, 90, .025);
  font-size: .63rem;
  line-height: 1.5;
}

.bf-report-dialog__footer {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 10px;
  padding: 18px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-report-dialog__footer .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.js[data-bf-evidence-ready="true"]
.bf-evidence[data-bf-revealed="false"]
[data-bf-evidence-reveal],
.js[data-bf-evidence-ready="true"]
.bf-evidence[data-bf-revealed="false"]
.bf-evidence__layout {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  filter: blur(5px);
}

.js[data-bf-evidence-ready="true"]
.bf-evidence[data-bf-revealed="true"]
[data-bf-evidence-reveal],
.js[data-bf-evidence-ready="true"]
.bf-evidence[data-bf-revealed="true"]
.bf-evidence__layout {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition:
    opacity var(--bf-slow) var(--bf-ease-emphasized),
    transform var(--bf-slow) var(--bf-ease-emphasized),
    filter var(--bf-slow) var(--bf-ease-emphasized);
}

.js[data-bf-evidence-ready="true"]
.bf-evidence[data-bf-revealed="true"]
.bf-evidence__layout {
  transition-delay: 120ms;
}

@media (max-width: 1120px) {
  .bf-evidence__layout {
    grid-template-columns: 1fr;
  }

  .bf-evidence-console {
    position: relative;
    top: auto;
  }

  .bf-evidence-domains {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-evidence-domain:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .bf-evidence {
    padding-block: 92px;
  }

  .bf-evidence__header h2 {
    font-size: clamp(2.45rem, 11vw, 3.9rem);
  }

  .bf-evidence-domains {
    grid-template-columns: 1fr;
  }

  .bf-evidence-domain:last-child {
    grid-column: auto;
  }

  .bf-evidence-domain {
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 108px;
    padding: 16px;
  }

  .bf-evidence-domain__state {
    display: none;
  }

  .bf-evidence-console {
    border-radius: 24px;
  }

  .bf-evidence-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-evidence-console__profile {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .bf-evidence-console__profile-status {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .bf-evidence-console__metrics,
  .bf-evidence-console__ownership {
    grid-template-columns: 1fr;
  }

  .bf-evidence-console__chain ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-evidence-console__chain li:nth-child(2)::after {
    display: none;
  }

  .bf-evidence-console__footer,
  .bf-report-dialog__footer {
    grid-template-columns: 1fr;
  }

  .bf-evidence__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-evidence__trust-line > span {
    white-space: normal;
  }

  .bf-report-dialog__meta,
  .bf-report-dialog__decision {
    grid-template-columns: 1fr;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-evidence-domain:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-evidence [data-bf-evidence-reveal],
  .bf-evidence__layout {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .bf-evidence-metric__track > span {
    transition: none !important;
  }
}

@media print {
  body:has(.bf-report-dialog[open]) > *:not(.bf-report-dialog) {
    display: none !important;
  }

  .bf-report-dialog[open] {
    position: static;
    width: 100%;
    max-height: none;
    color: #111;
    background: #fff;
  }

  .bf-report-dialog[open]::backdrop,
  .bf-report-dialog__close,
  .bf-report-dialog__footer {
    display: none !important;
  }

  .bf-report-dialog__surface {
    border: 0;
    color: #111;
    background: #fff;
    box-shadow: none;
  }

  .bf-report-dialog__body {
    max-height: none;
    overflow: visible;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-evidence-domain,
  .bf-evidence-console,
  .bf-report-dialog__surface {
    background: var(--bf-surface);
  }
}

.bf-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --bf-motion-fast: 120ms;
  --bf-motion-normal: 240ms;
  --bf-motion-smooth: 420ms;
  --bf-motion-flow: 700ms;
  --bf-document-progress: 0;
  --bf-section-progress: 0;
  --bf-attention-level: .22;
  --bf-light-shift-x: 0px;
  --bf-light-shift-y: 0px;
  --bf-header-progress: 0;
}

html[data-bf-experience="operational"] {
  scroll-behavior: smooth;
}

html[data-bf-interaction-mode="keyboard"] :focus-visible {
  outline: 2px solid rgba(125, 235, 255, .9);
  outline-offset: 4px;
}

html[data-bf-interaction-mode="pointer"] :focus:not(:focus-visible),
html[data-bf-interaction-mode="touch"] :focus:not(:focus-visible) {
  outline: none;
}

.bf-experience-layer {
  position: fixed;
  z-index: 2147480000;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

.bf-experience-layer__light,
.bf-experience-layer__reflection {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.bf-experience-layer__light {
  opacity: var(--bf-light-opacity, .028);
  background:
    radial-gradient(
      720px 540px at
      calc(7% + var(--bf-light-shift-x))
      calc(4% + var(--bf-light-shift-y)),
      rgba(125, 235, 255, .26),
      rgba(121, 168, 255, .08) 31%,
      transparent 72%
    );
  mix-blend-mode: screen;
  transition:
    opacity var(--bf-motion-smooth) ease;
}

.bf-experience-layer__reflection {
  opacity: var(--bf-global-reflection-opacity, .014);
  background:
    linear-gradient(
      118deg,
      rgba(255, 255, 255, .09),
      transparent 20%,
      transparent 80%,
      rgba(125, 235, 255, .035)
    );
}

.bf-experience-progress {
  position: absolute;
  top: 20%;
  right: max(12px, env(safe-area-inset-right));
  width: 2px;
  height: 60%;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  opacity: .7;
}

.bf-experience-progress::before,
.bf-experience-progress::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid rgba(125, 235, 255, .24);
  border-radius: 50%;
  transform: translateX(-50%);
}

.bf-experience-progress::before {
  top: 0;
}

.bf-experience-progress::after {
  bottom: 0;
}

.bf-experience-progress__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      180deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .34);
  transform: scaleY(0);
  transform-origin: top;
  transition:
    transform var(--bf-motion-normal)
    cubic-bezier(.22, .8, .2, 1);
}

.bf-site-header {
  --bf-header-attention: var(--bf-attention-level);
}

.bf-site-header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .18);
  transform: scaleX(var(--bf-header-progress));
  transform-origin: left;
  opacity: var(--bf-header-line-opacity, .43);
  transition:
    transform var(--bf-motion-normal)
    cubic-bezier(.22, .8, .2, 1),
    opacity var(--bf-motion-normal) ease;
}

.bf-site-header[data-bf-attention="review"] .bf-header__beacon,
.bf-site-header[data-bf-attention="warning"] .bf-header__beacon {
  filter:
    drop-shadow(
      0 0 12px
      rgba(125, 235, 255, .18)
    );
}

[data-bf-nav-link][data-bf-experience-current="true"] {
  color: var(--bf-text);
}

[data-bf-nav-link][data-bf-experience-current="true"]::after {
  transform: scaleX(1);
  opacity: 1;
}

section[id][data-bf-section-state="active"] {
  --bf-section-focus: 1;
}

section[id][data-bf-section-state="enter"] {
  --bf-section-focus: .72;
}

section[id][data-bf-section-state="leave"] {
  --bf-section-focus: .42;
}

section[id][data-bf-section-state="inactive"],
section[id][data-bf-section-state="idle"] {
  --bf-section-focus: .16;
}

section[id] {
  --bf-section-focus: .16;
}

html[data-bf-experience-ready="true"]
[data-bf-experience-reveal] {
  transition:
    opacity var(--bf-motion-smooth)
      cubic-bezier(.22, .8, .2, 1)
      var(--bf-reveal-delay, 0ms),
    transform var(--bf-motion-smooth)
      cubic-bezier(.22, .8, .2, 1)
      var(--bf-reveal-delay, 0ms),
    filter var(--bf-motion-smooth)
      cubic-bezier(.22, .8, .2, 1)
      var(--bf-reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

html[data-bf-experience-ready="true"]
[data-bf-experience-reveal][data-bf-reveal-state="pending"] {
  opacity: 0;
  filter: blur(var(--bf-reveal-blur, 4px));
}

html[data-bf-experience-ready="true"]
[data-bf-experience-reveal="depth"][data-bf-reveal-state="pending"],
html[data-bf-experience-ready="true"]
[data-bf-experience-reveal="cascade"][data-bf-reveal-state="pending"] {
  transform:
    translate3d(
      0,
      var(--bf-reveal-distance, 16px),
      0
    )
    scale(.992);
}

html[data-bf-experience-ready="true"]
[data-bf-experience-reveal="layer"][data-bf-reveal-state="pending"] {
  transform:
    translate3d(
      var(--bf-reveal-distance, 14px),
      0,
      0
    );
}

html[data-bf-experience-ready="true"]
[data-bf-experience-reveal="confidence"][data-bf-reveal-state="pending"] {
  transform: none;
}

html[data-bf-experience-ready="true"]
[data-bf-experience-reveal][data-bf-reveal-state="visible"] {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

[data-bf-glass-level] {
  position: relative;
  isolation: isolate;
}

[data-bf-glass-level="1"] {
  --bf-glass-reflection-opacity: .018;
}

[data-bf-glass-level="2"] {
  --bf-glass-reflection-opacity: .028;
}

[data-bf-glass-level="3"] {
  --bf-glass-reflection-opacity: var(--bf-glass-level-3-opacity, .04);
}

.bf-glass-reflection {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  opacity: var(--bf-glass-reflection-opacity, .02);
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .38),
      transparent 20%,
      transparent 74%,
      rgba(125, 235, 255, .12)
    );
  transform:
    translate3d(
      var(--bf-reflection-shift-x, 0px),
      var(--bf-reflection-shift-y, 0px),
      0
    );
  transition:
    opacity var(--bf-motion-smooth) ease,
    transform var(--bf-motion-normal) ease;
}

[data-bf-glass-level] > :not(.bf-glass-reflection) {
  position: relative;
  z-index: 1;
}

button[data-bf-pressed="true"],
a[data-bf-pressed="true"],
[role="button"][data-bf-pressed="true"],
[role="tab"][data-bf-pressed="true"] {
  transform: translateY(1px) scale(.99) !important;
  transition-duration: var(--bf-motion-fast) !important;
}

html[data-bf-attention="review"] .bf-evidence-console,
html[data-bf-attention="review"] .bf-process-console {
  border-color: rgba(125, 235, 255, .22);
}

html[data-bf-attention="warning"] {
  --bf-attention-level: .82;
}

html[data-bf-attention="warning"] .bf-site-header::after {
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-warning)
    );
}

html[data-bf-active-section="hero"] .bf-hero__universe {
  opacity: var(--bf-hero-universe-opacity-active, .33);
}

html[data-bf-active-section="hero"] .bf-hero__orb {
  transform:
    translate3d(
      var(--bf-orb-shift-x, 0px),
      var(--bf-orb-shift-y, 0px),
      0
    );
}

html[data-bf-viewport-active="false"] *,
html[data-bf-viewport-active="false"] *::before,
html[data-bf-viewport-active="false"] *::after {
  animation-play-state: paused !important;
}

@media (max-width: 900px) {
  .bf-experience-progress {
    display: none;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-experience-layer__light {
    transform: none;
  }

  .bf-glass-reflection {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .bf-experience-layer__light,
  .bf-experience-layer__reflection,
  .bf-experience-progress__fill,
  .bf-site-header::after,
  [data-bf-experience-reveal],
  .bf-glass-reflection {
    transition: none !important;
  }

  [data-bf-experience-reveal] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .bf-hero__orb {
    transform: none !important;
  }
}

.bf-intelligence {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      860px 620px at 92% 14%,
      rgba(121, 168, 255, .08),
      transparent 72%
    ),
    radial-gradient(
      720px 560px at 6% 82%,
      rgba(77, 230, 230, .04),
      transparent 74%
    ),
    linear-gradient(180deg, var(--bf-deep-space), var(--bf-background));
}

.bf-intelligence__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .075;
}

.bf-intelligence__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-intelligence-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-intelligence-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .52;
}

.bf-intelligence__header {
  max-width: 980px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-intelligence__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-intelligence__header h2 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.35rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-intelligence__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .62em;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.bf-intelligence__header p {
  max-width: 74ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-intelligence__layout {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  grid-template-areas: "pipeline console";
  gap: clamp(36px, 5vw, 72px);
  align-items: start;
}

.bf-intelligence-pipeline {
  grid-area: pipeline;
  position: sticky;
  top: 112px;
}

.bf-intelligence-console {
  grid-area: console;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-intelligence-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      520px 320px at 0% 0%,
      rgba(121, 168, 255, .11),
      transparent 72%
    );
}

.bf-intelligence-console__header {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-intelligence-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-intelligence-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-intelligence-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-intelligence-console__identity > div {
  min-width: 0;
}

.bf-intelligence-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-intelligence-console__identity h3 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-intelligence-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-intelligence-console__classification,
.bf-intelligence-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-intelligence-console__classification {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-intelligence-console__status {
  color: var(--bf-success);
  border: 1px solid rgba(67, 217, 140, .14);
  background: rgba(67, 217, 140, .04);
}

.bf-intelligence-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .56);
}

.bf-intelligence[data-bf-intelligence-status="analysing"]
.bf-intelligence-console__status {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .16);
  background: rgba(125, 235, 255, .04);
}

.bf-intelligence[data-bf-intelligence-status="analysing"]
.bf-intelligence-console__status > span {
  animation: bf-intelligence-status-pulse 1.4s ease-in-out infinite;
}

.bf-intelligence[data-bf-intelligence-status="error"]
.bf-intelligence-console__status {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .16);
  background: rgba(248, 193, 90, .04);
}

.bf-intelligence-console__context {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) auto;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background: rgba(3, 9, 18, .15);
}

.bf-intelligence-console__context > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-intelligence-console__context span {
  color: var(--bf-muted);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-intelligence-console__context strong {
  overflow: hidden;
  font-size: .69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-intelligence-console__provenance-button {
  min-height: 48px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding-inline: 13px;
  border: 1px solid var(--bf-border);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .67rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-intelligence-console__provenance-button:hover,
.bf-intelligence-console__provenance-button[aria-expanded="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-intelligence-console__provenance-button .bf-icon {
  width: 17px;
  height: 17px;
  color: var(--bf-accent-cyan);
}

.bf-intelligence-console__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-intelligence-console__metrics article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 15px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .055),
      rgba(255, 255, 255, .012)
    );
}

.bf-intelligence-console__metrics span {
  color: var(--bf-muted);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-intelligence-console__metrics strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.bf-intelligence-console__metrics small {
  color: rgba(169, 182, 211, .62);
  font-size: .58rem;
}

.bf-intelligence-console__body {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr);
}

.bf-intelligence-graph {
  padding: 20px;
  border-right: 1px solid rgba(255, 255, 255, .06);
}

.bf-intelligence-graph > header {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
}

.bf-intelligence-graph > header > div:first-child > span,
.bf-intelligence-console__section-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-intelligence-graph h4 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-intelligence-graph__relations {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-intelligence-graph__relations span {
  min-height: 28px;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  padding-inline: 8px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: var(--bf-radius-pill);
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .018);
  font-size: .56rem;
  font-weight: 750;
}

.bf-intelligence-graph__relations strong {
  color: var(--bf-text);
  font-size: .61rem;
}

.bf-intelligence-graph__canvas {
  min-height: 340px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(121, 168, 255, .055),
      transparent 62%
    ),
    rgba(3, 9, 18, .22);
}

.bf-intelligence-graph__canvas svg {
  width: 100%;
  height: auto;
}

.bf-intelligence-graph__links {
  fill: none;
  stroke: rgba(121, 168, 255, .22);
  stroke-width: 1.2;
  stroke-dasharray: 4 9;
}

.bf-intelligence[data-bf-intelligence-status="analysing"]
.bf-intelligence-graph__links {
  animation: bf-intelligence-flow 3.6s linear infinite;
}

.bf-intelligence-graph__node circle {
  fill: rgba(14, 23, 38, .96);
  stroke: rgba(121, 168, 255, .18);
  stroke-width: 1.2;
  transition:
    fill var(--bf-motion-smooth) ease,
    stroke var(--bf-motion-smooth) ease,
    filter var(--bf-motion-smooth) ease,
    transform var(--bf-motion-smooth) cubic-bezier(.22, .8, .2, 1);
  transform-box: fill-box;
  transform-origin: center;
}

.bf-intelligence-graph__node text {
  fill: var(--bf-muted);
  font-size: 11px;
  font-weight: 750;
  text-anchor: middle;
  transition: fill var(--bf-motion-smooth) ease;
}

.bf-intelligence-graph__node[data-active="true"] circle {
  fill: rgba(121, 168, 255, .12);
  stroke: rgba(125, 235, 255, .72);
  filter: drop-shadow(0 0 12px rgba(125, 235, 255, .18));
  transform: scale(1.04);
}

.bf-intelligence-graph__node[data-active="true"] text {
  fill: var(--bf-text);
}

.bf-intelligence-console__interpretation {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background:
    linear-gradient(
      145deg,
      rgba(121, 168, 255, .045),
      transparent 48%
    );
}

.bf-intelligence-console__interpretation-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 9px;
}

.bf-intelligence-console__interpretation-title .bf-icon {
  width: 24px;
  height: 24px;
  color: var(--bf-accent-cyan);
}

.bf-intelligence-console__interpretation h4 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.35rem;
  letter-spacing: -.035em;
}

.bf-intelligence-console__interpretation > p {
  margin: 15px 0 20px;
  color: var(--bf-muted);
  font-size: .73rem;
  line-height: 1.58;
}

.bf-intelligence-console__human-action,
.bf-intelligence-console__decision-status {
  display: grid;
  gap: 6px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-intelligence-console__human-action {
  margin-top: auto;
}

.bf-intelligence-console__decision-status {
  margin-top: 9px;
}

.bf-intelligence-console__human-action span,
.bf-intelligence-console__decision-status span {
  color: var(--bf-muted);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-intelligence-console__human-action strong,
.bf-intelligence-console__decision-status strong {
  font-size: .67rem;
  line-height: 1.48;
}

.bf-intelligence-console__decision-status strong[data-state="ready"] {
  color: var(--bf-success);
}

.bf-intelligence-console__decision-status strong[data-state="review-required"] {
  color: var(--bf-warning);
}

.bf-intelligence-console__footer {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 10px;
  padding: 18px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-intelligence-console__run {
  min-height: 46px;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-intelligence-console__run:hover:not(:disabled) {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-intelligence-console__run:disabled {
  cursor: wait;
  opacity: .68;
}

.bf-intelligence-console__footer .bf-button {
  width: 100%;
}

.bf-intelligence-provenance {
  position: absolute;
  z-index: 8;
  top: 96px;
  right: 20px;
  width: min(430px, calc(100% - 40px));
  padding: 17px;
  border: 1px solid var(--bf-border-strong);
  border-radius: 18px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .075),
      rgba(255, 255, 255, .012)
    ),
    rgba(8, 15, 27, .98);
  box-shadow:
    0 28px 84px rgba(0, 0, 0, .52),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.bf-intelligence-provenance[hidden] {
  display: none;
}

.bf-intelligence-provenance header {
  display: grid;
  gap: 3px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-intelligence-provenance header span {
  color: var(--bf-accent-cyan);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-intelligence-provenance header strong {
  font-size: .84rem;
}

.bf-intelligence-provenance dl {
  display: grid;
  gap: 9px;
  margin: 13px 0 0;
}

.bf-intelligence-provenance dl > div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.bf-intelligence-provenance dt {
  color: var(--bf-muted);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-intelligence-provenance dd {
  margin: 0;
  color: var(--bf-text);
  font-size: .64rem;
  line-height: 1.48;
}

.bf-intelligence-pipeline__intro {
  margin-bottom: 24px;
}

.bf-intelligence-pipeline__intro > span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-intelligence-pipeline__intro h3 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-intelligence-pipeline__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-intelligence-pipeline__flow {
  position: relative;
  padding-left: 24px;
}

.bf-intelligence-pipeline__flow > span {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 7px;
  width: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.bf-intelligence-pipeline__flow > span > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      180deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .24);
  transform: scaleY(0);
  transform-origin: top;
  transition:
    transform var(--bf-motion-flow) cubic-bezier(.22, .8, .2, 1);
}

.bf-intelligence-pipeline ol {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-intelligence-step {
  width: 100%;
  min-height: 72px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 10px;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 16px;
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .4);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal) cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-intelligence-step:hover,
.bf-intelligence-step:focus-visible,
.bf-intelligence-step[data-active="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .014)
    ),
    rgba(14, 23, 38, .58);
}

.bf-intelligence-step:hover {
  transform: translateX(3px);
}

.bf-intelligence-step > span:first-child {
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.bf-intelligence-step > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-intelligence-step small {
  color: var(--bf-accent-cyan);
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-intelligence-step strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: .9rem;
  letter-spacing: -.02em;
}

.bf-intelligence-step > span:last-child {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(169, 182, 211, .34);
  border-radius: 50%;
  background: transparent;
}

.bf-intelligence-step[data-complete="true"] > span:last-child {
  border-color: rgba(67, 217, 140, .42);
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67, 217, 140, .24);
}

.bf-intelligence-step[data-active="true"] > span:last-child {
  border-color: rgba(125, 235, 255, .6);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .32);
}

.bf-intelligence-pipeline__detail {
  margin-top: 18px;
  padding: 17px;
  border: 1px solid rgba(121, 168, 255, .12);
  border-radius: 18px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .065),
      rgba(77, 230, 230, .014)
    );
}

.bf-intelligence-pipeline__detail > span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-intelligence-pipeline__detail h4 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.12rem;
  letter-spacing: -.025em;
}

.bf-intelligence-pipeline__detail p {
  margin: 10px 0 14px;
  color: var(--bf-muted);
  font-size: .69rem;
  line-height: 1.55;
}

.bf-intelligence-pipeline__detail > div {
  display: grid;
  gap: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.bf-intelligence-pipeline__detail > div span {
  color: var(--bf-muted);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-intelligence-pipeline__detail > div strong {
  font-size: .67rem;
}

.bf-intelligence__trust-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
  border-top: 1px solid var(--bf-border);
}

.bf-intelligence__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-intelligence__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-intelligence__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-intelligence__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

@keyframes bf-intelligence-status-pulse {
  0%, 100% { opacity: .45; }
  50% { opacity: 1; }
}

@keyframes bf-intelligence-flow {
  to { stroke-dashoffset: -52; }
}

@media (max-width: 1180px) {
  .bf-intelligence__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "pipeline";
  }

  .bf-intelligence-pipeline {
    position: relative;
    top: auto;
  }

  .bf-intelligence-pipeline__flow ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-intelligence-pipeline__flow > span {
    display: none;
  }

  .bf-intelligence-pipeline__flow {
    padding-left: 0;
  }

  .bf-intelligence-step:hover {
    transform: translateY(-3px);
  }
}

@media (max-width: 860px) {
  .bf-intelligence-console__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-intelligence-console__body {
    grid-template-columns: 1fr;
  }

  .bf-intelligence-graph {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
  }

  .bf-intelligence-console__context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-intelligence-console__provenance-button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .bf-intelligence {
    padding-block: 94px;
  }

  .bf-intelligence__header h2 {
    font-size: clamp(2.45rem, 11vw, 3.9rem);
  }

  .bf-intelligence-console {
    border-radius: 24px;
  }

  .bf-intelligence-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-intelligence-console__status-group {
    justify-content: flex-start;
  }

  .bf-intelligence-console__context,
  .bf-intelligence-console__metrics,
  .bf-intelligence-pipeline__flow ol,
  .bf-intelligence-console__footer {
    grid-template-columns: 1fr;
  }

  .bf-intelligence-graph > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-intelligence-graph__relations {
    justify-content: flex-start;
  }

  .bf-intelligence-graph__canvas {
    min-height: 250px;
  }

  .bf-intelligence__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-intelligence__trust-line > span {
    white-space: normal;
  }

  .bf-intelligence-provenance {
    top: 164px;
    right: 14px;
    width: calc(100% - 28px);
  }

  .bf-intelligence-provenance dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-intelligence-step:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-intelligence[data-bf-intelligence-status="analysing"]
  .bf-intelligence-console__status > span,
  .bf-intelligence[data-bf-intelligence-status="analysing"]
  .bf-intelligence-graph__links {
    animation: none !important;
  }

  .bf-intelligence-step,
  .bf-intelligence-graph__node circle,
  .bf-intelligence-graph__node text,
  .bf-intelligence-pipeline__flow > span > span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-intelligence-console,
  .bf-intelligence-provenance {
    background: var(--bf-surface);
  }
}

.bf-header__bar {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .11);
  background:
    linear-gradient(
      132deg,
      rgba(255, 255, 255, .11),
      rgba(255, 255, 255, .025) 24%,
      transparent 48%
    ),
    rgba(8, 15, 27, .74);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, .35),
    inset 0 1px 0 rgba(255, 255, 255, .09);
  backdrop-filter: blur(24px) saturate(122%);
  -webkit-backdrop-filter: blur(24px) saturate(122%);
}

.bf-header__bar::before,
.bf-header__bar::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.bf-header__bar::before {
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(
      420px 120px at 8% 0%,
      rgba(125, 235, 255, .095),
      transparent 72%
    ),
    linear-gradient(
      118deg,
      rgba(255, 255, 255, .08),
      transparent 26%
    );
}

.bf-header__bar::after {
  z-index: 1;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, .025);
  border-radius: inherit;
  box-shadow:
    inset 0 -1px 0 rgba(121, 168, 255, .045);
}

.bf-header__bar > * {
  position: relative;
  z-index: 2;
}

.bf-site-header[data-scrolled="true"] .bf-header__bar {
  background:
    linear-gradient(
      132deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .018) 25%,
      transparent 50%
    ),
    rgba(7, 13, 24, .88);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, .4),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.bf-header__nav {
  gap: 5px;
}

.bf-header__nav a {
  padding-inline: 14px;
}

.bf-platform-system__header,
.bf-intelligence-console__header,
.bf-decision-console__header,
.bf-evidence-console__header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .012) 28%,
      transparent 55%
    ),
    rgba(255, 255, 255, .008);
}

.bf-platform-system__header::before,
.bf-intelligence-console__header::before,
.bf-decision-console__header::before,
.bf-evidence-console__header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      360px 130px at 5% 0%,
      rgba(125, 235, 255, .085),
      transparent 72%
    );
}

.bf-platform-system__header > *,
.bf-intelligence-console__header > *,
.bf-decision-console__header > *,
.bf-evidence-console__header > * {
  position: relative;
  z-index: 1;
}

.bf-platform-overview__layout {
  grid-template-columns:
    minmax(320px, .72fr)
    minmax(0, 1.28fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: start;
}

.bf-platform-system {
  position: sticky;
  top: 112px;
  align-self: start;
  min-width: 0;
}

.bf-complexity-bridge {
  width: 100%;
  min-width: 0;
  grid-template-columns: max-content minmax(80px, 1fr) max-content;
}

.bf-complexity-bridge__line {
  min-width: 0;
  overflow: hidden;
  background: transparent;
}

.bf-complexity-bridge__line::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .12),
      rgba(125, 235, 255, .36),
      rgba(121, 168, 255, .12)
    );
}

.bf-evidence__layout {
  grid-template-columns:
    minmax(300px, .72fr)
    minmax(0, 1.28fr);
  gap: clamp(28px, 4.2vw, 64px);
  align-items: start;
  min-width: 0;
}

.bf-evidence-domains,
.bf-evidence-console {
  min-width: 0;
}

.bf-evidence-console {
  position: sticky;
  top: 112px;
  align-self: start;
}

.bf-evidence__trust-line {
  position: relative;
  width: 100%;
  border-top: 0;
}

.bf-evidence__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

main section[id] {
  scroll-margin-top: 112px;
}

@media (max-width: 1280px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (max-width: 1040px) {
  .bf-platform-overview__layout,
  .bf-evidence__layout {
    grid-template-columns: 1fr;
  }

  .bf-platform-system,
  .bf-evidence-console {
    position: relative;
    top: auto;
  }

  .bf-evidence-domains {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-evidence-domain:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .bf-complexity-bridge {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-complexity-bridge__line {
    width: 100%;
    height: 1px;
  }

  .bf-evidence-domains {
    grid-template-columns: 1fr;
  }

  .bf-evidence-domain:last-child {
    grid-column: auto;
  }
}

.bf-decision {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      820px 580px at 90% 14%,
      rgba(121, 168, 255, .075),
      transparent 72%
    ),
    radial-gradient(
      680px 520px at 8% 84%,
      rgba(77, 230, 230, .035),
      transparent 74%
    ),
    linear-gradient(
      180deg,
      var(--bf-background),
      var(--bf-deep-space)
    );
}

.bf-decision__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .07;
}

.bf-decision__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-decision-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .27);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-decision-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .5;
}

.bf-decision__header {
  max-width: 980px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-decision__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-decision__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.25rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-decision__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-decision__header p {
  max-width: 74ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-decision__layout {
  display: grid;
  grid-template-columns:
    minmax(280px, .62fr)
    minmax(0, 1.38fr);
  grid-template-areas: "rail console";
  gap: clamp(34px, 5vw, 74px);
  align-items: start;
}

.bf-decision-rail {
  grid-area: rail;
  position: sticky;
  top: 112px;
}

.bf-decision-rail__intro {
  margin-bottom: 24px;
}

.bf-decision-rail__intro > span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-decision-rail__intro h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-decision-rail__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-decision-rail ol {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 0 0 0 24px;
  margin: 0;
  list-style: none;
}

.bf-decision-rail ol::before {
  content: "";
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 7px;
  width: 2px;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      rgba(121, 168, 255, .18),
      rgba(125, 235, 255, .07)
    );
}

.bf-decision-rail li {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 17px;
  color: var(--bf-muted);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .42);
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-decision-rail li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -21px;
  width: 9px;
  height: 9px;
  border: 1px solid rgba(169, 182, 211, .32);
  border-radius: 50%;
  background: var(--bf-background);
  transform: translateY(-50%);
}

.bf-decision-rail li[data-active="true"],
.bf-decision-rail li[data-complete="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .17);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .08),
      rgba(77, 230, 230, .012)
    ),
    rgba(14, 23, 38, .56);
}

.bf-decision-rail li[data-active="true"]::before {
  border-color: rgba(125, 235, 255, .62);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .3);
}

.bf-decision-rail li[data-complete="true"]::before {
  border-color: rgba(67, 217, 140, .52);
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67, 217, 140, .2);
}

.bf-decision-rail li > span {
  color: var(--bf-accent-cyan);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.bf-decision-rail li > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-decision-rail li small {
  color: var(--bf-accent-cyan);
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-decision-rail li strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .9rem;
  letter-spacing: -.02em;
}

.bf-decision-rail li p {
  margin: 4px 0 0;
  color: var(--bf-muted);
  font-size: .65rem;
  line-height: 1.45;
}

.bf-decision-rail__principle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding: 15px;
  border: 1px solid rgba(121, 168, 255, .12);
  border-radius: 17px;
  background: rgba(121, 168, 255, .035);
}

.bf-decision-rail__principle .bf-icon {
  width: 25px;
  height: 25px;
  color: var(--bf-accent-cyan);
}

.bf-decision-rail__principle div {
  display: grid;
  gap: 3px;
}

.bf-decision-rail__principle small {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-decision-rail__principle strong {
  font-size: .7rem;
}

.bf-decision-console {
  grid-area: console;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-decision-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      520px 320px at 0% 0%,
      rgba(121, 168, 255, .105),
      transparent 72%
    );
}

.bf-decision-console__header {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-decision-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-decision-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-decision-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-decision-console__identity > div {
  min-width: 0;
}

.bf-decision-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-decision-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-decision-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-decision-console__classification,
.bf-decision-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-decision-console__classification {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-decision-console__status {
  color: var(--bf-warning);
  border: 1px solid rgba(248, 193, 90, .14);
  background: rgba(248, 193, 90, .04);
}

.bf-decision-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(248, 193, 90, .38);
}

.bf-decision[data-bf-decision-status="ready-to-prepare"]
.bf-decision-console__status,
.bf-decision[data-bf-decision-status="prepared-for-human-review"]
.bf-decision-console__status {
  color: var(--bf-success);
  border-color: rgba(67, 217, 140, .15);
  background: rgba(67, 217, 140, .04);
}

.bf-decision-console__context-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-decision-console__context-grid article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-decision-console__context-grid span {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-decision-console__context-grid strong {
  overflow: hidden;
  font-size: .68rem;
  line-height: 1.42;
  text-overflow: ellipsis;
}

.bf-decision-brief,
.bf-decision-paths,
.bf-decision-gates,
.bf-decision-rationale {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-decision-brief > header,
.bf-decision-paths > header,
.bf-decision-gates > header {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}

.bf-decision-brief > header > div:first-child > span,
.bf-decision-paths > header > span,
.bf-decision-gates > header > span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-decision-brief h4,
.bf-decision-paths h4,
.bf-decision-gates h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-decision-readiness {
  min-width: 154px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 10px;
  align-items: center;
}

.bf-decision-readiness > span:first-child {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-decision-readiness > strong {
  font-size: .72rem;
}

.bf-decision-readiness > span:last-child {
  grid-column: 1 / -1;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.bf-decision-readiness > span:last-child > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  box-shadow: 0 0 12px rgba(125, 235, 255, .2);
  transform: scaleX(0);
  transform-origin: left;
  transition:
    transform var(--bf-motion-smooth)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-decision-brief > p {
  margin: 0 0 16px;
  color: var(--bf-muted);
  font-size: .73rem;
  line-height: 1.58;
}

.bf-decision-brief__evidence {
  display: grid;
  grid-template-columns: .58fr .58fr 1.84fr;
  gap: 10px;
}

.bf-decision-brief__evidence > div {
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-decision-brief__evidence span {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-decision-brief__evidence strong {
  font-size: .69rem;
  line-height: 1.42;
}

.bf-decision-brief__evidence > div:nth-child(-n + 2) strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.45rem;
  letter-spacing: -.035em;
}

.bf-decision-brief__uncertainty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  margin-top: 10px;
  padding: 13px;
  border: 1px solid rgba(248, 193, 90, .12);
  border-radius: 14px;
  background: rgba(248, 193, 90, .025);
}

.bf-decision-brief__uncertainty .bf-icon {
  width: 22px;
  height: 22px;
  color: var(--bf-warning);
}

.bf-decision-brief__uncertainty div {
  display: grid;
  gap: 3px;
}

.bf-decision-brief__uncertainty small {
  color: var(--bf-warning);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-decision-brief__uncertainty strong {
  font-size: .65rem;
  line-height: 1.45;
}

.bf-decision-paths__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.bf-decision-path {
  min-width: 0;
  min-height: 162px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 10px;
  gap: 11px;
  align-items: start;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 16px;
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .42);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-decision-path:hover:not(:disabled),
.bf-decision-path:focus-visible,
.bf-decision-path[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .2);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .014)
    ),
    rgba(14, 23, 38, .58);
}

.bf-decision-path:hover:not(:disabled) {
  transform: translateY(-3px);
}

.bf-decision-path[data-recommended="true"] {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 0 20px rgba(92, 146, 255, .055);
}

.bf-decision-path:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.bf-decision-path > .bf-icon {
  width: 24px;
  height: 24px;
  color: var(--bf-accent-cyan);
}

.bf-decision-path > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.bf-decision-path small {
  color: var(--bf-accent-cyan);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-decision-path strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .84rem;
  letter-spacing: -.02em;
}

.bf-decision-path p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .63rem;
  line-height: 1.47;
}

.bf-decision-path > span:last-child {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border: 1px solid rgba(169, 182, 211, .34);
  border-radius: 50%;
}

.bf-decision-path[data-selected="true"] > span:last-child {
  border-color: rgba(125, 235, 255, .62);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .3);
}

.bf-decision-gates__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.bf-decision-gates label {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
  cursor: pointer;
}

.bf-decision-gates input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: var(--bf-accent-cyan);
}

.bf-decision-gates label > span {
  display: grid;
  gap: 4px;
}

.bf-decision-gates strong {
  font-size: .68rem;
}

.bf-decision-gates small {
  color: var(--bf-muted);
  font-size: .6rem;
  line-height: 1.42;
}

.bf-decision-rationale {
  display: grid;
  gap: 8px;
}

.bf-decision-rationale label {
  color: var(--bf-accent-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-decision-rationale textarea {
  width: 100%;
  resize: vertical;
  min-height: 104px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  color: var(--bf-text);
  background: rgba(3, 9, 18, .32);
  font: inherit;
  font-size: .7rem;
  line-height: 1.55;
}

.bf-decision-rationale textarea:focus {
  border-color: rgba(125, 235, 255, .3);
  outline: 2px solid rgba(125, 235, 255, .16);
  outline-offset: 2px;
}

.bf-decision-rationale > small {
  color: var(--bf-muted);
  font-size: .58rem;
}

.bf-decision-console__footer {
  display: grid;
  grid-template-columns:
    minmax(0, .78fr)
    minmax(0, 1.22fr);
  gap: 10px;
  padding: 18px 20px 20px;
}

.bf-decision-console__secondary {
  min-height: 46px;
  border: 1px solid var(--bf-border);
  border-radius: 14px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .7rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-decision-console__secondary:hover {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-decision-console__footer .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.bf-decision-console__footer .bf-button:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.bf-decision-prepared {
  position: absolute;
  z-index: 8;
  right: 20px;
  bottom: 20px;
  width: min(470px, calc(100% - 40px));
  padding: 17px;
  border: 1px solid rgba(67, 217, 140, .18);
  border-radius: 18px;
  background:
    linear-gradient(
      135deg,
      rgba(67, 217, 140, .055),
      rgba(255, 255, 255, .012)
    ),
    rgba(8, 15, 27, .98);
  box-shadow:
    0 28px 84px rgba(0, 0, 0, .52),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.bf-decision-prepared[hidden] {
  display: none;
}

.bf-decision-prepared > header {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-decision-prepared > header span {
  color: var(--bf-success);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-decision-prepared h4 {
  margin: 4px 0 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1rem;
}

.bf-decision-prepared > header button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--bf-border);
  border-radius: 10px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
}

.bf-decision-prepared dl {
  display: grid;
  gap: 8px;
  margin: 13px 0 0;
}

.bf-decision-prepared dl > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
}

.bf-decision-prepared dt {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-decision-prepared dd {
  margin: 0;
  font-size: .64rem;
  line-height: 1.45;
}

.bf-decision-prepared > p {
  margin: 13px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  color: var(--bf-muted);
  font-size: .6rem;
  line-height: 1.45;
}

.bf-decision__trust-line {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
}

.bf-decision__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

.bf-decision__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-decision__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-decision__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-decision__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

@media (max-width: 1120px) {
  .bf-decision__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "rail";
  }

  .bf-decision-rail {
    position: relative;
    top: auto;
  }

  .bf-decision-rail ol {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    padding-left: 0;
  }

  .bf-decision-rail ol::before,
  .bf-decision-rail li::before {
    display: none;
  }
}

@media (max-width: 860px) {
  .bf-decision-console__context-grid,
  .bf-decision-paths__grid,
  .bf-decision-gates__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-decision-path:last-child,
  .bf-decision-gates label:last-child {
    grid-column: 1 / -1;
  }

  .bf-decision-brief__evidence {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-decision-brief__evidence > div:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .bf-decision {
    padding-block: 94px;
  }

  .bf-decision__header h2 {
    font-size:
      clamp(2.4rem, 11vw, 3.8rem);
  }

  .bf-decision-console {
    border-radius: 24px;
  }

  .bf-decision-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-decision-console__status-group {
    justify-content: flex-start;
  }

  .bf-decision-console__context-grid,
  .bf-decision-paths__grid,
  .bf-decision-gates__grid,
  .bf-decision-brief__evidence,
  .bf-decision-console__footer,
  .bf-decision-rail ol {
    grid-template-columns: 1fr;
  }

  .bf-decision-path:last-child,
  .bf-decision-gates label:last-child,
  .bf-decision-brief__evidence > div:last-child {
    grid-column: auto;
  }

  .bf-decision-brief > header,
  .bf-decision-paths > header,
  .bf-decision-gates > header {
    flex-direction: column;
  }

  .bf-decision-readiness {
    width: 100%;
  }

  .bf-decision__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-decision__trust-line > span {
    white-space: normal;
  }

  .bf-decision-prepared {
    right: 14px;
    bottom: 14px;
    width: calc(100% - 28px);
  }

  .bf-decision-prepared dl > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-decision-path:hover:not(:disabled) {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-decision-rail li,
  .bf-decision-path,
  .bf-decision-readiness > span:last-child > span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-header__bar,
  .bf-platform-system,
  .bf-intelligence-console,
  .bf-decision-console,
  .bf-evidence-console,
  .bf-decision-prepared {
    background: var(--bf-surface);
  }
}

.bf-complexity-bridge__line {
  height: 2px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .18),
      rgba(125, 235, 255, .62),
      rgba(121, 168, 255, .18)
    );
}

.bf-complexity-bridge__line::before {
  display: none;
}

.bf-header__bar > .bf-glass-reflection {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  pointer-events: none;
}

.bf-header__bar > :not(.bf-glass-reflection) {
  position: relative;
  z-index: 2;
}

.bf-header__bar {
  width: min(1560px, calc(100% - 24px));
  min-height: 70px;
  grid-template-columns:
    minmax(176px, max-content)
    minmax(0, 1fr)
    max-content;
  grid-template-rows: 1fr;
  gap: clamp(8px, 1vw, 18px);
  align-items: center;
  padding: 8px 9px 8px 14px;
}

.bf-header__brand,
.bf-header__actions,
.bf-menu-button,
.bf-header__cta {
  align-self: center;
}

.bf-header__brand {
  min-width: 0;
  white-space: nowrap;
}

.bf-header__actions {
  min-width: max-content;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.bf-header__cta,
.bf-menu-button {
  flex: 0 0 auto;
}

.bf-header__nav {
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(0px, .22vw, 4px);
  align-items: center;
  justify-content: center;
  overflow: visible;
  white-space: nowrap;
}

.bf-header__nav a {
  min-width: 0;
  min-height: 40px;
  flex: 0 1 auto;
  padding-inline: clamp(5px, .42vw, 9px);
  font-size: clamp(.64rem, .61vw, .77rem);
  white-space: nowrap;
}

.bf-header__nav a::after {
  left: 7px;
  right: 7px;
}

.bf-menu-button {
  min-width: 96px;
  min-height: 46px;
}

@media (max-width: 1500px) {
  .bf-header__wordmark small {
    display: none;
  }
}

@media (max-width: 1160px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
}

@media (max-width: 760px) {
  .bf-header__cta,
  .bf-menu-button__label,
  .bf-header__wordmark small {
    display: none;
  }

  .bf-header__bar {
    width: calc(100% - 16px);
    min-height: 62px;
    grid-template-columns: minmax(0, 1fr) 46px;
    gap: 8px;
    padding: 7px;
  }

  .bf-header__actions {
    width: 46px;
  }

  .bf-menu-button {
    width: 46px;
    min-width: 46px;
    height: 46px;
    padding: 0 12px;
  }
}

@media (max-width: 420px) {
  .bf-header__wordmark strong {
    font-size: .9rem;
  }

  .bf-header__beacon {
    width: 36px;
    height: 36px;
  }
}

.bf-menu-drawer__body {
  scrollbar-gutter: stable;
}

.bf-menu-drawer__nav a {
  min-height: 68px;
}

.bf-platform-overview {
  overflow: clip;
}

.bf-platform-overview__layout {
  grid-template-columns:
    minmax(280px, .64fr)
    minmax(0, 1.36fr);
  gap: clamp(26px, 4.2vw, 68px);
  align-items: start;
}

.bf-platform-system {
  position: sticky;
  top: 104px;
  align-self: start;
  min-width: 0;
}

.bf-complexity-bridge {
  grid-template-columns: max-content minmax(72px, 1fr) max-content;
  min-width: 0;
}

.bf-complexity-bridge__line {
  width: 100%;
  min-width: 0;
  height: 2px;
  overflow: visible;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .16),
      rgba(125, 235, 255, .62),
      rgba(121, 168, 255, .16)
    );
}

.bf-complexity-bridge__line::before {
  display: none;
}

.bf-evidence__layout {
  grid-template-columns:
    minmax(260px, .66fr)
    minmax(0, 1.34fr);
  gap: clamp(24px, 4vw, 62px);
  align-items: start;
}

.bf-evidence-domains {
  grid-template-columns: 1fr;
  min-width: 0;
}

.bf-evidence-domain:last-child {
  grid-column: auto;
}

.bf-evidence-console {
  position: sticky;
  top: 104px;
  align-self: start;
  min-width: 0;
}

.bf-evidence__trust-line {
  position: relative;
  width: 100%;
  border-top: 0;
}

.bf-evidence__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .3),
      rgba(121, 168, 255, .08)
    );
}

@media (max-width: 920px) {
  .bf-platform-overview__layout,
  .bf-evidence__layout {
    grid-template-columns: 1fr;
  }

  .bf-platform-system,
  .bf-evidence-console {
    position: relative;
    top: auto;
  }

  .bf-evidence-domains {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-evidence-domain:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .bf-evidence-domains {
    grid-template-columns: 1fr;
  }

  .bf-evidence-domain:last-child {
    grid-column: auto;
  }
}

.bf-dashboard-console__header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .012) 28%,
      transparent 55%
    ),
    rgba(255, 255, 255, .008);
}

.bf-dashboard-console__header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      360px 130px at 5% 0%,
      rgba(125, 235, 255, .085),
      transparent 72%
    );
}

.bf-dashboard-console__header > * {
  position: relative;
  z-index: 1;
}

.bf-dashboard {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      860px 620px at 91% 16%,
      rgba(121, 168, 255, .075),
      transparent 72%
    ),
    radial-gradient(
      700px 540px at 7% 84%,
      rgba(77, 230, 230, .035),
      transparent 74%
    ),
    linear-gradient(180deg, var(--bf-deep-space), var(--bf-background));
}

.bf-dashboard__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .07;
}

.bf-dashboard__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-dashboard-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .27);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-dashboard-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .5;
}

.bf-dashboard__header {
  max-width: 980px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-dashboard__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-dashboard__header h2 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.25rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-dashboard__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-dashboard__header p {
  max-width: 75ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-dashboard__layout {
  display: grid;
  grid-template-columns:
    minmax(270px, .58fr)
    minmax(0, 1.42fr);
  grid-template-areas: "views console";
  gap: clamp(30px, 4.8vw, 72px);
  align-items: start;
}

.bf-dashboard-views {
  grid-area: views;
  position: sticky;
  top: 104px;
}

.bf-dashboard-views__intro {
  margin-bottom: 24px;
}

.bf-dashboard-views__intro > span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-dashboard-views__intro h3 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-dashboard-views__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-dashboard-views__list {
  display: grid;
  gap: 10px;
}

.bf-dashboard-views__list button {
  width: 100%;
  min-height: 76px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 10px;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 16px;
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .42);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal) cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-dashboard-views__list button:hover,
.bf-dashboard-views__list button:focus-visible,
.bf-dashboard-views__list button[data-active="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .2);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .014)
    ),
    rgba(14, 23, 38, .58);
}

.bf-dashboard-views__list button:hover {
  transform: translateX(3px);
}

.bf-dashboard-views__list button > span:first-child {
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
}

.bf-dashboard-views__list button > div {
  display: grid;
  gap: 3px;
}

.bf-dashboard-views__list small {
  color: var(--bf-accent-cyan);
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-dashboard-views__list strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: .9rem;
}

.bf-dashboard-views__list button > span:last-child {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(169, 182, 211, .34);
  border-radius: 50%;
}

.bf-dashboard-views__list button[data-active="true"] > span:last-child {
  border-color: rgba(125, 235, 255, .62);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .3);
}

.bf-dashboard-views__principle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding: 15px;
  border: 1px solid rgba(121, 168, 255, .12);
  border-radius: 17px;
  background: rgba(121, 168, 255, .035);
}

.bf-dashboard-views__principle .bf-icon {
  width: 25px;
  height: 25px;
  color: var(--bf-accent-cyan);
}

.bf-dashboard-views__principle div {
  display: grid;
  gap: 3px;
}

.bf-dashboard-views__principle small {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-dashboard-views__principle strong {
  font-size: .7rem;
}

.bf-dashboard-console {
  grid-area: console;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-dashboard-console__header {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-dashboard-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-dashboard-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-dashboard-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-dashboard-console__identity > div {
  min-width: 0;
}

.bf-dashboard-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-dashboard-console__identity h3 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-dashboard-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-dashboard-console__classification,
.bf-dashboard-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-dashboard-console__classification {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-dashboard-console__status {
  color: var(--bf-success);
  border: 1px solid rgba(67, 217, 140, .14);
  background: rgba(67, 217, 140, .04);
}

.bf-dashboard-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .5);
}

.bf-dashboard[data-bf-dashboard-status="awaiting-intelligence"]
.bf-dashboard-console__status {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .14);
  background: rgba(248, 193, 90, .04);
}

.bf-dashboard-sources,
.bf-dashboard-view,
.bf-dashboard-console__lower {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-dashboard-sources > header,
.bf-dashboard-view > header,
.bf-dashboard-priorities > header {
  margin-bottom: 15px;
}

.bf-dashboard-sources > header > span,
.bf-dashboard-view > header span,
.bf-dashboard-priorities > header span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-dashboard-sources h4,
.bf-dashboard-view h4,
.bf-dashboard-priorities h4 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-dashboard-sources__flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.bf-dashboard-sources__flow article {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 8px;
  gap: 9px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-dashboard-sources__flow .bf-icon {
  width: 20px;
  height: 20px;
  color: var(--bf-accent-cyan);
}

.bf-dashboard-sources__flow article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-dashboard-sources__flow small {
  color: var(--bf-muted);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-dashboard-sources__flow strong {
  overflow: hidden;
  font-size: .65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-dashboard-sources__flow article > span:last-child {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bf-warning);
  box-shadow: 0 0 10px rgba(248, 193, 90, .28);
}

.bf-dashboard-sources__flow article[data-state="connected"] > span:last-child {
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67, 217, 140, .34);
}

.bf-dashboard-console__context {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-dashboard-console__context > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-dashboard-console__context span {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-dashboard-console__context strong {
  overflow: hidden;
  font-size: .68rem;
  line-height: 1.42;
  text-overflow: ellipsis;
}

.bf-dashboard-view > header {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(240px, 1.3fr);
  gap: 20px;
  align-items: start;
}

.bf-dashboard-view > header p,
.bf-dashboard-view__summary {
  margin: 0;
  color: var(--bf-muted);
  font-size: .7rem;
  line-height: 1.55;
}

.bf-dashboard-view__summary {
  margin-bottom: 16px;
  padding: 13px;
  border: 1px solid rgba(121, 168, 255, .1);
  border-radius: 14px;
  background: rgba(121, 168, 255, .025);
}

.bf-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.bf-dashboard-metrics article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 15px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .05),
      rgba(255, 255, 255, .01)
    );
}

.bf-dashboard-metrics article[data-tone="positive"] {
  border-color: rgba(67, 217, 140, .13);
}

.bf-dashboard-metrics article[data-tone="warning"] {
  border-color: rgba(248, 193, 90, .13);
}

.bf-dashboard-metrics span {
  color: var(--bf-muted);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-dashboard-metrics strong {
  overflow-wrap: anywhere;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(1.15rem, 2.3vw, 1.8rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.bf-dashboard-metrics small {
  color: rgba(169, 182, 211, .65);
  font-size: .57rem;
  line-height: 1.35;
}

.bf-dashboard-console__lower {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(230px, .75fr);
  gap: 14px;
}

.bf-dashboard-priorities ol {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: bf-dashboard-priority;
}

.bf-dashboard-priorities li {
  counter-increment: bf-dashboard-priority;
  min-height: 48px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .016);
  font-size: .64rem;
  line-height: 1.42;
}

.bf-dashboard-priorities li::before {
  content: counter(bf-dashboard-priority, decimal-leading-zero);
  color: var(--bf-accent-cyan);
  font-size: .56rem;
  font-weight: 800;
}

.bf-dashboard-human-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 15px;
  border: 1px solid rgba(248, 193, 90, .12);
  border-radius: 16px;
  background: rgba(248, 193, 90, .025);
}

.bf-dashboard-human-action .bf-icon {
  width: 24px;
  height: 24px;
  color: var(--bf-warning);
}

.bf-dashboard-human-action div {
  display: grid;
  gap: 5px;
}

.bf-dashboard-human-action small {
  color: var(--bf-warning);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-dashboard-human-action strong {
  font-size: .66rem;
  line-height: 1.48;
}

.bf-dashboard-console__footer {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: center;
  padding: 18px 20px 20px;
}

.bf-dashboard-console__footer > div {
  display: grid;
  gap: 4px;
}

.bf-dashboard-console__footer > div span {
  color: var(--bf-muted);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-dashboard-console__footer > div strong {
  font-size: .65rem;
}

.bf-dashboard-console__footer .bf-button {
  width: 100%;
}

.bf-dashboard__trust-line {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
}

.bf-dashboard__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

.bf-dashboard__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-dashboard__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-dashboard__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-dashboard__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

@media (max-width: 1080px) {
  .bf-dashboard__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "views";
  }

  .bf-dashboard-views {
    position: relative;
    top: auto;
  }

  .bf-dashboard-views__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .bf-dashboard-sources__flow,
  .bf-dashboard-console__context,
  .bf-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-dashboard-console__lower {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .bf-dashboard {
    padding-block: 94px;
  }

  .bf-dashboard__header h2 {
    font-size: clamp(2.4rem, 11vw, 3.8rem);
  }

  .bf-dashboard-console {
    border-radius: 24px;
  }

  .bf-dashboard-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-dashboard-console__status-group {
    justify-content: flex-start;
  }

  .bf-dashboard-views__list,
  .bf-dashboard-sources__flow,
  .bf-dashboard-console__context,
  .bf-dashboard-metrics,
  .bf-dashboard-view > header,
  .bf-dashboard-console__footer {
    grid-template-columns: 1fr;
  }

  .bf-dashboard__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-dashboard__trust-line > span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-dashboard-views__list button:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-dashboard-views__list button {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-header__bar,
  .bf-dashboard-console {
    background: var(--bf-surface);
  }
}

.bf-platform-overview__layout {
  grid-template-columns:
    minmax(300px, .72fr)
    minmax(0, 1.28fr);
}

.bf-platform-overview__copy h2 {
  max-width: 100%;
  font-size: clamp(2.7rem, 3.9vw, 3.5rem);
  overflow-wrap: normal;
}

.bf-menu-drawer__nav {
  gap: 5px;
}

.bf-menu-drawer__nav a {
  min-height: 58px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 2px 10px;
  padding: 8px 10px;
  border-radius: 14px;
}

.bf-menu-drawer__nav a strong {
  font-size: .86rem;
}

.bf-menu-drawer__nav a small {
  font-size: .64rem;
  line-height: 1.3;
}

.bf-menu-drawer__nav a > span {
  font-size: .64rem;
}

@media (max-width: 920px) {
  .bf-platform-overview__copy h2 {
    max-width: 13ch;
    font-size: clamp(2.65rem, 7.4vw, 4.2rem);
  }
}

@media (max-width: 920px) {
  .bf-platform-overview__layout,
  .bf-evidence__layout {
    grid-template-columns: 1fr;
  }

  .bf-platform-system,
  .bf-evidence-console {
    position: relative;
    top: auto;
  }
}

@media (max-width: 720px) {
  .bf-hero {
    padding-top:
      max(
        96px,
        calc(env(safe-area-inset-top) + 88px)
      );
  }

  .bf-hero__layout,
  .bf-hero__headline,
  .bf-hero__headline-visual,
  .bf-hero__headline-line {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .bf-hero__headline {
    font-size:
      clamp(
        2.15rem,
        9.4vw,
        3.4rem
      );
    line-height: 1.01;
    letter-spacing: -.058em;
    text-wrap: pretty;
  }

  .bf-hero__headline-line {
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 390px) {
  .bf-hero__headline {
    font-size:
      clamp(
        2.08rem,
        9.1vw,
        2.35rem
      );
  }
}

.bf-header__nav {
  gap: clamp(0px, .14vw, 3px);
}

.bf-header__nav a {
  padding-inline: clamp(4px, .33vw, 7px);
  font-size: clamp(.6rem, .565vw, .72rem);
}

@media (max-width: 1260px) {
  .bf-header__wordmark small {
    display: none;
  }

  .bf-header__nav a {
    padding-inline: 4px;
    font-size: .61rem;
  }
}

@media (max-width: 1180px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
}

.bf-data-layer {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      860px 620px at 91% 13%,
      rgba(121, 168, 255, .075),
      transparent 72%
    ),
    radial-gradient(
      700px 520px at 7% 84%,
      rgba(77, 230, 230, .035),
      transparent 74%
    ),
    linear-gradient(
      180deg,
      var(--bf-deep-space),
      var(--bf-background)
    );
}

.bf-data-layer__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .07;
}

.bf-data-layer__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-data-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .27);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-data-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .5;
}

.bf-data-layer__header {
  max-width: 980px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-data-layer__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-data-layer__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-data-layer__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-data-layer__header p {
  max-width: 74ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-data-layer__layout {
  display: grid;
  grid-template-columns:
    minmax(300px, .7fr)
    minmax(0, 1.3fr);
  grid-template-areas: "sources console";
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
}

.bf-data-sources {
  grid-area: sources;
  position: sticky;
  top: 112px;
  min-width: 0;
}

.bf-data-sources__intro {
  margin-bottom: 24px;
}

.bf-data-sources__intro > span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-data-sources__intro h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-data-sources__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-data-sources__list {
  display: grid;
  gap: 10px;
}

.bf-data-source-card {
  width: 100%;
  min-height: 108px;
  display: grid;
  grid-template-columns:
    28px
    24px
    minmax(0, 1fr)
    10px;
  gap: 10px;
  align-items: start;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 17px;
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .42);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-data-source-card:hover,
.bf-data-source-card:focus-visible,
.bf-data-source-card[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .2);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .014)
    ),
    rgba(14, 23, 38, .58);
}

.bf-data-source-card:hover {
  transform: translateY(-3px);
}

.bf-data-source-card > span:first-child {
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.bf-data-source-card > .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-data-source-card > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.bf-data-source-card small {
  color: var(--bf-accent-cyan);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-data-source-card strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .9rem;
  letter-spacing: -.02em;
}

.bf-data-source-card p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .62rem;
  line-height: 1.46;
}

.bf-data-source-card > span:last-child {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border: 1px solid rgba(169, 182, 211, .34);
  border-radius: 50%;
}

.bf-data-source-card[data-active="true"] > span:last-child {
  border-color: rgba(67, 217, 140, .56);
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67, 217, 140, .24);
}

.bf-data-source-card[data-selected="true"]:not([data-active="true"])
> span:last-child {
  border-color: rgba(125, 235, 255, .62);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .3);
}

.bf-data-pipeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 18px 0 0;
  margin: 18px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
  list-style: none;
}

.bf-data-pipeline li {
  display: grid;
  gap: 4px;
  justify-items: center;
  color: var(--bf-muted);
  text-align: center;
}

.bf-data-pipeline li span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(169, 182, 211, .25);
  border-radius: 50%;
  font-size: .53rem;
  font-weight: 800;
}

.bf-data-pipeline li strong {
  font-size: .53rem;
}

.bf-data-pipeline li[data-complete="true"] span {
  color: var(--bf-background);
  border-color: var(--bf-success);
  background: var(--bf-success);
}

.bf-data-pipeline li[data-active="true"] {
  color: var(--bf-text);
}

.bf-data-pipeline li[data-active="true"] span {
  color: var(--bf-background);
  border-color: var(--bf-accent-cyan);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .25);
}

.bf-data-console {
  grid-area: console;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-data-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      520px 320px at 0% 0%,
      rgba(121, 168, 255, .105),
      transparent 72%
    );
}

.bf-data-console__header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .012) 28%,
      transparent 55%
    ),
    rgba(255, 255, 255, .008);
}

.bf-data-console__header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      360px 130px at 5% 0%,
      rgba(125, 235, 255, .085),
      transparent 72%
    );
}

.bf-data-console__header > * {
  position: relative;
  z-index: 1;
}

.bf-data-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-data-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-data-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-data-console__identity > div {
  min-width: 0;
}

.bf-data-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-data-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-data-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-data-console__classification,
.bf-data-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-data-console__classification {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-data-console__status {
  color: var(--bf-success);
  border: 1px solid rgba(67, 217, 140, .14);
  background: rgba(67, 217, 140, .04);
}

.bf-data-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .45);
}

.bf-data-layer[data-bf-data-status="validating"]
.bf-data-console__status {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .16);
  background: rgba(125, 235, 255, .04);
}

.bf-data-layer[data-bf-data-status="error"]
.bf-data-console__status {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .16);
  background: rgba(248, 193, 90, .04);
}

.bf-data-console__context {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-data-console__context > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-data-console__context span {
  color: var(--bf-muted);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-data-console__context strong {
  overflow: hidden;
  font-size: .69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-data-console__selected,
.bf-data-config,
.bf-data-quality,
.bf-data-validation {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-data-console__selected > span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-data-console__selected h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.25rem;
  letter-spacing: -.03em;
}

.bf-data-console__selected p {
  margin: 8px 0 0;
  color: var(--bf-muted);
  font-size: .69rem;
  line-height: 1.52;
}

.bf-data-config__panel {
  display: grid;
  gap: 12px;
}

.bf-data-config__panel[hidden] {
  display: none;
}

.bf-data-config__reference {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 13px;
  border: 1px solid rgba(67, 217, 140, .12);
  border-radius: 14px;
  background: rgba(67, 217, 140, .025);
}

.bf-data-config__reference .bf-icon {
  width: 22px;
  height: 22px;
  color: var(--bf-success);
}

.bf-data-config__reference strong {
  font-size: .7rem;
}

.bf-data-config__reference p {
  margin: 4px 0 0;
  color: var(--bf-muted);
  font-size: .62rem;
  line-height: 1.46;
}

.bf-data-file {
  display: grid;
  gap: 8px;
  padding: 15px;
  border: 1px dashed rgba(125, 235, 255, .22);
  border-radius: 15px;
  background: rgba(125, 235, 255, .025);
}

.bf-data-file > span,
.bf-data-rest-form label > span {
  color: var(--bf-accent-cyan);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-data-file input {
  width: 100%;
  color: var(--bf-muted);
  font-size: .68rem;
}

.bf-data-file small,
.bf-data-rest-form__note {
  color: var(--bf-muted);
  font-size: .58rem;
  line-height: 1.45;
}

.bf-data-config__sample {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
  color: var(--bf-text);
  font-size: .66rem;
  font-weight: 800;
  text-decoration: none;
}

.bf-data-config__sample .bf-icon {
  width: 16px;
  height: 16px;
  color: var(--bf-accent-cyan);
}

.bf-data-rest-form {
  display: grid;
  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(0, .8fr)
    auto;
  gap: 10px;
  align-items: end;
}

.bf-data-rest-form label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.bf-data-rest-form input {
  width: 100%;
  min-height: 46px;
  padding-inline: 12px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 13px;
  color: var(--bf-text);
  background: rgba(3, 9, 18, .32);
  font: inherit;
  font-size: .68rem;
}

.bf-data-rest-form input:focus {
  border-color: rgba(125, 235, 255, .3);
  outline: 2px solid rgba(125, 235, 255, .14);
  outline-offset: 2px;
}

.bf-data-console__secondary {
  min-height: 46px;
  padding-inline: 14px;
  border: 1px solid var(--bf-border);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .66rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-data-console__secondary:hover:not(:disabled) {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-data-console__secondary:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.bf-data-console__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-data-console__metrics article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-data-console__metrics span {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-data-console__metrics strong {
  overflow: hidden;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.25rem, 2.4vw, 1.9rem);
  line-height: 1;
  letter-spacing: -.035em;
  text-overflow: ellipsis;
}

.bf-data-console__metrics small {
  color: rgba(169, 182, 211, .62);
  font-size: .56rem;
}

.bf-data-quality {
  display: grid;
  grid-template-columns:
    minmax(180px, .72fr)
    minmax(0, 1.28fr);
  gap: 16px;
}

.bf-data-quality__progress {
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-data-quality__progress > div {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.bf-data-quality__progress span {
  color: var(--bf-muted);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-data-quality__progress strong {
  font-size: .7rem;
}

.bf-data-quality__progress > span {
  width: 100%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.bf-data-quality__progress > span > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--bf-primary),
      var(--bf-accent-cyan)
    );
  transform: scaleX(1);
  transform-origin: left;
  transition:
    transform var(--bf-motion-smooth)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-data-quality dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.bf-data-quality dl > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .015);
}

.bf-data-quality dt {
  color: var(--bf-muted);
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-data-quality dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .62rem;
  line-height: 1.43;
}

.bf-data-validation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .04),
      transparent
    );
}

.bf-data-validation .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-data-validation div {
  display: grid;
  gap: 3px;
}

.bf-data-validation small {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-data-validation strong {
  font-size: .66rem;
  line-height: 1.47;
}

.bf-data-console__footer {
  display: grid;
  grid-template-columns:
    minmax(0, .8fr)
    minmax(0, 1.2fr);
  gap: 10px;
  padding: 18px 20px 20px;
}

.bf-data-console__footer .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.bf-data-layer__trust-line {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
}

.bf-data-layer__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

.bf-data-layer__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-data-layer__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-data-layer__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-data-layer__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

@media (max-width: 1080px) {
  .bf-data-layer__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "sources";
  }

  .bf-data-sources {
    position: relative;
    top: auto;
  }

  .bf-data-sources__list {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .bf-data-source-card {
    grid-template-columns:
      26px
      22px
      minmax(0, 1fr);
  }

  .bf-data-source-card > span:last-child {
    display: none;
  }
}

@media (max-width: 820px) {
  .bf-data-sources__list,
  .bf-data-console__metrics,
  .bf-data-console__context {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-data-source-card:last-child,
  .bf-data-console__context > div:last-child {
    grid-column: 1 / -1;
  }

  .bf-data-rest-form,
  .bf-data-quality {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .bf-data-layer {
    padding-block: 94px;
  }

  .bf-data-layer__header h2 {
    font-size:
      clamp(2.4rem, 11vw, 3.8rem);
  }

  .bf-data-console {
    border-radius: 24px;
  }

  .bf-data-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-data-console__status-group {
    justify-content: flex-start;
  }

  .bf-data-sources__list,
  .bf-data-console__metrics,
  .bf-data-console__context,
  .bf-data-quality dl,
  .bf-data-console__footer {
    grid-template-columns: 1fr;
  }

  .bf-data-source-card:last-child,
  .bf-data-console__context > div:last-child {
    grid-column: auto;
  }

  .bf-data-pipeline {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .bf-data-pipeline li {
    grid-template-columns: 28px minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    text-align: left;
  }

  .bf-data-layer__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-data-layer__trust-line > span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-data-source-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-data-source-card,
  .bf-data-quality__progress > span > span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-data-console {
    background: var(--bf-surface);
  }
}

.bf-dashboard-sources__flow {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1080px) {
  .bf-dashboard-sources__flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bf-dashboard-sources__flow article:nth-child(n + 4) {
    grid-column: auto;
  }
}

@media (max-width: 820px) {
  .bf-dashboard-sources__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bf-dashboard-sources__flow article:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .bf-dashboard-sources__flow {
    grid-template-columns: 1fr;
  }

  .bf-dashboard-sources__flow article:last-child {
    grid-column: auto;
  }
}

.bf-header__bar {
  grid-template-columns:
    minmax(164px, .82fr)
    minmax(0, 3.18fr)
    max-content;
  gap: clamp(7px, .8vw, 12px);
}

.bf-header__nav {
  min-width: 0;
  gap: 0;
  justify-content: center;
}

.bf-header__nav a {
  min-width: 0;
  padding-inline: clamp(3px, .28vw, 6px);
  font-size: clamp(.55rem, .52vw, .66rem);
  white-space: nowrap;
}

.bf-header__actions {
  gap: 8px;
}

.bf-header__cta {
  padding-inline: 12px;
}

@media (max-width: 1220px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns:
      minmax(0, 1fr)
      max-content;
  }
}

.bf-identity-boundary {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      860px 620px at 90% 13%,
      rgba(121, 168, 255, .075),
      transparent 72%
    ),
    radial-gradient(
      720px 540px at 7% 84%,
      rgba(77, 230, 230, .035),
      transparent 74%
    ),
    linear-gradient(
      180deg,
      var(--bf-background),
      var(--bf-deep-space)
    );
}

.bf-identity-boundary__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .07;
}

.bf-identity-boundary__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-identity-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .27);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-identity-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .5;
}

.bf-identity-boundary__header {
  max-width: 1020px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-identity-boundary__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-identity-boundary__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-identity-boundary__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-identity-boundary__header p {
  max-width: 76ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-identity-boundary__layout {
  display: grid;
  grid-template-columns:
    minmax(300px, .7fr)
    minmax(0, 1.3fr);
  grid-template-areas: "rail console";
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
}

.bf-identity-rail {
  grid-area: rail;
  position: sticky;
  top: 112px;
  min-width: 0;
}

.bf-identity-rail__intro {
  margin-bottom: 24px;
}

.bf-identity-rail__intro > span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-identity-rail__intro h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-identity-rail__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-identity-providers {
  display: grid;
  gap: 10px;
}

.bf-identity-provider {
  width: 100%;
  min-height: 108px;
  display: grid;
  grid-template-columns:
    28px
    24px
    minmax(0, 1fr)
    10px;
  gap: 10px;
  align-items: start;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 17px;
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .42);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-identity-provider:hover,
.bf-identity-provider:focus-visible,
.bf-identity-provider[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .2);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .014)
    ),
    rgba(14, 23, 38, .58);
}

.bf-identity-provider:hover {
  transform: translateY(-3px);
}

.bf-identity-provider > span:first-child {
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.bf-identity-provider > .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-identity-provider > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.bf-identity-provider small {
  color: var(--bf-accent-cyan);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-identity-provider strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .9rem;
  letter-spacing: -.02em;
}

.bf-identity-provider p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .62rem;
  line-height: 1.46;
}

.bf-identity-provider > span:last-child {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border: 1px solid rgba(169, 182, 211, .34);
  border-radius: 50%;
}

.bf-identity-provider[data-selected="true"] > span:last-child {
  border-color: rgba(125, 235, 255, .62);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .3);
}

.bf-identity-provider-panel {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(121, 168, 255, .11);
  border-radius: 16px;
  background: rgba(121, 168, 255, .025);
}

.bf-identity-provider-panel[hidden] {
  display: none;
}

.bf-identity-provider-panel > span {
  color: var(--bf-accent-cyan);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-identity-provider-panel p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .62rem;
  line-height: 1.48;
}

.bf-identity-provider-panel code {
  color: var(--bf-text);
  font-family:
    "SFMono-Regular",
    Consolas,
    monospace;
  font-size: .62rem;
}

.bf-reference-personas {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.bf-reference-personas button,
.bf-tenant-option,
.bf-role-option {
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 12px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .022);
  font-size: .62rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-reference-personas button:hover:not(:disabled),
.bf-reference-personas button:focus-visible,
.bf-reference-personas button[data-selected="true"],
.bf-tenant-option:hover:not(:disabled),
.bf-tenant-option:focus-visible,
.bf-tenant-option[data-selected="true"],
.bf-role-option:hover:not(:disabled),
.bf-role-option:focus-visible,
.bf-role-option[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .22);
  background: rgba(125, 235, 255, .055);
}

.bf-reference-personas button:disabled,
.bf-tenant-option:disabled,
.bf-role-option:disabled {
  cursor: not-allowed;
  opacity: .43;
}

.bf-identity-pipeline {
  display: grid;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 18px 0 0;
  margin: 18px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
  list-style: none;
}

.bf-identity-pipeline li {
  display: grid;
  gap: 4px;
  justify-items: center;
  color: var(--bf-muted);
  text-align: center;
}

.bf-identity-pipeline li span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(169, 182, 211, .25);
  border-radius: 50%;
  font-size: .53rem;
  font-weight: 800;
}

.bf-identity-pipeline li strong {
  font-size: .53rem;
}

.bf-identity-pipeline li[data-complete="true"] span {
  color: var(--bf-background);
  border-color: var(--bf-success);
  background: var(--bf-success);
}

.bf-identity-pipeline li[data-active="true"] {
  color: var(--bf-text);
}

.bf-identity-pipeline li[data-active="true"] span {
  color: var(--bf-background);
  border-color: var(--bf-accent-cyan);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .25);
}

.bf-identity-console {
  grid-area: console;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-identity-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      520px 320px at 0% 0%,
      rgba(121, 168, 255, .105),
      transparent 72%
    );
}

.bf-identity-console__header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .012) 28%,
      transparent 55%
    ),
    rgba(255, 255, 255, .008);
}

.bf-identity-console__header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      360px 130px at 5% 0%,
      rgba(125, 235, 255, .085),
      transparent 72%
    );
}

.bf-identity-console__header > * {
  position: relative;
  z-index: 1;
}

.bf-identity-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-identity-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-identity-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-identity-console__identity > div {
  min-width: 0;
}

.bf-identity-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-identity-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-identity-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-identity-console__classification,
.bf-identity-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-identity-console__classification {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-identity-console__status {
  color: var(--bf-success);
  border: 1px solid rgba(67, 217, 140, .14);
  background: rgba(67, 217, 140, .04);
}

.bf-identity-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .45);
}

.bf-identity-boundary[data-bf-identity-status="signed-out"]
.bf-identity-console__status,
.bf-identity-boundary[data-bf-identity-status="expired"]
.bf-identity-console__status {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .16);
  background: rgba(248, 193, 90, .04);
}

.bf-identity-console__context {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-identity-console__context article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-identity-console__context span {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-identity-console__context strong {
  overflow: hidden;
  font-size: .69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-identity-console__context small {
  overflow: hidden;
  color: rgba(169, 182, 211, .66);
  font-size: .56rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-identity-context-selector,
.bf-access-matrix,
.bf-identity-provenance,
.bf-identity-integration-note {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-identity-context-selector > header,
.bf-access-matrix > header,
.bf-identity-provenance > header {
  margin-bottom: 14px;
}

.bf-identity-context-selector > header span,
.bf-access-matrix > header span,
.bf-identity-provenance > header span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-identity-context-selector h4,
.bf-access-matrix h4,
.bf-identity-provenance h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.02rem;
  letter-spacing: -.025em;
}

.bf-tenant-options,
.bf-role-options {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.bf-tenant-option {
  min-height: 66px;
  display: grid;
  gap: 4px;
  align-content: center;
  padding: 10px 12px;
  text-align: left;
}

.bf-tenant-option strong {
  font-size: .66rem;
}

.bf-tenant-option small {
  color: var(--bf-muted);
  font-size: .55rem;
}

.bf-role-option {
  min-height: 42px;
  padding-inline: 11px;
}

.bf-access-matrix__grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bf-access-matrix__grid article {
  min-width: 0;
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  background: rgba(255, 255, 255, .018);
}

.bf-access-matrix__grid article[data-state="allowed"] {
  border-color: rgba(67, 217, 140, .12);
  background: rgba(67, 217, 140, .022);
}

.bf-access-matrix__grid article[data-state="denied"] {
  border-color: rgba(248, 193, 90, .11);
  background: rgba(248, 193, 90, .02);
}

.bf-access-matrix__grid .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-access-matrix__grid article[data-state="allowed"] .bf-icon {
  color: var(--bf-success);
}

.bf-access-matrix__grid article[data-state="denied"] .bf-icon {
  color: var(--bf-warning);
}

.bf-access-matrix__grid article > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.bf-access-matrix__grid small {
  color: var(--bf-muted);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-access-matrix__grid strong {
  font-size: .68rem;
}

.bf-access-matrix__grid article[data-state="allowed"] strong {
  color: var(--bf-success);
}

.bf-access-matrix__grid article[data-state="denied"] strong {
  color: var(--bf-warning);
}

.bf-access-matrix__grid p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .58rem;
  line-height: 1.42;
}

.bf-identity-provenance dl {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.bf-identity-provenance dl > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .015);
}

.bf-identity-provenance dt {
  color: var(--bf-muted);
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-identity-provenance dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .62rem;
  line-height: 1.43;
}

.bf-identity-integration-note {
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .04),
      transparent
    );
}

.bf-identity-integration-note .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-identity-integration-note div {
  display: grid;
  gap: 3px;
}

.bf-identity-integration-note small {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-identity-integration-note strong {
  font-size: .65rem;
  line-height: 1.45;
}

.bf-identity-console__footer {
  display: grid;
  grid-template-columns:
    minmax(0, .8fr)
    minmax(0, 1.2fr);
  gap: 10px;
  padding: 18px 20px 20px;
}

.bf-identity-console__secondary {
  min-height: 46px;
  padding-inline: 14px;
  border: 1px solid var(--bf-border);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .66rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-identity-console__secondary:hover:not(:disabled) {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-identity-console__secondary:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.bf-identity-console__footer .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.bf-identity-boundary__trust-line {
  position: relative;
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
}

.bf-identity-boundary__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

.bf-identity-boundary__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-identity-boundary__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-identity-boundary__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-identity-boundary__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

.bf-dashboard-sources__flow {
  grid-template-columns:
    repeat(6, minmax(0, 1fr));
}

.bf-dashboard-console__context {
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
}

.bf-dashboard-views__list button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

@media (max-width: 1080px) {
  .bf-identity-boundary__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "rail";
  }

  .bf-identity-rail {
    position: relative;
    top: auto;
  }

  .bf-identity-providers {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .bf-identity-provider {
    grid-template-columns:
      25px
      22px
      minmax(0, 1fr);
  }

  .bf-identity-provider > span:last-child {
    display: none;
  }

  .bf-dashboard-sources__flow {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .bf-identity-providers,
  .bf-identity-console__context,
  .bf-tenant-options,
  .bf-identity-provenance dl {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-identity-provider:last-child {
    grid-column: 1 / -1;
  }

  .bf-access-matrix__grid {
    grid-template-columns: 1fr;
  }

  .bf-dashboard-console__context,
  .bf-dashboard-sources__flow {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .bf-identity-boundary {
    padding-block: 94px;
  }

  .bf-identity-boundary__header h2 {
    font-size:
      clamp(2.4rem, 11vw, 3.8rem);
  }

  .bf-identity-console {
    border-radius: 24px;
  }

  .bf-identity-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-identity-console__status-group {
    justify-content: flex-start;
  }

  .bf-identity-providers,
  .bf-reference-personas,
  .bf-identity-console__context,
  .bf-tenant-options,
  .bf-role-options,
  .bf-identity-provenance dl,
  .bf-identity-console__footer,
  .bf-dashboard-console__context,
  .bf-dashboard-sources__flow {
    grid-template-columns: 1fr;
  }

  .bf-identity-provider:last-child {
    grid-column: auto;
  }

  .bf-identity-pipeline {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .bf-identity-pipeline li {
    grid-template-columns:
      28px
      minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    text-align: left;
  }

  .bf-identity-boundary__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-identity-boundary__trust-line > span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-identity-provider:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-identity-provider,
  .bf-reference-personas button,
  .bf-tenant-option,
  .bf-role-option {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-identity-console {
    background: var(--bf-surface);
  }
}

@media (min-height: 860px) and (min-width: 720px) {
  .bf-menu-drawer__header {
    padding-block: 12px;
  }

  .bf-menu-drawer__body {
    padding:
      6px
      14px
      10px;
    overflow-y: auto;
  }

  .bf-menu-drawer__eyebrow {
    margin:
      5px
      0
      7px;
    font-size: .58rem;
  }

  .bf-menu-drawer__nav {
    gap: 2px;
  }

  .bf-menu-drawer__nav a {
    min-height: 47px;
    grid-template-columns:
      27px
      minmax(0, 1fr);
    gap:
      1px
      8px;
    padding:
      5px
      8px;
    border-radius: 12px;
  }

  .bf-menu-drawer__nav a strong {
    font-size: .77rem;
    line-height: 1.08;
  }

  .bf-menu-drawer__nav a small {
    font-size: .56rem;
    line-height: 1.18;
  }

  .bf-menu-drawer__nav a > span {
    font-size: .58rem;
  }

  .bf-menu-drawer__footer {
    gap: 8px;
    padding:
      10px
      14px
      12px;
  }

  .bf-menu-drawer__status {
    gap: 8px;
  }

  .bf-menu-drawer__footer .bf-button {
    min-height: 44px;
  }
}

.bf-header__bar {
  grid-template-columns:
    minmax(156px, .76fr)
    minmax(0, 3.24fr)
    max-content;
  gap: clamp(6px, .7vw, 11px);
}

.bf-header__nav {
  min-width: 0;
  gap: 0;
  justify-content: center;
}

.bf-header__nav a {
  min-width: 0;
  padding-inline: clamp(2px, .22vw, 5px);
  font-size: clamp(.51rem, .475vw, .62rem);
  letter-spacing: .015em;
  white-space: nowrap;
}

.bf-header__actions {
  gap: 7px;
}

.bf-header__cta {
  padding-inline: 11px;
}

@media (max-width: 1220px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns:
      minmax(0, 1fr)
      max-content;
  }
}

.bf-audit-ledger {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      860px 620px at 91% 13%,
      rgba(121, 168, 255, .075),
      transparent 72%
    ),
    radial-gradient(
      720px 540px at 7% 84%,
      rgba(77, 230, 230, .035),
      transparent 74%
    ),
    linear-gradient(
      180deg,
      var(--bf-deep-space),
      var(--bf-background)
    );
}

.bf-audit-ledger__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .07;
}

.bf-audit-ledger__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-audit-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .27);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-audit-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .5;
}

.bf-audit-ledger__header {
  max-width: 1000px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-audit-ledger__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-audit-ledger__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-audit-ledger__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-audit-ledger__header p {
  max-width: 76ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-audit-ledger__layout {
  display: grid;
  grid-template-columns:
    minmax(292px, .68fr)
    minmax(0, 1.32fr);
  grid-template-areas: "rail console";
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
}

.bf-audit-rail {
  grid-area: rail;
  position: sticky;
  top: 112px;
  min-width: 0;
}

.bf-audit-rail__intro {
  margin-bottom: 24px;
}

.bf-audit-rail__intro > span,
.bf-audit-filter > header span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-audit-rail__intro h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-audit-rail__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-audit-filter {
  display: grid;
  gap: 11px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(121, 168, 255, .105);
  border-radius: 16px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .035),
      rgba(255, 255, 255, .008)
    );
}

.bf-audit-filter h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .92rem;
  line-height: 1.15;
  letter-spacing: -.025em;
}

.bf-audit-filter__buttons {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.bf-audit-filter__buttons--outcomes {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

.bf-audit-filter__buttons button {
  min-height: 38px;
  padding-inline: 9px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .018);
  font-size: .58rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-audit-filter__buttons button:hover,
.bf-audit-filter__buttons button:focus-visible,
.bf-audit-filter__buttons button[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .22);
  background: rgba(125, 235, 255, .055);
}

.bf-audit-filter__buttons button:hover {
  transform: translateY(-2px);
}

.bf-audit-chain-model {
  display: grid;
  gap: 8px;
  padding: 18px 0 0;
  margin: 18px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
  list-style: none;
}

.bf-audit-chain-model li {
  display: grid;
  grid-template-columns:
    28px
    minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 8px 0;
}

.bf-audit-chain-model li > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125, 235, 255, .2);
  border-radius: 50%;
  color: var(--bf-accent-cyan);
  font-size: .56rem;
  font-weight: 800;
  background: rgba(125, 235, 255, .03);
}

.bf-audit-chain-model li > div {
  display: grid;
  gap: 3px;
}

.bf-audit-chain-model strong {
  font-size: .66rem;
}

.bf-audit-chain-model small {
  color: var(--bf-muted);
  font-size: .56rem;
  line-height: 1.3;
}

.bf-audit-console {
  grid-area: console;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-audit-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      520px 320px at 0% 0%,
      rgba(121, 168, 255, .105),
      transparent 72%
    );
}

.bf-audit-console__header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .012) 28%,
      transparent 55%
    ),
    rgba(255, 255, 255, .008);
}

.bf-audit-console__header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      360px 130px at 5% 0%,
      rgba(125, 235, 255, .085),
      transparent 72%
    );
}

.bf-audit-console__header > * {
  position: relative;
  z-index: 1;
}

.bf-audit-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-audit-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-audit-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-audit-console__identity > div {
  min-width: 0;
}

.bf-audit-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-audit-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-audit-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-audit-console__classification,
.bf-audit-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-audit-console__classification {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-audit-console__status {
  color: var(--bf-success);
  border: 1px solid rgba(67, 217, 140, .14);
  background: rgba(67, 217, 140, .04);
}

.bf-audit-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .45);
}

.bf-audit-ledger[data-bf-audit-status="current"]
.bf-audit-console__status {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .16);
  background: rgba(125, 235, 255, .04);
}

.bf-audit-ledger[data-bf-audit-status="failed"]
.bf-audit-console__status {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .16);
  background: rgba(248, 193, 90, .04);
}

.bf-audit-console__context,
.bf-audit-console__metrics {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-audit-console__context article,
.bf-audit-console__metrics article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-audit-console__context span,
.bf-audit-console__metrics span {
  color: var(--bf-muted);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-audit-console__context strong {
  overflow: hidden;
  font-size: .67rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-audit-console__context small,
.bf-audit-console__metrics small {
  overflow: hidden;
  color: rgba(169, 182, 211, .64);
  font-size: .55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-audit-console__metrics strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.3rem, 2.4vw, 1.9rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.bf-audit-workspace {
  display: grid;
  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(250px, .88fr);
  min-height: 510px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-audit-timeline-panel,
.bf-audit-detail {
  min-width: 0;
  padding: 18px 20px;
}

.bf-audit-timeline-panel {
  border-right: 1px solid rgba(255, 255, 255, .06);
}

.bf-audit-timeline-panel > header,
.bf-audit-detail > header {
  margin-bottom: 14px;
}

.bf-audit-timeline-panel > header span,
.bf-audit-detail > header span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-audit-timeline-panel h4,
.bf-audit-detail h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1rem;
  letter-spacing: -.025em;
}

.bf-audit-timeline {
  max-height: 430px;
  display: grid;
  gap: 8px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
}

.bf-audit-entry {
  width: 100%;
  display: grid;
  grid-template-columns:
    34px
    minmax(0, 1fr)
    auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .052);
  border-radius: 13px;
  color: var(--bf-muted);
  text-align: left;
  background: rgba(255, 255, 255, .016);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-audit-entry:hover,
.bf-audit-entry:focus-visible,
.bf-audit-entry[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .04);
}

.bf-audit-entry:hover {
  transform: translateY(-2px);
}

.bf-audit-entry__sequence {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125, 235, 255, .15);
  border-radius: 50%;
  color: var(--bf-accent-cyan);
  font-size: .54rem;
  font-weight: 800;
}

.bf-audit-entry__content {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-audit-entry__content small {
  color: var(--bf-accent-cyan);
  font-size: .51rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-audit-entry__content strong {
  overflow: hidden;
  font-size: .65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-audit-entry__content > span {
  overflow: hidden;
  color: var(--bf-muted);
  font-size: .56rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-audit-entry__outcome {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  padding-inline: 8px;
  border: 1px solid rgba(121, 168, 255, .12);
  border-radius: 999px;
  color: var(--bf-accent-cyan);
  font-size: .51rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-audit-entry__outcome[data-state="denied"],
.bf-audit-entry__outcome[data-state="review"] {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .15);
}

.bf-audit-entry__outcome[data-state="allowed"],
.bf-audit-entry__outcome[data-state="success"] {
  color: var(--bf-success);
  border-color: rgba(67, 217, 140, .14);
}

.bf-audit-timeline__empty {
  margin: 0;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, .08);
  border-radius: 14px;
  color: var(--bf-muted);
  font-size: .66rem;
  line-height: 1.5;
}

.bf-audit-detail {
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .025),
      transparent 70%
    );
}

.bf-audit-detail dl {
  display: grid;
  gap: 9px;
  margin: 0;
}

.bf-audit-detail dl > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 12px;
  background: rgba(255, 255, 255, .014);
}

.bf-audit-detail dt {
  color: var(--bf-muted);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-audit-detail dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .59rem;
  line-height: 1.42;
}

.bf-audit-detail__hash {
  max-height: 4.4em;
  overflow: hidden;
  font-family:
    "SFMono-Regular",
    Consolas,
    monospace;
  color: var(--bf-accent-cyan);
}

.bf-audit-integrity {
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 17px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .04),
      transparent
    );
}

.bf-audit-integrity .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-audit-integrity div {
  display: grid;
  gap: 3px;
}

.bf-audit-integrity small {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-audit-integrity strong {
  font-size: .65rem;
  line-height: 1.45;
}

.bf-audit-console__footer {
  display: grid;
  grid-template-columns:
    minmax(0, .78fr)
    minmax(0, .92fr)
    minmax(0, 1.3fr);
  gap: 10px;
  padding: 18px 20px 20px;
}

.bf-audit-console__secondary {
  min-height: 46px;
  padding-inline: 12px;
  border: 1px solid var(--bf-border);
  border-radius: 13px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .62rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-audit-console__secondary:hover:not(:disabled) {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-audit-console__secondary:disabled {
  cursor: not-allowed;
  opacity: .43;
}

.bf-audit-console__footer .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.bf-audit-ledger__trust-line {
  position: relative;
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
}

.bf-audit-ledger__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

.bf-audit-ledger__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-audit-ledger__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-audit-ledger__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-audit-ledger__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

.bf-audit-ledger__disclaimer {
  max-width: 86ch;
  margin: 20px auto 0;
  color: rgba(169, 182, 211, .62);
  font-size: .64rem;
  line-height: 1.55;
  text-align: center;
}

.bf-dashboard-sources__flow {
  grid-template-columns:
    repeat(7, minmax(0, 1fr));
}

@media (min-height: 860px) and (min-width: 720px) {
  .bf-menu-drawer__header {
    padding-block: 10px;
  }

  .bf-menu-drawer__body {
    padding:
      4px
      14px
      8px;
    overflow-y: auto;
  }

  .bf-menu-drawer__eyebrow {
    margin:
      3px
      0
      5px;
    font-size: .54rem;
  }

  .bf-menu-drawer__nav {
    gap: 1px;
  }

  .bf-menu-drawer__nav a {
    min-height: 43px;
    grid-template-columns:
      25px
      minmax(0, 1fr);
    gap:
      0
      7px;
    padding:
      4px
      7px;
    border-radius: 11px;
  }

  .bf-menu-drawer__nav a strong {
    font-size: .72rem;
    line-height: 1.04;
  }

  .bf-menu-drawer__nav a small {
    font-size: .52rem;
    line-height: 1.12;
  }

  .bf-menu-drawer__nav a > span {
    font-size: .54rem;
  }

  .bf-menu-drawer__footer {
    gap: 6px;
    padding:
      8px
      14px
      10px;
  }

  .bf-menu-drawer__status {
    gap: 6px;
  }

  .bf-menu-drawer__footer .bf-button {
    min-height: 42px;
  }
}

@media (max-width: 1080px) {
  .bf-audit-ledger__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "rail";
  }

  .bf-audit-rail {
    position: relative;
    top: auto;
  }

  .bf-audit-filter__buttons {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }

  .bf-dashboard-sources__flow {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .bf-audit-console__context,
  .bf-audit-console__metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-audit-workspace {
    grid-template-columns: 1fr;
  }

  .bf-audit-timeline-panel {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
  }

  .bf-audit-console__footer {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-audit-console__footer .bf-button {
    grid-column: 1 / -1;
  }

  .bf-dashboard-sources__flow {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-dashboard-sources__flow article:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .bf-audit-ledger {
    padding-block: 94px;
  }

  .bf-audit-ledger__header h2 {
    font-size:
      clamp(2.4rem, 11vw, 3.8rem);
  }

  .bf-audit-console {
    border-radius: 24px;
  }

  .bf-audit-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-audit-console__status-group {
    justify-content: flex-start;
  }

  .bf-audit-filter__buttons,
  .bf-audit-console__context,
  .bf-audit-console__metrics,
  .bf-audit-console__footer,
  .bf-dashboard-sources__flow {
    grid-template-columns: 1fr;
  }

  .bf-audit-console__footer .bf-button,
  .bf-dashboard-sources__flow article:last-child {
    grid-column: auto;
  }

  .bf-audit-entry {
    grid-template-columns:
      32px
      minmax(0, 1fr);
  }

  .bf-audit-entry__outcome {
    grid-column: 2;
    justify-self: start;
  }

  .bf-audit-ledger__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-audit-ledger__trust-line > span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-audit-filter__buttons button:hover,
  .bf-audit-entry:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-audit-filter__buttons button,
  .bf-audit-entry {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-audit-console {
    background: var(--bf-surface);
  }
}

.bf-header__bar {
  grid-template-columns:
    minmax(150px, .72fr)
    minmax(0, 3.28fr)
    max-content;
  gap: clamp(5px, .62vw, 10px);
}

.bf-header__nav {
  min-width: 0;
  gap: 0;
  justify-content: center;
}

.bf-header__nav a {
  min-width: 0;
  padding-inline: clamp(2px, .18vw, 4px);
  font-size: clamp(.48rem, .445vw, .59rem);
  letter-spacing: .01em;
  white-space: nowrap;
}

.bf-header__actions {
  gap: 7px;
}

.bf-header__cta {
  padding-inline: 10px;
}

@media (max-width: 1220px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns:
      minmax(0, 1fr)
      max-content;
  }
}

.bf-policy-orchestration {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(104px, 12vw, 170px);
  background:
    radial-gradient(
      900px 640px at 91% 12%,
      rgba(121, 168, 255, .08),
      transparent 72%
    ),
    radial-gradient(
      740px 560px at 7% 84%,
      rgba(77, 230, 230, .034),
      transparent 74%
    ),
    linear-gradient(
      180deg,
      var(--bf-background),
      var(--bf-deep-space)
    );
}

.bf-policy-orchestration__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .07;
}

.bf-policy-orchestration__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-policy-network__paths {
  fill: none;
  stroke: rgba(121, 168, 255, .27);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-policy-network__nodes {
  fill: var(--bf-accent-cyan);
  opacity: .5;
}

.bf-policy-orchestration__header {
  max-width: 1030px;
  margin: 0 auto clamp(62px, 8vw, 100px);
  text-align: center;
}

.bf-policy-orchestration__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-policy-orchestration__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.bf-policy-orchestration__header h2 span {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-policy-orchestration__header p {
  max-width: 78ch;
  margin: 25px auto 0;
  color: var(--bf-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-policy-orchestration__layout {
  display: grid;
  grid-template-columns:
    minmax(300px, .7fr)
    minmax(0, 1.3fr);
  grid-template-areas: "catalog console";
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
}

.bf-policy-catalog {
  grid-area: catalog;
  position: sticky;
  top: 112px;
  min-width: 0;
}

.bf-policy-catalog__intro {
  margin-bottom: 24px;
}

.bf-policy-catalog__intro > span {
  display: block;
  margin-bottom: 7px;
  color: var(--bf-accent-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-policy-catalog__intro h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.bf-policy-catalog__intro p {
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .75rem;
  line-height: 1.58;
}

.bf-policy-catalog__list {
  display: grid;
  gap: 8px;
  max-height: 760px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
}

.bf-policy-card {
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns:
    34px
    minmax(0, 1fr)
    10px;
  gap: 10px;
  align-items: start;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .052);
  border-radius: 16px;
  color: var(--bf-muted);
  text-align: left;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .032),
      rgba(255, 255, 255, .008)
    ),
    rgba(14, 23, 38, .42);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-policy-card:hover,
.bf-policy-card:focus-visible,
.bf-policy-card[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .2);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .09),
      rgba(77, 230, 230, .014)
    ),
    rgba(14, 23, 38, .58);
}

.bf-policy-card:hover {
  transform: translateY(-3px);
}

.bf-policy-card > span:first-child {
  color: var(--bf-accent-cyan);
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.bf-policy-card > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-policy-card small {
  color: var(--bf-accent-cyan);
  font-size: .51rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-policy-card strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .82rem;
  letter-spacing: -.02em;
}

.bf-policy-card p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .57rem;
  line-height: 1.42;
}

.bf-policy-card > span:last-child {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border: 1px solid rgba(169, 182, 211, .34);
  border-radius: 50%;
}

.bf-policy-card[data-selected="true"] > span:last-child {
  border-color: rgba(125, 235, 255, .62);
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 12px rgba(125, 235, 255, .3);
}

.bf-policy-console {
  grid-area: console;
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--bf-border-strong);
  border-radius: var(--bf-radius-xl);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .014) 31%,
      transparent 55%
    ),
    rgba(9, 17, 30, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .075);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}

.bf-policy-console::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      520px 320px at 0% 0%,
      rgba(121, 168, 255, .105),
      transparent 72%
    );
}

.bf-policy-console__header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background:
    linear-gradient(
      126deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .012) 28%,
      transparent 55%
    ),
    rgba(255, 255, 255, .008);
}

.bf-policy-console__header::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      360px 130px at 5% 0%,
      rgba(125, 235, 255, .085),
      transparent 72%
    );
}

.bf-policy-console__header > * {
  position: relative;
  z-index: 1;
}

.bf-policy-console__identity {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.bf-policy-console__beacon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(121, 168, 255, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.bf-policy-console__beacon img {
  width: 39px;
  height: 39px;
}

.bf-policy-console__identity > div {
  min-width: 0;
}

.bf-policy-console__identity span {
  display: block;
  margin-bottom: 3px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-policy-console__identity h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.04rem;
  letter-spacing: -.025em;
}

.bf-policy-console__status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bf-policy-console__mode,
.bf-policy-console__status {
  min-height: 29px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border-radius: var(--bf-radius-pill);
  font-size: .6rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-policy-console__mode {
  color: var(--bf-accent-cyan);
  border: 1px solid rgba(121, 168, 255, .14);
  background: rgba(121, 168, 255, .04);
}

.bf-policy-console__status {
  color: var(--bf-success);
  border: 1px solid rgba(67, 217, 140, .14);
  background: rgba(67, 217, 140, .04);
}

.bf-policy-console__status > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px rgba(67, 217, 140, .45);
}

.bf-policy-orchestration[data-bf-policy-status="denied"]
.bf-policy-console__status {
  color: var(--bf-warning);
  border-color: rgba(248, 193, 90, .17);
  background: rgba(248, 193, 90, .04);
}

.bf-policy-orchestration[data-bf-policy-status="allowed-by-exception"]
.bf-policy-console__status,
.bf-policy-orchestration[data-bf-policy-status="allowed-with-obligations"]
.bf-policy-console__status {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .17);
  background: rgba(125, 235, 255, .04);
}

.bf-policy-console__context,
.bf-policy-console__metrics {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-policy-console__context article,
.bf-policy-console__metrics article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.bf-policy-console__context span,
.bf-policy-console__metrics span {
  color: var(--bf-muted);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-policy-console__context strong {
  overflow: hidden;
  font-size: .67rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-policy-console__context small,
.bf-policy-console__metrics small {
  overflow: hidden;
  color: rgba(169, 182, 211, .64);
  font-size: .55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-policy-console__metrics strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.3rem, 2.4vw, 1.9rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.bf-policy-definition,
.bf-policy-operation-selector,
.bf-policy-decision,
.bf-policy-exception {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-policy-definition > header > span,
.bf-policy-operation-selector > header > span,
.bf-policy-decision > header span,
.bf-policy-exception > header span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-accent-cyan);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-policy-definition h4,
.bf-policy-operation-selector h4,
.bf-policy-decision h4,
.bf-policy-exception h4 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.02rem;
  letter-spacing: -.025em;
}

.bf-policy-definition p,
.bf-policy-decision > p {
  margin: 9px 0 0;
  color: var(--bf-muted);
  font-size: .64rem;
  line-height: 1.5;
}

.bf-policy-operation-selector__grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 14px;
}

.bf-policy-operation-selector__grid button {
  min-height: 66px;
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .058);
  border-radius: 13px;
  color: var(--bf-muted);
  text-align: left;
  background: rgba(255, 255, 255, .018);
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-policy-operation-selector__grid button:hover,
.bf-policy-operation-selector__grid button:focus-visible,
.bf-policy-operation-selector__grid button[data-selected="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .2);
  background: rgba(125, 235, 255, .05);
}

.bf-policy-operation-selector__grid button:hover {
  transform: translateY(-2px);
}

.bf-policy-operation-selector__grid .bf-icon {
  width: 23px;
  height: 23px;
  color: var(--bf-accent-cyan);
}

.bf-policy-operation-selector__grid strong {
  font-size: .63rem;
}

.bf-policy-decision > header,
.bf-policy-exception > header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

.bf-policy-decision > header > strong,
.bf-policy-exception > header > strong {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding-inline: 9px;
  border: 1px solid rgba(125, 235, 255, .16);
  border-radius: 999px;
  color: var(--bf-accent-cyan);
  background: rgba(125, 235, 255, .03);
  font-size: .55rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-policy-obligations {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  padding: 12px;
  border: 1px solid rgba(121, 168, 255, .11);
  border-radius: 13px;
  background: rgba(121, 168, 255, .024);
}

.bf-policy-obligations > span {
  color: var(--bf-accent-cyan);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-policy-obligations ul {
  display: grid;
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-policy-obligations li {
  color: var(--bf-muted);
  font-size: .59rem;
  line-height: 1.4;
}

.bf-policy-obligations li::before {
  content: "•";
  margin-right: 7px;
  color: var(--bf-accent-cyan);
}

.bf-policy-decision .bf-button {
  border: 0;
  cursor: pointer;
}

.bf-policy-exception {
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .027),
      transparent 68%
    );
}

.bf-policy-exception__request,
.bf-policy-exception__review {
  display: grid;
  gap: 8px;
  margin-top: 15px;
}

.bf-policy-exception label {
  color: var(--bf-muted);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-policy-exception textarea {
  width: 100%;
  resize: vertical;
  min-height: 76px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  color: var(--bf-text);
  background: rgba(255, 255, 255, .018);
  font: inherit;
  font-size: .62rem;
  line-height: 1.45;
}

.bf-policy-exception__record {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 15px 0 0;
}

.bf-policy-exception__record > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 12px;
  background: rgba(255, 255, 255, .014);
}

.bf-policy-exception__record > div:nth-child(3) {
  grid-column: 1 / -1;
}

.bf-policy-exception__record dt {
  color: var(--bf-muted);
  font-size: .51rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-policy-exception__record dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .59rem;
  line-height: 1.42;
}

.bf-policy-exception__review > div {
  display: grid;
  grid-template-columns:
    minmax(0, .8fr)
    minmax(0, 1.2fr);
  gap: 9px;
}

.bf-policy-console__secondary {
  min-height: 44px;
  padding-inline: 12px;
  border: 1px solid var(--bf-border);
  border-radius: 12px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .025);
  font-size: .61rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-policy-console__secondary:hover:not(:disabled) {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: rgba(125, 235, 255, .045);
}

.bf-policy-console__secondary:disabled,
.bf-policy-console .bf-button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.bf-policy-exception__review .bf-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.bf-policy-console__footer {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    max-content;
  gap: 16px;
  align-items: center;
  padding: 18px 20px 20px;
}

.bf-policy-console__footer > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.bf-policy-console__footer small {
  color: var(--bf-accent-cyan);
  font-size: .54rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-policy-console__footer strong {
  color: var(--bf-muted);
  font-size: .62rem;
  line-height: 1.45;
}

.bf-policy-orchestration__trust-line {
  position: relative;
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: clamp(60px, 8vw, 98px);
  padding-top: 30px;
}

.bf-policy-orchestration__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .08)
    );
}

.bf-policy-orchestration__trust-line > span {
  color: var(--bf-accent-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-policy-orchestration__trust-line ul {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-policy-orchestration__trust-line li {
  color: var(--bf-muted);
  font-size: .74rem;
  font-weight: 750;
}

.bf-policy-orchestration__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color: var(--bf-accent-cyan);
}

.bf-policy-orchestration__disclaimer {
  max-width: 88ch;
  margin: 20px auto 0;
  color: rgba(169, 182, 211, .62);
  font-size: .64rem;
  line-height: 1.55;
  text-align: center;
}

.bf-dashboard-sources__flow {
  grid-template-columns:
    repeat(8, minmax(0, 1fr));
}

@media (min-height: 860px) and (min-width: 720px) {
  .bf-menu-drawer__header {
    padding-block: 9px;
  }

  .bf-menu-drawer__body {
    padding:
      3px
      13px
      7px;
    overflow-y: auto;
  }

  .bf-menu-drawer__eyebrow {
    margin:
      2px
      0
      4px;
    font-size: .52rem;
  }

  .bf-menu-drawer__nav {
    gap: 1px;
  }

  .bf-menu-drawer__nav a {
    min-height: 40px;
    grid-template-columns:
      24px
      minmax(0, 1fr);
    gap:
      0
      7px;
    padding:
      3px
      7px;
    border-radius: 10px;
  }

  .bf-menu-drawer__nav a strong {
    font-size: .69rem;
    line-height: 1.02;
  }

  .bf-menu-drawer__nav a small {
    font-size: .49rem;
    line-height: 1.08;
  }

  .bf-menu-drawer__nav a > span {
    font-size: .52rem;
  }

  .bf-menu-drawer__footer {
    gap: 5px;
    padding:
      7px
      13px
      9px;
  }

  .bf-menu-drawer__status {
    gap: 5px;
  }

  .bf-menu-drawer__footer .bf-button {
    min-height: 40px;
  }
}

@media (max-width: 1080px) {
  .bf-policy-orchestration__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "console"
      "catalog";
  }

  .bf-policy-catalog {
    position: relative;
    top: auto;
  }

  .bf-policy-catalog__list {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .bf-dashboard-sources__flow {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .bf-policy-catalog__list,
  .bf-policy-operation-selector__grid,
  .bf-policy-console__context,
  .bf-policy-console__metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-policy-exception__record {
    grid-template-columns: 1fr;
  }

  .bf-policy-exception__record > div:nth-child(3) {
    grid-column: auto;
  }

  .bf-dashboard-sources__flow {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .bf-policy-orchestration {
    padding-block: 94px;
  }

  .bf-policy-orchestration__header h2 {
    font-size:
      clamp(2.4rem, 11vw, 3.8rem);
  }

  .bf-policy-console {
    border-radius: 24px;
  }

  .bf-policy-console__header,
  .bf-policy-decision > header,
  .bf-policy-exception > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-policy-console__status-group {
    justify-content: flex-start;
  }

  .bf-policy-catalog__list,
  .bf-policy-operation-selector__grid,
  .bf-policy-console__context,
  .bf-policy-console__metrics,
  .bf-policy-exception__review > div,
  .bf-policy-console__footer,
  .bf-dashboard-sources__flow {
    grid-template-columns: 1fr;
  }

  .bf-policy-card {
    min-height: 76px;
  }

  .bf-policy-console__footer {
    align-items: stretch;
  }

  .bf-policy-orchestration__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-policy-orchestration__trust-line > span {
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-policy-card:hover,
  .bf-policy-operation-selector__grid button:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-policy-card,
  .bf-policy-operation-selector__grid button,
  .bf-policy-console__secondary {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-policy-console {
    background: var(--bf-surface);
  }
}

html[data-bf-loader="active"],
html[data-bf-loader="active"] body {
  overflow: hidden;
}

.bf-genesis-loader {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(18px, 4vw, 48px);
  color: var(--bf-text);
  background: #020710;
  opacity: 1;
  visibility: visible;
  transition:
    opacity 520ms var(--bf-ease-standard),
    visibility 520ms var(--bf-ease-standard);
}

.bf-genesis-loader[hidden] {
  display: none;
}

.bf-genesis-loader[data-dismissed="true"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bf-genesis-loader__background,
.bf-genesis-loader__background picture,
.bf-genesis-loader__background img,
.bf-genesis-loader__vignette,
.bf-genesis-loader__scan {
  position: absolute;
  inset: 0;
}

.bf-genesis-loader__background picture,
.bf-genesis-loader__background img {
  width: 100%;
  height: 100%;
}

.bf-genesis-loader__background img {
  object-fit: cover;
  object-position: center;
  opacity: .52;
  filter: saturate(.88) contrast(1.04) brightness(.72);
}

.bf-genesis-loader__vignette {
  background:
    linear-gradient(90deg, rgba(2,7,16,.97) 0%, rgba(2,7,16,.87) 34%, rgba(2,7,16,.38) 68%, rgba(2,7,16,.7) 100%),
    linear-gradient(180deg, rgba(2,7,16,.5), transparent 42%, rgba(2,7,16,.86));
}

.bf-genesis-loader__scan {
  top: -22%;
  height: 18%;
  opacity: .36;
  background: linear-gradient(180deg, transparent, rgba(125,235,255,.08), transparent);
  animation: bf-genesis-loader-scan 4.8s var(--bf-ease-standard) infinite;
}

@keyframes bf-genesis-loader-scan {
  0% { transform: translateY(-130%); opacity: 0; }
  15% { opacity: .45; }
  76% { transform: translateY(760%); opacity: .22; }
  100% { transform: translateY(760%); opacity: 0; }
}

.bf-genesis-loader__panel {
  position: relative;
  width: min(100%, 560px);
  margin-right: min(42vw, 620px);
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(125,235,255,.14);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.085), transparent 34%),
    rgba(7,14,25,.8);
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(22px) saturate(118%);
  -webkit-backdrop-filter: blur(22px) saturate(118%);
}

.bf-genesis-loader__identity {
  display: flex;
  gap: 14px;
  align-items: center;
}

.bf-genesis-loader__identity img {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0 0 14px rgba(92,146,255,.2));
}

.bf-genesis-loader__identity div {
  display: grid;
  gap: 3px;
}

.bf-genesis-loader__identity span,
.bf-genesis-loader__progress-copy span,
.bf-genesis-loader__footer > span {
  color: var(--bf-accent-cyan);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-genesis-loader__identity strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(1.55rem, 4vw, 2.15rem);
  letter-spacing: -.045em;
}

.bf-genesis-loader__panel > p {
  max-width: 54ch;
  margin: 18px 0 22px;
  color: var(--bf-muted);
  font-size: .82rem;
  line-height: 1.58;
}

.bf-genesis-loader__progress {
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
}

.bf-genesis-loader__progress span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bf-primary), var(--bf-accent-cyan));
  box-shadow: 0 0 14px rgba(125,235,255,.2);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 300ms var(--bf-ease-standard);
}

.bf-genesis-loader__progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 9px;
}

.bf-genesis-loader__progress-copy strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: .78rem;
}

.bf-genesis-loader__progress-copy span {
  overflow: hidden;
  color: var(--bf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-loader__engines {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 22px 0;
  list-style: none;
}

.bf-genesis-loader__engines li {
  min-width: 0;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 3px 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}

.bf-genesis-loader__engines li > span {
  width: 7px;
  height: 7px;
  grid-row: 1 / 3;
  border-radius: 50%;
  background: rgba(169,182,211,.36);
  box-shadow: none;
}

.bf-genesis-loader__engines li[data-state="active"] > span {
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 10px rgba(125,235,255,.5);
}

.bf-genesis-loader__engines li[data-state="ready"] > span {
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67,217,140,.42);
}

.bf-genesis-loader__engines li[data-state="degraded"] > span {
  background: var(--bf-warning);
  box-shadow: 0 0 10px rgba(248,193,90,.35);
}

.bf-genesis-loader__engines strong {
  overflow: hidden;
  font-size: .61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-loader__engines small {
  grid-column: 2;
  color: var(--bf-muted);
  font-size: .51rem;
}

.bf-genesis-loader__footer {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}

.bf-genesis-loader__footer button {
  min-height: 40px;
  padding-inline: 14px;
  border: 1px solid rgba(125,235,255,.16);
  border-radius: 12px;
  color: var(--bf-text);
  background: rgba(125,235,255,.04);
  font: inherit;
  font-size: .62rem;
  font-weight: 800;
  cursor: pointer;
}

.bf-header__bar {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(145px, .7fr) minmax(0, 3.3fr) max-content;
  gap: clamp(5px, .55vw, 9px);
  border-color: rgba(125,235,255,.095);
  background:
    linear-gradient(125deg, rgba(255,255,255,.09), transparent 30%),
    rgba(7,14,26,.72);
}

.bf-header__bar::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(125,235,255,.44), transparent);
  transform: scaleX(var(--bf-header-progress, 0));
  transform-origin: left center;
  transition: transform 300ms linear;
  pointer-events: none;
}

.bf-header__nav {
  min-width: 0;
  gap: 0;
  justify-content: center;
}

.bf-header__nav a {
  position: relative;
  min-width: 0;
  padding-inline: clamp(2px, .17vw, 4px);
  font-size: clamp(.47rem, .435vw, .58rem);
  letter-spacing: .008em;
  white-space: nowrap;
}

.bf-header__nav a::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 3px;
  left: 5px;
  height: 1px;
  border-radius: 999px;
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 8px rgba(125,235,255,.25);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 300ms var(--bf-ease-standard);
}

.bf-header__nav a[data-bf-experience-current="true"] {
  color: var(--bf-text);
}

.bf-header__nav a[data-bf-experience-current="true"]::after {
  transform: scaleX(1);
}

.bf-header-runtime {
  min-height: 34px;
  display: inline-grid;
  grid-template-columns: 7px auto;
  gap: 0 7px;
  align-content: center;
  padding-inline: 10px;
  border: 1px solid rgba(125,235,255,.12);
  border-radius: 11px;
  background: rgba(125,235,255,.025);
}

.bf-header-runtime > span {
  width: 7px;
  height: 7px;
  grid-row: 1 / 3;
  align-self: center;
  border-radius: 50%;
  background: var(--bf-muted);
}

.bf-header-runtime[data-state="ready"] > span {
  background: var(--bf-success);
  box-shadow: 0 0 10px rgba(67,217,140,.45);
}

.bf-header-runtime[data-state="degraded"] > span {
  background: var(--bf-warning);
}

.bf-header-runtime strong,
.bf-header-runtime small {
  line-height: 1;
}

.bf-header-runtime strong {
  color: var(--bf-muted);
  font-size: .46rem;
  letter-spacing: .1em;
}

.bf-header-runtime small {
  margin-top: 3px;
  font-size: .56rem;
  font-weight: 800;
}

.bf-header-search {
  min-height: 38px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 10px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  color: var(--bf-muted);
  background: rgba(255,255,255,.022);
  font: inherit;
  font-size: .56rem;
  font-weight: 750;
  cursor: pointer;
}

.bf-header-search svg,
.bf-command-palette__search svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

.bf-header-search kbd,
.bf-command-palette kbd {
  padding: 2px 5px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 5px;
  color: rgba(234,246,255,.72);
  background: rgba(255,255,255,.035);
  font: inherit;
  font-size: .48rem;
}

.bf-command-palette {
  width: min(720px, calc(100vw - 28px));
  max-height: min(760px, calc(100dvh - 36px));
  padding: 0;
  border: 1px solid rgba(125,235,255,.14);
  border-radius: 24px;
  color: var(--bf-text);
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 34%),
    rgba(6,13,24,.94);
  box-shadow: 0 28px 90px rgba(0,0,0,.58);
  backdrop-filter: blur(28px) saturate(120%);
  -webkit-backdrop-filter: blur(28px) saturate(120%);
}

.bf-command-palette::backdrop {
  background: rgba(1,4,10,.72);
  backdrop-filter: blur(8px);
}

.bf-command-palette__shell {
  display: grid;
  max-height: inherit;
}

.bf-command-palette__header,
.bf-command-palette__footer {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
}

.bf-command-palette__header {
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.bf-command-palette__header span {
  color: var(--bf-accent-cyan);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-command-palette__header h2 {
  margin: 4px 0 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.35rem;
  letter-spacing: -.035em;
}

.bf-command-palette__header button {
  min-width: 42px;
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  color: var(--bf-muted);
  background: rgba(255,255,255,.025);
  font: inherit;
  font-size: .56rem;
  cursor: pointer;
}

.bf-command-palette__search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 16px 20px 8px;
  padding: 13px 15px;
  border: 1px solid rgba(125,235,255,.13);
  border-radius: 14px;
  background: rgba(125,235,255,.025);
}

.bf-command-palette__search input {
  width: 100%;
  border: 0;
  outline: 0;
  color: var(--bf-text);
  background: transparent;
  font: inherit;
  font-size: .82rem;
}

.bf-command-palette__results {
  display: grid;
  gap: 5px;
  overflow-y: auto;
  padding: 8px 20px 18px;
}

.bf-command-palette__results button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--bf-muted);
  text-align: left;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.bf-command-palette__results button:hover,
.bf-command-palette__results button[data-active="true"] {
  color: var(--bf-text);
  border-color: rgba(125,235,255,.13);
  background: rgba(125,235,255,.035);
}

.bf-command-palette__results button > span {
  color: var(--bf-accent-cyan);
  font-size: .54rem;
  font-weight: 800;
}

.bf-command-palette__results button div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-command-palette__results strong,
.bf-command-palette__results small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-command-palette__results strong { font-size: .7rem; }
.bf-command-palette__results small { font-size: .56rem; }
.bf-command-palette__results i { font-style: normal; }
.bf-command-palette__empty { padding: 28px; color: var(--bf-muted); text-align: center; }

.bf-command-palette__footer {
  justify-content: flex-start;
  border-top: 1px solid rgba(255,255,255,.06);
  color: var(--bf-muted);
  font-size: .54rem;
}

.bf-command-palette__footer span:last-child {
  margin-left: auto;
  color: var(--bf-accent-cyan);
}

.bf-hero {
  min-height: max(940px, 100svh);
  padding-top: clamp(130px, 14vh, 180px);
  padding-bottom: 116px;
  background: #020710;
}

.bf-hero::after {
  background:
    linear-gradient(90deg, rgba(2,7,16,.98) 0%, rgba(2,7,16,.86) 31%, rgba(2,7,16,.36) 58%, rgba(2,7,16,.18) 78%, rgba(2,7,16,.44) 100%),
    linear-gradient(180deg, rgba(2,7,16,.22), transparent 45%, rgba(2,7,16,.92) 100%);
}

.bf-hero__first-design,
.bf-hero__first-design img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.bf-hero__first-design img {
  object-fit: cover;
  object-position: center center;
  opacity: .92;
  filter: saturate(.92) contrast(1.04) brightness(.86);
}

.bf-hero__universe {
  opacity: .12;
  mix-blend-mode: screen;
}

.bf-hero__star-canvas { opacity: .36; }
.bf-hero__stars-fallback { opacity: .22; }
.bf-hero__grid { opacity: .1; }
.bf-hero__network { opacity: .12; }
.bf-hero__orb--primary { opacity: .18; }
.bf-hero__orb--cyan { opacity: .14; }
.bf-hero__vignette {
  background:
    radial-gradient(circle at 76% 39%, transparent 12%, rgba(1,4,10,.08) 35%, rgba(1,4,10,.58) 100%);
}

.bf-hero__layout {
  position: relative;
  z-index: 2;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(30px, 4vw, 72px);
  align-items: stretch;
}

.bf-hero__content {
  max-width: 760px;
  align-content: center;
  gap: 21px;
  padding-block: 24px;
}

.bf-genesis-phase {
  width: fit-content;
  min-height: 30px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding-inline: 11px;
  border: 1px solid rgba(125,235,255,.14);
  border-radius: 999px;
  color: rgba(234,246,255,.78);
  background: rgba(7,16,29,.48);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
}

.bf-genesis-phase > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 10px rgba(125,235,255,.45);
}

.bf-hero__brand {
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 16px;
  background: rgba(5,12,23,.38);
  backdrop-filter: blur(14px);
}

.bf-hero__headline {
  max-width: 11.8ch;
  font-size: clamp(3.25rem, 5.35vw, 5.65rem);
  line-height: .96;
  text-shadow: 0 2px 26px rgba(0,0,0,.32);
}

.bf-hero__headline-line--accent {
  color: #d8fbff;
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: 0 0 20px rgba(125,235,255,.13);
}

.bf-hero__statement {
  max-width: 63ch;
  color: rgba(215,229,244,.76);
  text-shadow: 0 2px 18px rgba(0,0,0,.42);
}

.bf-genesis-inline-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-color: rgba(125,235,255,.1);
  background: rgba(5,12,23,.44);
  backdrop-filter: blur(18px) saturate(112%);
}

.bf-genesis-inline-strip .bf-intel-card[data-state="ready"] strong,
.bf-genesis-inline-strip .bf-intel-card[data-state="verified"] strong,
.bf-genesis-inline-strip .bf-intel-card[data-state="connected"] strong {
  color: var(--bf-success);
}

.bf-genesis-inline-strip .bf-intel-card[data-state="reference"] strong,
.bf-genesis-inline-strip .bf-intel-card[data-state="review"] strong {
  color: var(--bf-accent-cyan);
}

.bf-hero__actions .bf-button--secondary {
  background: rgba(5,12,23,.5);
}

.bf-trust-network {
  max-width: 680px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(5,12,23,.32);
  backdrop-filter: blur(12px);
}

.bf-genesis-hero__visual {
  position: relative;
  min-height: 690px;
  align-self: stretch;
  pointer-events: none;
}

.bf-genesis-orbit {
  position: absolute;
  top: 5%;
  right: -2%;
  width: min(38vw, 570px);
  aspect-ratio: 1;
  opacity: .44;
}

.bf-genesis-orbit > span {
  position: absolute;
  inset: 14%;
  border: 1px solid rgba(125,235,255,.11);
  border-radius: 50%;
}

.bf-genesis-orbit > span:nth-child(2) { inset: 25%; opacity: .7; }
.bf-genesis-orbit > span:nth-child(3) { inset: 38%; opacity: .55; }

.bf-genesis-orbit > i {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(125,235,255,.42);
  border-radius: 50%;
  background: #06111d;
  box-shadow: 0 0 12px rgba(125,235,255,.2);
}

.bf-genesis-orbit > i[data-state="ready"],
.bf-genesis-orbit > i[data-state="verified"],
.bf-genesis-orbit > i[data-state="connected"] {
  background: var(--bf-success);
  border-color: var(--bf-success);
}

.bf-genesis-orbit > i[data-node="kernel"] { top: 15%; left: 48%; }
.bf-genesis-orbit > i[data-node="identity"] { top: 46%; right: 7%; }
.bf-genesis-orbit > i[data-node="policy"] { right: 25%; bottom: 14%; }
.bf-genesis-orbit > i[data-node="audit"] { bottom: 19%; left: 20%; }

.bf-genesis-runtime-card {
  position: absolute;
  right: 0;
  bottom: 12px;
  width: min(100%, 440px);
  overflow: hidden;
  padding: 17px;
  border: 1px solid rgba(125,235,255,.13);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), transparent 34%),
    rgba(5,12,23,.68);
  box-shadow:
    0 22px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(22px) saturate(118%);
  -webkit-backdrop-filter: blur(22px) saturate(118%);
  pointer-events: auto;
}

.bf-genesis-runtime-card__header {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.bf-genesis-runtime-card__identity {
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}

.bf-genesis-runtime-card__identity img {
  width: 39px;
  height: 39px;
}

.bf-genesis-runtime-card__identity div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.bf-genesis-runtime-card__identity span {
  color: var(--bf-accent-cyan);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-genesis-runtime-card__identity h2 {
  overflow: hidden;
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: .86rem;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-runtime-card__live {
  min-height: 27px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding-inline: 9px;
  border: 1px solid rgba(125,235,255,.12);
  border-radius: 999px;
  color: var(--bf-muted);
  font-size: .52rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-genesis-runtime-card__live > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.bf-genesis-runtime-card__live[data-state="ready"] {
  color: var(--bf-success);
  border-color: rgba(67,217,140,.14);
}

.bf-genesis-runtime-card__engines {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding-block: 13px;
}

.bf-genesis-runtime-card__engines article {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 11px;
  background: rgba(255,255,255,.015);
}

.bf-genesis-runtime-card__engines span,
.bf-genesis-runtime-card__metrics > article > span,
.bf-genesis-runtime-card__footer span {
  color: var(--bf-muted);
  font-size: .49rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.bf-genesis-runtime-card__engines strong {
  overflow: hidden;
  font-size: .58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-runtime-card__engines small {
  overflow: hidden;
  color: rgba(169,182,211,.54);
  font-size: .46rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-runtime-card__engines article[data-state="ready"] strong,
.bf-genesis-runtime-card__engines article[data-state="verified"] strong,
.bf-genesis-runtime-card__engines article[data-state="connected"] strong {
  color: var(--bf-success);
}

.bf-genesis-runtime-card__engines article[data-state="reference"] strong,
.bf-genesis-runtime-card__engines article[data-state="review"] strong {
  color: var(--bf-accent-cyan);
}

.bf-genesis-runtime-card__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 0;
  border-block: 1px solid rgba(255,255,255,.055);
}

.bf-genesis-runtime-card__metrics .bf-engine-metric {
  gap: 6px;
}

.bf-genesis-runtime-card__metrics strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1rem;
}

.bf-genesis-runtime-card__footer {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: end;
  padding-top: 12px;
}

.bf-genesis-runtime-card__footer > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-genesis-runtime-card__footer strong {
  overflow: hidden;
  font-size: .58rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-runtime-card__footer a {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  text-decoration: none;
}

.bf-genesis-sentinel-label {
  position: absolute;
  top: 52%;
  right: 2%;
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(125,235,255,.11);
  border-radius: 13px;
  background: rgba(4,11,21,.44);
  backdrop-filter: blur(12px);
}

.bf-genesis-sentinel-label > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 10px rgba(125,235,255,.38);
}

.bf-genesis-sentinel-label div {
  display: grid;
  gap: 2px;
}

.bf-genesis-sentinel-label small {
  color: var(--bf-muted);
  font-size: .48rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.bf-genesis-sentinel-label strong { font-size: .57rem; }

.bf-live-trust-ribbon {
  position: relative;
  z-index: 4;
  margin-top: -60px;
  padding-bottom: 26px;
}

.bf-live-trust-ribbon__shell {
  display: grid;
  grid-template-columns: minmax(170px, .72fr) minmax(0, 3.28fr);
  gap: 22px;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(125,235,255,.12);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), transparent 30%),
    rgba(6,13,24,.84);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  backdrop-filter: blur(22px) saturate(116%);
  -webkit-backdrop-filter: blur(22px) saturate(116%);
}

.bf-live-trust-ribbon__header span {
  color: var(--bf-accent-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-live-trust-ribbon__header h2 {
  margin: 4px 0 2px;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: .94rem;
  letter-spacing: -.025em;
}

.bf-live-trust-ribbon__header p {
  margin: 0;
  color: var(--bf-muted);
  font-size: .53rem;
  line-height: 1.35;
}

.bf-live-trust-ribbon__items {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
}

.bf-live-trust-ribbon__items article {
  min-width: 0;
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr);
  gap: 3px 7px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 11px;
  background: rgba(255,255,255,.014);
}

.bf-live-trust-ribbon__items article > span {
  width: 7px;
  height: 7px;
  grid-row: 1 / 3;
  border-radius: 50%;
  background: rgba(169,182,211,.34);
}

.bf-live-trust-ribbon__items article[data-state="ready"] > span,
.bf-live-trust-ribbon__items article[data-state="verified"] > span,
.bf-live-trust-ribbon__items article[data-state="connected"] > span {
  background: var(--bf-success);
  box-shadow: 0 0 9px rgba(67,217,140,.36);
}

.bf-live-trust-ribbon__items article[data-state="reference"] > span,
.bf-live-trust-ribbon__items article[data-state="review"] > span,
.bf-live-trust-ribbon__items article[data-state="active"] > span {
  background: var(--bf-accent-cyan);
  box-shadow: 0 0 9px rgba(125,235,255,.32);
}

.bf-live-trust-ribbon__items article[data-state="degraded"] > span {
  background: var(--bf-warning);
}

.bf-live-trust-ribbon__items div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.bf-live-trust-ribbon__items small,
.bf-live-trust-ribbon__items strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-live-trust-ribbon__items small {
  color: var(--bf-muted);
  font-size: .46rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.bf-live-trust-ribbon__items strong { font-size: .54rem; }

main > section[id][data-bf-lifecycle="idle"] {
  --bf-section-light: 0;
}

main > section[id][data-bf-lifecycle="revealing"] {
  --bf-section-light: .28;
}

main > section[id][data-bf-lifecycle="visible"] {
  --bf-section-light: .58;
}

main > section[id][data-bf-lifecycle="interactive"] {
  --bf-section-light: 1;
}

main > section[id]::before {
  opacity: calc(var(--bf-section-light, 1) * .16);
  transition: opacity 500ms var(--bf-ease-standard);
}

@media (max-width: 1600px) {
  .bf-header-search span,
  .bf-header-search kbd { display: none; }
  .bf-header-search { width: 38px; justify-content: center; padding: 0; }
}

@media (max-width: 1480px) {
  .bf-header-runtime { display: none; }
}

@media (max-width: 1360px) {
  .bf-header-search { display: none; }
}

@media (max-width: 1220px) {
  .bf-header__nav { display: none; }
  .bf-header__bar { grid-template-columns: minmax(0, 1fr) max-content; }

  .bf-hero__layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
  }

  .bf-genesis-runtime-card { width: min(100%, 390px); }
  .bf-live-trust-ribbon__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .bf-genesis-loader__panel { margin-right: 30vw; }

  .bf-hero {
    min-height: auto;
    padding-bottom: 130px;
  }

  .bf-hero__layout {
    grid-template-columns: 1fr;
  }

  .bf-hero__content { max-width: 720px; }
  .bf-genesis-hero__visual { min-height: 480px; }
  .bf-genesis-orbit { right: 0; width: min(72vw, 560px); }
  .bf-genesis-runtime-card { right: 0; bottom: 0; }

  .bf-live-trust-ribbon__shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .bf-genesis-loader {
    align-items: end;
    padding: 12px;
  }

  .bf-genesis-loader__background img {
    object-position: center top;
    opacity: .74;
  }

  .bf-genesis-loader__vignette {
    background:
      linear-gradient(180deg, rgba(2,7,16,.08) 0%, rgba(2,7,16,.3) 34%, rgba(2,7,16,.93) 66%, #020710 100%);
  }

  .bf-genesis-loader__panel {
    width: 100%;
    max-height: 62dvh;
    overflow-y: auto;
    margin: 0;
    padding: 20px;
    border-radius: 22px;
  }

  .bf-genesis-loader__engines { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .bf-header__actions { gap: 6px; }
  .bf-header-search,
  .bf-header-runtime { display: none; }

  .bf-command-palette {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 20px;
  }

  .bf-command-palette__footer span:last-child { display: none; }

  .bf-hero {
    min-height: 1450px;
    padding-top: 560px;
    padding-bottom: 118px;
  }

  .bf-hero::after {
    background:
      linear-gradient(180deg, rgba(2,7,16,.03) 0%, rgba(2,7,16,.22) 30%, rgba(2,7,16,.9) 51%, #020710 72%, #020710 100%);
  }

  .bf-hero__first-design {
    height: 680px;
    bottom: auto;
  }

  .bf-hero__first-design img {
    object-fit: cover;
    object-position: center top;
    opacity: .98;
  }

  .bf-hero__universe,
  .bf-hero__network,
  .bf-hero__grid { opacity: .04; }

  .bf-hero__layout { gap: 34px; }
  .bf-hero__content { padding: 0; }
  .bf-genesis-phase { font-size: .52rem; }

  .bf-hero__headline {
    max-width: none;
    font-size: clamp(2.7rem, 13vw, 4rem);
  }

  .bf-genesis-inline-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-trust-network__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .bf-genesis-hero__visual {
    min-height: 500px;
    display: block;
  }

  .bf-genesis-orbit {
    top: -70px;
    right: -120px;
    width: 430px;
    opacity: .2;
  }

  .bf-genesis-sentinel-label {
    position: relative;
    top: auto;
    right: auto;
    width: fit-content;
    margin-bottom: 12px;
  }

  .bf-genesis-runtime-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .bf-genesis-runtime-card__header { align-items: flex-start; flex-direction: column; }
  .bf-genesis-runtime-card__engines { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-genesis-runtime-card__metrics { grid-template-columns: 1fr; }
  .bf-genesis-runtime-card__footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-genesis-runtime-card__footer a { grid-column: 1 / -1; }

  .bf-live-trust-ribbon {
    margin-top: -46px;
    padding-inline: 8px;
  }

  .bf-live-trust-ribbon__shell { padding: 14px; }
  .bf-live-trust-ribbon__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-live-trust-ribbon__items article:last-child { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .bf-genesis-loader,
  .bf-genesis-loader__progress span,
  .bf-header__bar::after,
  .bf-header__nav a::after,
  main > section[id]::before {
    transition: none !important;
  }

  .bf-genesis-loader__scan { animation: none !important; }
  .bf-genesis-orbit { display: none; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .bf-genesis-loader__panel,
  .bf-command-palette,
  .bf-genesis-runtime-card,
  .bf-live-trust-ribbon__shell {
    background: #08111f;
  }
}

@media (min-width: 1221px) {
  .bf-hero__first-design {
    height: max(940px, 100svh);
    bottom: auto;
  }

  .bf-hero__first-design img {
    object-position: right center;
  }

  .bf-hero__headline {
    max-width: none;
    font-size: clamp(3.15rem, 4.15vw, 4.35rem);
  }

  .bf-hero__headline-line:nth-of-type(1),
  .bf-hero__headline-line:nth-of-type(2) {
    white-space: nowrap;
  }

  .bf-hero__headline-line--accent {
    max-width: 20ch;
    font-size: .8em;
    line-height: 1.02;
  }

  .bf-genesis-hero__visual {
    height: 760px;
    min-height: 760px;
    align-self: start;
  }
}

:root {
  --bf-genesis-sparkle-opacity: .42;
  --bf-genesis-activity-opacity: .86;
}

.bf-hero__atmosphere {
  isolation: isolate;
}

.bf-genesis-activity-media,
.bf-genesis-activity-media img,
.bf-genesis-activity-field {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.bf-genesis-activity-media {
  z-index: 0;
  overflow: hidden;
  opacity: var(--bf-genesis-sparkle-opacity);
  mix-blend-mode: screen;
}

.bf-genesis-activity-media img {
  object-fit: cover;
  object-position: center center;
  filter: saturate(1.08) contrast(1.03) brightness(.88);
}

.bf-hero__first-design {
  z-index: 1;
}

.bf-hero__universe {
  z-index: 2;
  opacity: .18;
}

.bf-hero__star-canvas {
  z-index: 3;
  opacity: .56;
  filter: drop-shadow(0 0 3px rgba(125, 235, 255, .18));
}

.bf-genesis-activity-field {
  z-index: 4;
  opacity: var(--bf-genesis-activity-opacity);
  mix-blend-mode: screen;
}

.bf-hero__stars-fallback {
  z-index: 5;
  opacity: .36;
  background-image:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 34% 66%, rgba(102, 224, 255, .62) 0 1px, transparent 1.8px),
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .68) 0 1px, transparent 1.8px),
    radial-gradient(circle at 88% 71%, rgba(109, 226, 255, .58) 0 1px, transparent 1.8px),
    radial-gradient(circle at 57% 42%, rgba(255, 255, 255, .44) 0 .8px, transparent 1.5px);
  background-size:
    173px 151px,
    227px 211px,
    293px 257px,
    331px 297px,
    139px 127px;
  animation: bf-genesis-sprinkle-drift 24s linear infinite alternate;
}

.bf-hero__grid {
  z-index: 6;
  opacity: .16;
}

.bf-hero__network {
  z-index: 7;
  opacity: .22;
  filter: drop-shadow(0 0 5px rgba(40, 210, 237, .08));
}

.bf-network__lines path {
  stroke-dasharray: 2 17;
  animation: bf-genesis-network-flow 18s linear infinite;
}

.bf-network__lines path:nth-child(2n) {
  animation-duration: 24s;
  animation-direction: reverse;
}

.bf-network__nodes circle {
  transform-box: fill-box;
  transform-origin: center;
  animation: bf-genesis-node-breathe 3.8s ease-in-out infinite;
}

.bf-network__nodes circle:nth-child(2n) {
  animation-delay: -1.7s;
}

.bf-hero__orb--primary,
.bf-hero__orb--cyan {
  z-index: 8;
}

.bf-hero__vignette {
  z-index: 9;
  background:
    radial-gradient(circle at 76% 39%, transparent 9%, rgba(1, 4, 10, .03) 31%, rgba(1, 4, 10, .5) 100%),
    linear-gradient(90deg, rgba(2, 7, 16, .26), transparent 42%, rgba(2, 7, 16, .08));
}

.bf-hero[data-bf-genesis-activity="active"] .bf-genesis-runtime-card__live > span,
.bf-hero[data-bf-genesis-activity="active"] .bf-genesis-sentinel-label > span,
.bf-hero[data-bf-genesis-activity="active"] .bf-genesis-phase > span {
  animation: bf-genesis-live-pulse 2.6s ease-in-out infinite;
}

.bf-genesis-runtime-card {
  width: min(100%, 468px);
  border-color: rgba(125, 235, 255, .18);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .09), transparent 34%),
    radial-gradient(380px 210px at 100% 0%, rgba(34, 211, 238, .055), transparent 72%),
    rgba(5, 12, 23, .76);
  box-shadow:
    0 24px 66px rgba(0, 0, 0, .4),
    0 0 0 1px rgba(125, 235, 255, .025),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.bf-genesis-runtime-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(113deg, transparent 0 36%, rgba(255, 255, 255, .055) 44%, transparent 52% 100%);
  transform: translateX(-120%);
  animation: bf-genesis-card-reflection 8.8s ease-in-out infinite;
}

.bf-genesis-readiness {
  position: relative;
  display: grid;
  gap: 9px;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, .055);
}

.bf-genesis-readiness__header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.bf-genesis-readiness__header > div {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.bf-genesis-readiness__header img,
.bf-genesis-readiness__top img {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

.bf-genesis-readiness__header span {
  color: var(--bf-accent-cyan);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-genesis-readiness__header small {
  color: rgba(169, 182, 211, .56);
  font-size: .46rem;
}

.bf-genesis-readiness__metric {
  display: grid;
  gap: 5px;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 11px;
  background: rgba(255, 255, 255, .012);
  transition:
    border-color 300ms ease,
    background 300ms ease,
    box-shadow 300ms ease;
}

.bf-genesis-readiness__metric[data-updated="true"] {
  border-color: rgba(125, 235, 255, .2);
  background: rgba(125, 235, 255, .035);
  box-shadow: 0 0 18px rgba(125, 235, 255, .05);
}

.bf-genesis-readiness__top {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.bf-genesis-readiness__top > span {
  min-width: 0;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: rgba(224, 238, 250, .84);
  font-size: .56rem;
  font-weight: 760;
}

.bf-genesis-readiness__top strong {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  color: var(--bf-accent-cyan);
  font-size: .72rem;
}

.bf-genesis-readiness__metric[data-state="ready"] .bf-genesis-readiness__top strong {
  color: var(--bf-success);
}

.bf-genesis-readiness__metric[data-state="review"] .bf-genesis-readiness__top strong {
  color: var(--bf-accent-cyan);
}

.bf-genesis-readiness__track {
  position: relative;
  height: 5px;
  overflow: visible;
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
}

.bf-genesis-readiness__track > span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(53, 174, 222, .66), rgba(125, 235, 255, .94));
  box-shadow: 0 0 10px rgba(125, 235, 255, .14);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.bf-genesis-readiness__metric[data-state="ready"] .bf-genesis-readiness__track > span {
  background:
    linear-gradient(90deg, rgba(46, 183, 146, .62), rgba(67, 217, 140, .94));
  box-shadow: 0 0 10px rgba(67, 217, 140, .15);
}

.bf-genesis-readiness__track > i {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(194, 247, 255, .7);
  border-radius: 50%;
  background: #071321;
  box-shadow: 0 0 10px rgba(125, 235, 255, .46);
  transform: translate(-50%, -50%);
  transition: left 800ms cubic-bezier(.22, .8, .2, 1);
}

.bf-genesis-readiness__metric[data-state="ready"] .bf-genesis-readiness__track > i {
  border-color: rgba(123, 246, 184, .75);
  box-shadow: 0 0 10px rgba(67, 217, 140, .44);
}

.bf-genesis-readiness__metric > small {
  overflow: hidden;
  color: rgba(169, 182, 211, .55);
  font-size: .45rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-genesis-runtime-card__metrics {
  padding-top: 11px;
}

.bf-genesis-orbit {
  opacity: .58;
  filter: drop-shadow(0 0 12px rgba(57, 218, 239, .08));
}

.bf-genesis-orbit > span {
  animation: bf-genesis-orbit-breathe 7.8s ease-in-out infinite;
}

.bf-genesis-orbit > span:nth-child(2) {
  animation-delay: -2.4s;
}

.bf-genesis-orbit > span:nth-child(3) {
  animation-delay: -4.8s;
}

.bf-genesis-orbit > i {
  animation: bf-genesis-orbit-node 3.4s ease-in-out infinite;
}

.bf-genesis-orbit > i:nth-of-type(2) {
  animation-delay: -.9s;
}

.bf-genesis-orbit > i:nth-of-type(3) {
  animation-delay: -1.8s;
}

.bf-genesis-orbit > i:nth-of-type(4) {
  animation-delay: -2.7s;
}

@keyframes bf-genesis-sprinkle-drift {
  from { transform: translate3d(-5px, -3px, 0); }
  to { transform: translate3d(7px, 4px, 0); }
}

@keyframes bf-genesis-network-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -190; }
}

@keyframes bf-genesis-node-breathe {
  0%, 100% { opacity: .38; transform: scale(.9); }
  50% { opacity: .92; transform: scale(1.35); }
}

@keyframes bf-genesis-live-pulse {
  0%, 100% { opacity: .62; transform: scale(.88); box-shadow: 0 0 7px rgba(125, 235, 255, .2); }
  50% { opacity: 1; transform: scale(1.08); box-shadow: 0 0 15px rgba(125, 235, 255, .48); }
}

@keyframes bf-genesis-card-reflection {
  0%, 64%, 100% { transform: translateX(-120%); opacity: 0; }
  72% { opacity: .65; }
  84% { transform: translateX(120%); opacity: 0; }
}

@keyframes bf-genesis-orbit-breathe {
  0%, 100% { opacity: .38; transform: scale(.985); }
  50% { opacity: .72; transform: scale(1.012); }
}

@keyframes bf-genesis-orbit-node {
  0%, 100% { transform: scale(.9); }
  50% { transform: scale(1.22); }
}

@media (max-width: 1220px) {
  .bf-genesis-runtime-card {
    width: min(100%, 420px);
  }

  .bf-genesis-readiness__metric > small {
    white-space: normal;
  }
}

@media (max-width: 980px) {
  .bf-genesis-hero__visual {
    min-height: 680px;
  }

  .bf-genesis-runtime-card {
    width: min(100%, 468px);
  }
}

@media (max-width: 680px) {
  :root {
    --bf-genesis-sparkle-opacity: .34;
    --bf-genesis-activity-opacity: .72;
  }

  .bf-genesis-activity-media {
    height: 720px;
    bottom: auto;
  }

  .bf-genesis-activity-media img {
    object-position: 70% top;
  }

  .bf-genesis-activity-field {
    height: 720px !important;
  }

  .bf-hero__star-canvas {
    opacity: .44;
  }

  .bf-genesis-hero__visual {
    min-height: 740px;
  }

  .bf-genesis-runtime-card {
    width: 100%;
  }

  .bf-genesis-readiness__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .bf-genesis-readiness__metric > small {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero__stars-fallback,
  .bf-network__lines path,
  .bf-network__nodes circle,
  .bf-genesis-runtime-card::after,
  .bf-genesis-orbit > span,
  .bf-genesis-orbit > i,
  .bf-hero[data-bf-genesis-activity="active"] .bf-genesis-runtime-card__live > span,
  .bf-hero[data-bf-genesis-activity="active"] .bf-genesis-sentinel-label > span,
  .bf-hero[data-bf-genesis-activity="active"] .bf-genesis-phase > span {
    animation: none !important;
  }

  .bf-genesis-readiness__metric,
  .bf-genesis-readiness__track > i {
    transition: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .bf-genesis-runtime-card {
    background: rgba(5, 12, 23, .96);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .bf-genesis-runtime-card {
    background: #071321;
  }
}

@media (max-width: 680px) {
  .bf-hero {
    min-height: auto;
    padding-top: clamp(346px, 96vw, 396px);
    padding-bottom: 104px;
  }

  .bf-hero::after {
    background:
      linear-gradient(
        180deg,
        rgba(2, 7, 16, .02) 0%,
        rgba(2, 7, 16, .08) 31%,
        rgba(2, 7, 16, .68) 50%,
        #020710 63%,
        #020710 100%
      );
  }

  .bf-hero__first-design {
    height: clamp(320px, 90vw, 375px) !important;
    bottom: auto;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field {
    height: 430px !important;
    bottom: auto;
  }

  .bf-hero__first-design img {
    object-fit: cover;
    object-position: center 8%;
    opacity: 1;
    filter: saturate(.94) contrast(1.04) brightness(.88);
  }

  .bf-genesis-activity-media img {
    object-position: 68% top;
  }

  .bf-hero__star-canvas {
    height: 430px !important;
    opacity: .48;
  }

  .bf-hero__grid {
    display: none;
  }

  .bf-hero__network {
    height: 430px;
  }

  .bf-hero__layout {
    gap: 28px;
  }

  .bf-hero__content {
    display: grid;
    gap: 17px;
    max-width: none;
  }

  
  .bf-hero__headline {
    order: 1;
    max-width: 100%;
    margin: 0;
    font-size: clamp(2rem, 8.05vw, 2.35rem);
    line-height: .98;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .bf-hero__headline-visual {
    gap: .2em;
  }

  .bf-hero__headline-line {
    min-height: 0;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .bf-hero__headline-line--accent {
    max-width: 100%;
    font-size: .92em;
    line-height: 1.03;
  }

  .bf-genesis-phase {
    order: 2;
    margin-top: 2px;
  }

  .bf-hero__brand {
    order: 3;
  }

  .bf-hero__statement {
    order: 4;
    margin: 0;
    font-size: .94rem;
    line-height: 1.66;
  }

  .bf-genesis-inline-strip {
    order: 5;
  }

  .bf-hero__actions {
    order: 6;
  }

  .bf-trust-network {
    order: 7;
  }

  .bf-genesis-hero__visual {
    order: 8;
    min-height: auto;
    display: grid;
    gap: 13px;
  }

  .bf-genesis-sentinel-label {
    order: 1;
    margin: 0;
  }

  .bf-genesis-runtime-card {
    order: 2;
  }

  .bf-genesis-orbit {
    display: none;
  }
}

@media (max-width: 430px) {
  .bf-hero {
    padding-top: clamp(346px, 96vw, 374px);
  }

  .bf-hero__headline {
    font-size: clamp(1.92rem, 7.9vw, 2.12rem);
  }
}

@media (max-width: 380px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .bf-menu-drawer {
    contain: layout paint;
  }

  .bf-hero__universe,
  .bf-hero__orb,
  .bf-process-console__nodes {
    max-width: 100vw;
  }
}

@media (max-width: 360px) {
  .bf-hero {
    padding-top: 346px;
  }

  .bf-hero__first-design {
    height: 322px !important;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__grid,
  .bf-hero__network {
    height: 390px !important;
  }

  .bf-hero__headline {
    font-size: 1.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero__headline-line {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 680px) {
  .bf-hero {
    min-height: auto;
    padding-top: clamp(432px, 112vw, 484px);
    padding-bottom: 108px;
  }

  .bf-hero::after {
    background:
      linear-gradient(
        180deg,
        rgba(2, 7, 16, .01) 0%,
        rgba(2, 7, 16, .04) 27%,
        rgba(2, 7, 16, .24) 42%,
        rgba(2, 7, 16, .78) 55%,
        #020710 66%,
        #020710 100%
      );
  }

  .bf-hero__first-design {
    height: clamp(456px, 124vw, 520px) !important;
    bottom: auto;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__network {
    height: clamp(520px, 138vw, 586px) !important;
    bottom: auto;
  }

  .bf-hero__first-design img {
    object-fit: cover;
    object-position: center top;
    opacity: 1;
    filter:
      saturate(.96)
      contrast(1.045)
      brightness(.91);
  }

  .bf-genesis-activity-media img {
    object-position: 68% top;
  }

  .bf-hero__star-canvas {
    opacity: .5;
  }

  .bf-hero__network {
    opacity: .17;
  }

  .bf-hero__layout {
    gap: 30px;
  }

  .bf-hero__content {
    position: relative;
    z-index: 4;
    display: grid;
    gap: 15px;
    max-width: none;
    padding: 0;
    margin-top: -38px;
  }

  
  .bf-genesis-phase {
    order: 1;
    width: fit-content;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid rgba(125, 235, 255, .16);
    border-radius: 999px;
    background: rgba(4, 13, 25, .72);
    box-shadow:
      0 12px 34px rgba(0, 0, 0, .28),
      inset 0 1px 0 rgba(255, 255, 255, .045);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    font-size: .5rem;
  }

  .bf-hero__brand {
    order: 2;
    min-height: 58px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 10px 13px;
    margin: 0;
    border: 1px solid rgba(121, 168, 255, .12);
    border-radius: 17px;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, .055),
        rgba(255, 255, 255, .014)
      ),
      rgba(4, 13, 25, .76);
    box-shadow:
      0 16px 44px rgba(0, 0, 0, .32),
      inset 0 1px 0 rgba(255, 255, 255, .05);
    backdrop-filter: blur(18px) saturate(112%);
    -webkit-backdrop-filter: blur(18px) saturate(112%);
  }

  .bf-hero__brand-mark {
    width: 40px;
    height: 40px;
  }

  .bf-hero__brand-copy {
    min-width: 0;
    gap: 1px;
  }

  .bf-hero__brand-name {
    font-size: .96rem;
  }

  .bf-hero__brand-meta {
    font-size: .5rem;
    letter-spacing: .13em;
  }

  .bf-hero__leitmotif {
    margin-top: 2px;
    font-size: .58rem;
  }

  .bf-hero__headline {
    order: 3;
    max-width: 100%;
    margin: 5px 0 0;
    font-size: clamp(1.94rem, 8.2vw, 2.24rem);
    line-height: 1;
    letter-spacing: -.047em;
    text-wrap: balance;
  }

  .bf-hero__headline-visual {
    gap: .18em;
  }

  .bf-hero__headline-line {
    min-height: 0;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .bf-hero__headline-line--accent {
    max-width: 100%;
    font-size: .9em;
    line-height: 1.04;
  }

  .bf-hero__statement {
    order: 4;
    margin: 4px 0 0;
    font-size: .92rem;
    line-height: 1.62;
  }

  .bf-genesis-inline-strip {
    order: 5;
  }

  .bf-hero__actions {
    order: 6;
  }

  .bf-trust-network {
    order: 7;
  }

  .bf-genesis-hero__visual {
    order: 8;
    min-height: auto;
    display: grid;
    gap: 13px;
  }

  .bf-genesis-sentinel-label {
    order: 1;
    margin: 0;
  }

  .bf-genesis-runtime-card {
    order: 2;
  }

  .bf-genesis-orbit {
    display: none;
  }
}

@media (max-width: 430px) {
  .bf-hero {
    padding-top: clamp(418px, 111vw, 456px);
  }

  .bf-hero__first-design {
    height: clamp(442px, 122vw, 486px) !important;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__network {
    height: clamp(502px, 137vw, 552px) !important;
  }

  .bf-hero__content {
    margin-top: -34px;
  }

  .bf-hero__headline {
    font-size: clamp(1.84rem, 8.05vw, 2.06rem);
  }
}

@media (max-width: 380px) {
  .bf-hero {
    padding-top: 404px;
  }

  .bf-hero__first-design {
    height: 432px !important;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__network {
    height: 492px !important;
  }

  .bf-hero__content {
    margin-top: -28px;
  }

  .bf-hero__headline {
    font-size: 1.72rem;
  }

  .bf-hero__brand {
    grid-template-columns: 38px minmax(0, 1fr);
    padding-inline: 11px;
  }

  .bf-hero__brand-mark {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 360px) {
  .bf-hero {
    padding-top: 392px;
  }

  .bf-hero__first-design {
    height: 420px !important;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__network {
    height: 480px !important;
  }

  .bf-hero__headline {
    font-size: 1.64rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero__headline-line,
  .bf-genesis-phase,
  .bf-hero__brand {
    animation: none !important;
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-genesis-phase,
  .bf-hero__brand {
    background: rgba(4, 13, 25, .96);
  }
}

.bf-process-console--synchronized .bf-process-console__detail {
  display: none;
}

.bf-process-sync-dashboard {
  --bf-sync-accent: var(--bf-accent-cyan);
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 15px;
  margin: 0 20px 18px;
  padding: 17px;
  border: 1px solid rgba(125, 235, 255, .12);
  border-radius: var(--bf-radius-lg);
  background:
    radial-gradient(
      320px 180px at 0% 0%,
      color-mix(in srgb, var(--bf-sync-accent) 10%, transparent),
      transparent 72%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .048),
      rgba(255, 255, 255, .008) 48%,
      transparent 72%
    ),
    rgba(3, 9, 18, .34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 18px 54px rgba(0, 0, 0, .2);
}

.bf-process-sync-dashboard[data-domain="decision"] {
  --bf-sync-accent: #79a8ff;
}

.bf-process-sync-dashboard[data-domain="compliance"] {
  --bf-sync-accent: #43d98c;
}

.bf-process-sync-dashboard[data-domain="ai"] {
  --bf-sync-accent: #4de6e6;
}

.bf-process-sync-dashboard[data-domain="monitoring"] {
  --bf-sync-accent: #9bbcff;
}

.bf-process-sync-dashboard::before {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  height: 1px;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--bf-sync-accent) 52%, transparent),
      transparent
    );
}

.bf-process-sync-dashboard__header {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
}

.bf-process-sync-dashboard__header > div {
  min-width: 0;
}

.bf-process-sync-dashboard__header > div > span,
.bf-process-sync-dashboard > footer > span {
  display: block;
  margin-bottom: 5px;
  color: var(--bf-sync-accent);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bf-process-sync-dashboard__header h4 {
  max-width: 29ch;
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: 1.08rem;
  line-height: 1.08;
  letter-spacing: -.028em;
  text-wrap: balance;
}

.bf-process-sync-dashboard__status {
  min-height: 27px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
  padding-inline: 9px;
  border: 1px solid rgba(67, 217, 140, .14);
  border-radius: 999px;
  color: var(--bf-success);
  background: rgba(67, 217, 140, .035);
  font-size: .52rem;
  white-space: nowrap;
}

.bf-process-sync-dashboard__status > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 11px rgba(67, 217, 140, .5);
}

.bf-process-sync-dashboard__explanation {
  margin: 0;
  color: var(--bf-muted);
  font-size: .67rem;
  line-height: 1.52;
}

.bf-process-sync-domains {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.bf-process-sync-domains > span {
  min-width: 0;
  min-height: 30px;
  display: grid;
  place-items: center;
  padding-inline: 4px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 9px;
  color: rgba(169, 182, 211, .58);
  background: rgba(255, 255, 255, .014);
  font-size: .48rem;
  font-weight: 800;
  letter-spacing: .025em;
  text-transform: uppercase;
  transition:
    color var(--bf-fast) var(--bf-ease-standard),
    border-color var(--bf-fast) var(--bf-ease-standard),
    background var(--bf-fast) var(--bf-ease-standard),
    box-shadow var(--bf-fast) var(--bf-ease-standard);
}

.bf-process-sync-domains > span[data-state="connected"] {
  color: var(--bf-muted);
  border-color: rgba(121, 168, 255, .11);
}

.bf-process-sync-domains > span[data-state="active"] {
  color: var(--bf-text);
  border-color: color-mix(in srgb, var(--bf-sync-accent) 32%, transparent);
  background: color-mix(in srgb, var(--bf-sync-accent) 7%, transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--bf-sync-accent) 10%, transparent);
}

.bf-process-sync-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.bf-process-sync-metrics article {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .052);
  border-radius: 11px;
  background: rgba(255, 255, 255, .016);
}

.bf-process-sync-metrics article[data-tone="positive"] {
  border-color: rgba(67, 217, 140, .12);
}

.bf-process-sync-metrics article[data-tone="warning"],
.bf-process-sync-metrics article[data-tone="review"] {
  border-color: rgba(248, 193, 90, .12);
}

.bf-process-sync-metrics span {
  color: var(--bf-muted);
  font-size: .49rem;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.bf-process-sync-metrics strong {
  overflow: hidden;
  color: var(--bf-text);
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .88rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-process-sync-metrics small {
  overflow: hidden;
  color: rgba(169, 182, 211, .64);
  font-size: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-process-sync-dashboard__lower {
  display: grid;
  grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr);
  gap: 9px;
}

.bf-process-sync-dashboard__lower > section,
.bf-process-sync-dashboard__lower > dl {
  min-width: 0;
  margin: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 11px;
  background: rgba(255, 255, 255, .012);
}

.bf-process-sync-dashboard__lower > section > span,
.bf-process-sync-dashboard__lower dt {
  color: var(--bf-muted);
  font-size: .49rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-process-sync-dashboard__lower ul {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  padding: 0;
  margin: 9px 0 0;
  list-style: none;
}

.bf-process-sync-dashboard__lower li {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  padding-inline: 8px;
  border: 1px solid rgba(121, 168, 255, .11);
  border-radius: 999px;
  color: var(--bf-muted);
  background: rgba(121, 168, 255, .025);
  font-size: .49rem;
  font-weight: 750;
}

.bf-process-sync-dashboard__lower li[data-state="active"] {
  color: var(--bf-text);
  border-color: color-mix(in srgb, var(--bf-sync-accent) 22%, transparent);
}

.bf-process-sync-dashboard__lower dl {
  display: grid;
  gap: 8px;
}

.bf-process-sync-dashboard__lower dl > div {
  display: grid;
  gap: 2px;
}

.bf-process-sync-dashboard__lower dd {
  margin: 0;
  color: var(--bf-text);
  font-size: .55rem;
  line-height: 1.35;
}

.bf-process-sync-dashboard > footer {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding-top: 2px;
}

.bf-process-sync-dashboard > footer > span {
  margin: 0;
}

.bf-process-sync-dashboard > footer a {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--bf-text);
  font-size: .55rem;
  font-weight: 800;
}

.bf-process-sync-dashboard > footer .bf-icon {
  width: 14px;
  height: 14px;
  color: var(--bf-sync-accent);
}

.bf-dashboard-narrative {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: center;
  margin: 0 0 clamp(40px, 6vw, 70px);
  padding: clamp(21px, 3vw, 30px);
  border: 1px solid rgba(125, 235, 255, .12);
  border-radius: var(--bf-radius-xl);
  background:
    radial-gradient(
      560px 230px at 0% 0%,
      rgba(121, 168, 255, .085),
      transparent 72%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .01) 44%,
      transparent 70%
    ),
    rgba(9, 17, 30, .62);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(22px) saturate(116%);
  -webkit-backdrop-filter: blur(22px) saturate(116%);
}

.bf-dashboard-narrative::before {
  content: "";
  position: absolute;
  top: 0;
  right: 12%;
  left: 12%;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(125, 235, 255, .32),
      transparent
    );
}

.bf-dashboard-narrative__copy > span {
  display: block;
  margin-bottom: 8px;
  color: var(--bf-accent-cyan);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bf-dashboard-narrative__copy > div {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-bottom: 11px;
  color: var(--bf-muted);
  font-size: .72rem;
}

.bf-dashboard-narrative__copy > div strong:last-child {
  color: var(--bf-accent-cyan);
  text-transform: capitalize;
}

.bf-dashboard-narrative__copy h3 {
  max-width: 28ch;
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1.04;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.bf-dashboard-narrative__copy p {
  max-width: 64ch;
  margin: 13px 0 0;
  color: var(--bf-muted);
  font-size: .79rem;
  line-height: 1.58;
}

.bf-dashboard-narrative__progress {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-dashboard-narrative__progress::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 8%;
  left: 8%;
  height: 1px;
  background: rgba(255, 255, 255, .07);
}

.bf-dashboard-narrative__progress li {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: rgba(169, 182, 211, .54);
  text-align: center;
}

.bf-dashboard-narrative__progress span {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  background: rgba(5, 9, 20, .94);
  font-size: .58rem;
  font-weight: 800;
  transition:
    color var(--bf-medium) var(--bf-ease-standard),
    border-color var(--bf-medium) var(--bf-ease-standard),
    background var(--bf-medium) var(--bf-ease-standard),
    box-shadow var(--bf-medium) var(--bf-ease-standard);
}

.bf-dashboard-narrative__progress strong {
  font-size: .54rem;
  line-height: 1.25;
}

.bf-dashboard-narrative__progress li[data-complete="true"] span,
.bf-dashboard-narrative__progress li[data-active="true"] span {
  color: var(--bf-accent-cyan);
  border-color: rgba(125, 235, 255, .24);
  background: rgba(125, 235, 255, .055);
}

.bf-dashboard-narrative__progress li[data-active="true"] span {
  box-shadow: 0 0 18px rgba(125, 235, 255, .13);
}

.bf-dashboard-narrative__progress li[data-active="true"] {
  color: var(--bf-text);
}

@media (max-width: 1080px) {
  .bf-process-console--synchronized .bf-process-console__detail {
    display: none;
  }

  .bf-dashboard-narrative {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .bf-process-sync-dashboard__header,
  .bf-process-sync-dashboard > footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-process-sync-dashboard__status {
    white-space: normal;
  }

  .bf-process-sync-domains {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bf-process-sync-dashboard__lower {
    grid-template-columns: 1fr;
  }

  .bf-dashboard-narrative__progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 15px;
  }

  .bf-dashboard-narrative__progress::before {
    display: none;
  }
}

@media (max-width: 430px) {
  .bf-process-sync-dashboard {
    margin-inline: 12px;
    padding: 14px;
  }

  .bf-process-sync-metrics {
    grid-template-columns: 1fr;
  }

  .bf-process-sync-domains {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-process-sync-domains > span,
  .bf-dashboard-narrative__progress span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-dashboard-narrative,
  .bf-process-sync-dashboard {
    background: var(--bf-surface);
  }
}

.bf-industry-universe {
  --bf-industry-cyan: #7defff;
  --bf-industry-blue: #79a8ff;
  --bf-industry-surface: rgba(8, 17, 31, .82);
  --bf-industry-border: rgba(255, 255, 255, .075);
  padding-block:
    clamp(112px, 12vw, 174px);
  background:
    radial-gradient(
      900px 640px at 92% 8%,
      rgba(121, 168, 255, .09),
      transparent 70%
    ),
    radial-gradient(
      780px 560px at 4% 83%,
      rgba(77, 230, 230, .042),
      transparent 74%
    ),
    linear-gradient(
      180deg,
      #030813,
      #050a16 44%,
      #030813
    );
}

.bf-industry-universe::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image:
    linear-gradient(
      rgba(121, 168, 255, .11) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .09) 1px,
      transparent 1px
    );
  background-size:
    72px 72px;
  mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000 18%,
      #000 82%,
      transparent
    );
}

.bf-industry-universe__layout {
  grid-template-columns:
    minmax(250px, .48fr)
    minmax(0, 1.52fr);
  gap:
    clamp(28px, 4vw, 56px);
}

.bf-industry-universe .bf-environment-selector {
  position: sticky;
  top: 104px;
  min-width: 0;
  align-self: start;
}

.bf-industry-universe__rail-intro {
  margin-bottom: 19px;
  padding:
    0 5px;
}

.bf-industry-universe__rail-intro > span,
.bf-industry-universe__clusters > header > span,
.bf-industry-profile__logic section > span,
.bf-industry-profile__modules header > span,
.bf-industry-dashboard__runtime header > span {
  display: block;
  color:
    var(--bf-industry-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-industry-universe__rail-intro strong {
  display: block;
  margin-top: 5px;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.3rem, 2.5vw, 1.85rem);
  letter-spacing: -.035em;
}

.bf-industry-universe__rail-intro p {
  margin:
    9px 0 0;
  color:
    var(--bf-muted);
  font-size: .69rem;
  line-height: 1.55;
}

.bf-environment-selector__list {
  display: grid;
  gap: 8px;
}

.bf-industry-universe .bf-environment-option {
  min-height: 84px;
  grid-template-columns:
    47px
    minmax(0, 1fr)
    max-content;
  padding:
    12px 13px;
  border-radius: 17px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .038),
      rgba(255, 255, 255, .008)
    ),
    rgba(8, 17, 31, .52);
}

.bf-industry-universe .bf-environment-option[aria-selected="true"] {
  box-shadow:
    0 20px 50px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .055);
}

.bf-industry-universe .bf-environment-option__content > span {
  font-size: .58rem;
}

.bf-industry-universe .bf-environment-option__state {
  color:
    var(--bf-industry-cyan);
  font-size: .49rem;
  letter-spacing: .07em;
}

.bf-industry-universe__console {
  min-width: 0;
  overflow: hidden;
  border-color:
    rgba(125, 235, 255, .1);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .07),
      rgba(255, 255, 255, .012) 30%,
      transparent 57%
    ),
    rgba(7, 14, 27, .9);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .07);
}

.bf-industry-universe__environment {
  display: grid;
  grid-template-columns:
    minmax(210px, .62fr)
    minmax(0, 1.38fr);
  gap:
    18px 28px;
  align-items: center;
  padding:
    20px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
  background:
    radial-gradient(
      440px 180px at 0% 0%,
      rgba(121, 168, 255, .08),
      transparent 74%
    );
}

.bf-industry-universe__environment
.bf-environment-console__profile {
  padding: 0;
  border: 0;
}

.bf-industry-universe__environment
.bf-environment-console__summary {
  padding: 0;
  margin: 0;
  border: 0;
}

.bf-industry-universe__environment-meta {
  grid-column: 1 / -1;
  display: flex;
  gap:
    12px 24px;
  align-items: center;
  justify-content: space-between;
  padding:
    10px 12px;
  border:
    1px solid rgba(121, 168, 255, .1);
  border-radius: 12px;
  background:
    rgba(121, 168, 255, .025);
}

.bf-industry-universe__environment-meta span {
  color:
    var(--bf-industry-cyan);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-industry-universe__environment-meta small {
  color:
    rgba(169, 182, 211, .7);
  font-size: .56rem;
}

.bf-industry-universe__clusters {
  padding:
    20px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-industry-universe__clusters > header {
  display: flex;
  gap:
    16px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 14px;
}

.bf-industry-universe__clusters h4 {
  margin:
    5px 0 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.05rem, 2vw, 1.42rem);
  letter-spacing: -.03em;
}

.bf-industry-universe__cluster-grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.bf-industry-cluster {
  min-width: 0;
  min-height: 74px;
  display: grid;
  grid-template-columns:
    38px
    minmax(0, 1fr)
    9px;
  gap: 10px;
  align-items: center;
  padding:
    10px 11px;
  border:
    1px solid rgba(255, 255, 255, .055);
  border-radius: 14px;
  color:
    var(--bf-muted);
  text-align: left;
  background:
    rgba(255, 255, 255, .018);
  cursor: pointer;
  transition:
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-industry-cluster:hover,
.bf-industry-cluster:focus-visible,
.bf-industry-cluster[data-active="true"] {
  color:
    var(--bf-text);
  border-color:
    rgba(125, 235, 255, .2);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .075),
      rgba(77, 230, 230, .018)
    ),
    rgba(255, 255, 255, .022);
}

.bf-industry-cluster:hover {
  transform:
    translateY(-2px);
}

.bf-industry-cluster[data-active="true"] {
  box-shadow:
    0 15px 38px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.bf-industry-cluster__icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border:
    1px solid rgba(121, 168, 255, .12);
  border-radius: 12px;
  color:
    var(--bf-industry-cyan);
  background:
    rgba(121, 168, 255, .035);
}

.bf-industry-cluster__icon .bf-icon {
  width: 22px;
  height: 22px;
}

.bf-industry-cluster > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bf-industry-cluster small {
  overflow: hidden;
  color:
    var(--bf-industry-cyan);
  font-size: .48rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-industry-cluster strong {
  overflow: hidden;
  font-size: .63rem;
  line-height: 1.2;
  text-overflow: ellipsis;
}

.bf-industry-cluster > i {
  width: 8px;
  height: 8px;
  border:
    1px solid rgba(169, 182, 211, .36);
  border-radius: 50%;
}

.bf-industry-cluster[data-active="true"] > i {
  border-color:
    rgba(125, 235, 255, .72);
  background:
    var(--bf-industry-cyan);
  box-shadow:
    0 0 14px rgba(125, 235, 255, .34);
}

.bf-industry-universe__workspace {
  display: grid;
  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);
  gap:
    16px;
  padding:
    20px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-industry-profile {
  min-width: 0;
  border:
    1px solid var(--bf-industry-border);
  border-radius: 20px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .04),
      rgba(255, 255, 255, .008)
    ),
    rgba(4, 11, 23, .54);
}

.bf-industry-profile__header {
  display: grid;
  grid-template-columns:
    54px
    minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  padding:
    18px;
  border-bottom:
    1px solid rgba(255, 255, 255, .055);
}

.bf-industry-profile__icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border:
    1px solid rgba(125, 235, 255, .14);
  border-radius: 17px;
  color:
    var(--bf-industry-cyan);
  background:
    radial-gradient(
      circle at 30% 25%,
      rgba(125, 235, 255, .11),
      rgba(121, 168, 255, .025) 65%
    );
}

.bf-industry-profile__icon .bf-icon {
  width: 31px;
  height: 31px;
}

.bf-industry-profile__header > div > span {
  display: block;
  margin-bottom: 5px;
  color:
    var(--bf-industry-cyan);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bf-industry-profile__header h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.bf-industry-profile__header p {
  max-width: 68ch;
  margin:
    10px 0 0;
  color:
    var(--bf-muted);
  font-size: .68rem;
  line-height: 1.58;
}

.bf-industry-profile__logic {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap:
    12px;
  padding:
    16px 18px;
  border-bottom:
    1px solid rgba(255, 255, 255, .055);
}

.bf-industry-profile__logic section {
  padding:
    13px;
  border:
    1px solid rgba(255, 255, 255, .05);
  border-radius: 14px;
  background:
    rgba(255, 255, 255, .014);
}

.bf-industry-profile__logic ul,
.bf-industry-profile__modules ul {
  display: grid;
  gap: 7px;
  padding: 0;
  margin:
    11px 0 0;
  list-style: none;
}

.bf-industry-profile__logic li {
  position: relative;
  padding-left: 15px;
  color:
    var(--bf-muted);
  font-size: .61rem;
  line-height: 1.42;
}

.bf-industry-profile__logic li::before {
  content: "";
  position: absolute;
  top: .54em;
  left: 0;
  width: 6px;
  height: 6px;
  border:
    1px solid var(--bf-industry-cyan);
  border-radius: 50%;
}

.bf-industry-profile__modules {
  padding:
    16px 18px;
  border-bottom:
    1px solid rgba(255, 255, 255, .055);
}

.bf-industry-profile__modules header {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}

.bf-industry-profile__modules header small {
  color:
    rgba(169, 182, 211, .65);
  font-size: .53rem;
}

.bf-industry-profile__modules ul {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

.bf-industry-profile__modules li {
  min-height: 38px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding:
    8px 10px;
  border:
    1px solid rgba(255, 255, 255, .05);
  border-radius: 11px;
  color:
    var(--bf-muted);
  background:
    rgba(255, 255, 255, .014);
  font-size: .58rem;
  font-weight: 700;
}

.bf-industry-profile__modules li::before {
  content: "+";
  color:
    var(--bf-industry-blue);
  font-size: .9rem;
}

.bf-industry-profile__modules li[data-state="active"] {
  color:
    var(--bf-text);
  border-color:
    rgba(67, 217, 140, .13);
  background:
    rgba(67, 217, 140, .025);
}

.bf-industry-profile__modules li[data-state="active"]::before {
  content: "✓";
  color:
    var(--bf-success);
  font-size: .66rem;
}

.bf-industry-profile__evidence-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding:
    16px 18px 18px;
}

.bf-industry-evidence {
  min-width: 0;
  display: grid;
  grid-template-columns:
    34px
    minmax(0, 1fr);
  gap: 11px;
  padding:
    13px;
  border:
    1px solid rgba(121, 168, 255, .085);
  border-radius: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .035),
      transparent 72%
    );
}

.bf-industry-evidence > .bf-icon {
  width: 26px;
  height: 26px;
  color:
    var(--bf-industry-cyan);
}

.bf-industry-evidence small {
  display: block;
  margin-bottom: 4px;
  color:
    var(--bf-industry-cyan);
  font-size: .49rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-industry-evidence strong {
  display: block;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .76rem;
  line-height: 1.22;
}

.bf-industry-evidence p,
.bf-industry-evidence em {
  margin:
    7px 0 0;
  color:
    var(--bf-muted);
  font-size: .55rem;
  line-height: 1.46;
}

.bf-industry-evidence em {
  display: block;
  color:
    rgba(244, 247, 252, .78);
  font-style: normal;
}

.bf-industry-universe__dashboard {
  position: sticky;
  top: 104px;
  align-self: start;
  min-width: 0;
  overflow: hidden;
  border:
    1px solid rgba(125, 235, 255, .11);
  border-radius: 20px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .07),
      rgba(255, 255, 255, .012) 32%,
      transparent 60%
    ),
    rgba(5, 13, 26, .88);
  box-shadow:
    0 24px 64px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter:
    blur(22px)
    saturate(115%);
  -webkit-backdrop-filter:
    blur(22px)
    saturate(115%);
}

.bf-industry-universe__dashboard > header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  padding:
    16px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-industry-universe__dashboard > header span {
  display: block;
  margin-bottom: 4px;
  color:
    var(--bf-industry-cyan);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-industry-universe__dashboard > header h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1rem, 2vw, 1.34rem);
  letter-spacing: -.03em;
}

.bf-industry-universe__dashboard > header > strong {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding-inline: 9px;
  border:
    1px solid rgba(67, 217, 140, .15);
  border-radius: 999px;
  color:
    var(--bf-success);
  background:
    rgba(67, 217, 140, .035);
  font-size: .49rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-industry-dashboard__context {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding:
    12px 14px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-industry-dashboard__context article {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding:
    8px;
  border:
    1px solid rgba(255, 255, 255, .045);
  border-radius: 10px;
  background:
    rgba(255, 255, 255, .014);
}

.bf-industry-dashboard__context span,
.bf-industry-dashboard__runtime article span {
  color:
    var(--bf-muted);
  font-size: .45rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.bf-industry-dashboard__context strong {
  overflow: hidden;
  font-size: .54rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-industry-dashboard__metrics {
  display: grid;
  gap: 8px;
  padding:
    14px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-industry-dashboard__metrics article {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;
  gap:
    3px 12px;
  align-items: end;
}

.bf-industry-dashboard__metrics article > span:first-child {
  color:
    var(--bf-muted);
  font-size: .52rem;
  font-weight: 750;
}

.bf-industry-dashboard__metrics article > strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .88rem;
}

.bf-industry-dashboard__metrics article > small {
  grid-column: 1 / -1;
  color:
    rgba(169, 182, 211, .62);
  font-size: .47rem;
}

.bf-industry-dashboard__metric-track {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background:
    rgba(255, 255, 255, .055);
}

.bf-industry-dashboard__metric-track > span {
  display: block;
  width:
    calc(
      var(--bf-industry-metric-value, 0)
      * 100%
    );
  height: 100%;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      var(--bf-industry-blue),
      var(--bf-industry-cyan)
    );
  transform-origin: left center;
  transition:
    width var(--bf-motion-story)
      cubic-bezier(.22, .8, .2, 1);
}

.bf-industry-dashboard__runtime {
  padding:
    14px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-industry-dashboard__runtime header {
  display: flex;
  gap: 12px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bf-industry-dashboard__runtime header small {
  color:
    rgba(169, 182, 211, .62);
  font-size: .46rem;
  text-align: right;
}

.bf-industry-dashboard__runtime > div {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.bf-industry-dashboard__runtime article {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding:
    9px;
  border:
    1px solid rgba(255, 255, 255, .045);
  border-radius: 10px;
  background:
    rgba(255, 255, 255, .013);
}

.bf-industry-dashboard__runtime article strong {
  overflow: hidden;
  color:
    var(--bf-text);
  font-size: .58rem;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}

.bf-industry-dashboard__disclaimer {
  margin: 0;
  padding:
    12px 14px 15px;
  color:
    rgba(169, 182, 211, .58);
  font-size: .48rem;
  line-height: 1.48;
}

.bf-industry-universe__environment-core {
  padding:
    20px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
  background:
    rgba(255, 255, 255, .007);
}

.bf-industry-universe__environment-core
.bf-environment-console__conditions {
  padding: 0;
  border: 0;
}

.bf-industry-universe__environment-architecture {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.bf-industry-universe__environment-architecture > section {
  min-width: 0;
  padding:
    14px;
  border:
    1px solid rgba(255, 255, 255, .05);
  border-radius: 14px;
  background:
    rgba(255, 255, 255, .014);
}

.bf-industry-universe__environment-architecture
.bf-environment-console__modules {
  margin:
    11px 0 0;
}

.bf-industry-universe__environment-architecture
ol {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding: 0;
  margin:
    11px 0 0;
  list-style: none;
}

.bf-industry-universe__environment-architecture
ol li {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding:
    9px;
  border:
    1px solid rgba(255, 255, 255, .045);
  border-radius: 10px;
  background:
    rgba(255, 255, 255, .012);
}

.bf-industry-universe__environment-architecture
ol span {
  color:
    var(--bf-industry-cyan);
  font-size: .48rem;
  font-weight: 800;
}

.bf-industry-universe__environment-architecture
ol strong {
  font-size: .51rem;
  line-height: 1.35;
}

.bf-industry-universe__environment-core
.bf-environment-console__insight {
  margin-top: 14px;
}

.bf-industry-universe__footer {
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
}

.bf-environment-console__apply--cluster {
  color:
    var(--bf-text);
  border-color:
    rgba(125, 235, 255, .15);
  background:
    rgba(125, 235, 255, .035);
}

.bf-industry-universe__footer
.bf-button {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.bf-dashboard-narrative__industry {
  width: fit-content;
  max-width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  margin:
    10px 0 3px;
  padding:
    7px 10px;
  border:
    1px solid rgba(125, 235, 255, .11);
  border-radius: 999px;
  background:
    rgba(125, 235, 255, .025);
}

.bf-dashboard-narrative__industry small {
  color:
    var(--bf-industry-cyan);
  font-size: .47rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-dashboard-narrative__industry strong {
  overflow: hidden;
  color:
    var(--bf-text);
  font-size: .53rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1260px) {
  .bf-industry-universe__layout {
    grid-template-columns:
      minmax(225px, .42fr)
      minmax(0, 1.58fr);
    gap: 28px;
  }

  .bf-industry-universe__workspace {
    grid-template-columns: 1fr;
  }

  .bf-industry-universe__dashboard {
    position: relative;
    top: auto;
  }

  .bf-industry-dashboard__metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-industry-dashboard__metrics article {
    padding:
      10px;
    border:
      1px solid rgba(255, 255, 255, .045);
    border-radius: 11px;
    background:
      rgba(255, 255, 255, .012);
  }
}

@media (max-width: 980px) {
  .bf-industry-universe__layout {
    grid-template-columns: 1fr;
  }

  .bf-industry-universe .bf-environment-selector {
    position: relative;
    top: auto;
  }

  .bf-environment-selector__list {
    grid-template-columns:
      repeat(5, minmax(170px, 1fr));
    overflow-x: auto;
    padding-bottom: 7px;
    scroll-snap-type:
      x mandatory;
    scrollbar-width: thin;
  }

  .bf-industry-universe .bf-environment-option {
    scroll-snap-align: start;
  }

  .bf-industry-universe__cluster-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .bf-industry-universe {
    padding-block:
      102px;
  }

  .bf-industry-universe__environment {
    grid-template-columns: 1fr;
  }

  .bf-industry-universe__environment-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-industry-universe__cluster-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-industry-profile__logic,
  .bf-industry-profile__evidence-grid,
  .bf-industry-universe__environment-architecture {
    grid-template-columns: 1fr;
  }

  .bf-industry-profile__modules ul,
  .bf-industry-dashboard__context,
  .bf-industry-dashboard__metrics,
  .bf-industry-dashboard__runtime > div {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-industry-universe__footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .bf-industry-universe__console {
    border-radius: 24px;
  }

  .bf-industry-universe__environment,
  .bf-industry-universe__clusters,
  .bf-industry-universe__workspace,
  .bf-industry-universe__environment-core {
    padding:
      15px;
  }

  .bf-industry-universe__clusters > header,
  .bf-industry-profile__modules header,
  .bf-industry-dashboard__runtime header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-industry-universe__cluster-grid {
    grid-template-columns: 1fr;
  }

  .bf-industry-cluster {
    min-height: 66px;
  }

  .bf-industry-profile__header {
    grid-template-columns:
      45px
      minmax(0, 1fr);
    padding:
      15px;
  }

  .bf-industry-profile__icon {
    width: 45px;
    height: 45px;
    border-radius: 14px;
  }

  .bf-industry-profile__icon .bf-icon {
    width: 26px;
    height: 26px;
  }

  .bf-industry-profile__logic,
  .bf-industry-profile__modules,
  .bf-industry-profile__evidence-grid {
    padding:
      13px 15px;
  }

  .bf-industry-profile__modules ul,
  .bf-industry-dashboard__context,
  .bf-industry-dashboard__metrics,
  .bf-industry-dashboard__runtime > div {
    grid-template-columns: 1fr;
  }

  .bf-industry-universe__environment-architecture
  ol {
    grid-template-columns: 1fr;
  }

  .bf-dashboard-narrative__industry {
    align-items: flex-start;
    flex-direction: column;
    border-radius: 13px;
  }

  .bf-dashboard-narrative__industry strong {
    max-width: 100%;
    white-space: normal;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-industry-cluster:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-industry-cluster,
  .bf-industry-dashboard__metric-track > span {
    transition: none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-industry-universe__dashboard {
    background:
      #07101f;
  }
}

.bf-offer-access {
  --bf-offer-cyan: #7defff;
  --bf-offer-blue: #79a8ff;
  --bf-offer-green: #43d98c;
  --bf-offer-warning: #f8c15a;
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block:
    clamp(112px, 12vw, 176px);
  background:
    radial-gradient(
      980px 700px at 92% 8%,
      rgba(121, 168, 255, .1),
      transparent 72%
    ),
    radial-gradient(
      780px 620px at 5% 84%,
      rgba(77, 230, 230, .045),
      transparent 75%
    ),
    linear-gradient(
      180deg,
      #030813,
      #050a16 46%,
      #030813
    );
}

.bf-offer-access::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  opacity: .11;
  background-image:
    linear-gradient(
      rgba(121, 168, 255, .1) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .08) 1px,
      transparent 1px
    );
  background-size:
    78px 78px;
  mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000 15%,
      #000 86%,
      transparent
    );
}

.bf-offer-access__atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .08;
}

.bf-offer-access__atmosphere svg {
  width: 100%;
  height: 100%;
}

.bf-offer-network__paths {
  fill: none;
  stroke:
    rgba(121, 168, 255, .28);
  stroke-width: 1;
  stroke-dasharray: 5 20;
}

.bf-offer-network__nodes {
  fill:
    var(--bf-offer-cyan);
  opacity: .55;
}

.bf-offer-access__header {
  max-width: 1040px;
  margin:
    0 auto
    clamp(52px, 7vw, 90px);
  text-align: center;
}

.bf-offer-access__eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color:
    var(--bf-offer-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.bf-offer-access__header h2 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(2.75rem, 5.8vw, 5rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-offer-access__header h2 span {
  display: block;
  color:
    var(--bf-muted);
  font-size: .68em;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-offer-access__header p {
  max-width: 78ch;
  margin:
    24px auto 0;
  color:
    var(--bf-muted);
  font-size:
    clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.bf-offer-context {
  display: grid;
  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(360px, .92fr);
  gap:
    16px;
  margin-bottom:
    28px;
  border:
    1px solid rgba(125, 235, 255, .11);
  border-radius:
    22px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .07),
      rgba(255, 255, 255, .012) 34%,
      transparent 62%
    ),
    rgba(7, 15, 29, .82);
  box-shadow:
    0 24px 68px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter:
    blur(22px)
    saturate(114%);
  -webkit-backdrop-filter:
    blur(22px)
    saturate(114%);
}

.bf-offer-context__recommendation {
  padding:
    22px;
  border-right:
    1px solid rgba(255, 255, 255, .06);
  background:
    radial-gradient(
      480px 210px at 0% 0%,
      rgba(125, 235, 255, .08),
      transparent 72%
    );
}

.bf-offer-context__recommendation > span,
.bf-offer-access__primary > header > span,
.bf-offer-access__comparison > header > span,
.bf-offer-access__institutional > header > span,
.bf-offer-access__advisory > header > span,
.bf-offer-fairness > div > span {
  display: block;
  color:
    var(--bf-offer-cyan);
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.bf-offer-context__recommendation h3 {
  margin:
    6px 0 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.35rem, 2.6vw, 2rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.bf-offer-context__recommendation h3 strong {
  color:
    var(--bf-offer-cyan);
}

.bf-offer-context__recommendation p {
  max-width: 66ch;
  margin:
    11px 0 0;
  color:
    var(--bf-muted);
  font-size: .69rem;
  line-height: 1.55;
}

.bf-offer-context__recommendation button {
  min-height: 42px;
  margin-top: 15px;
  padding-inline: 13px;
  border:
    1px solid rgba(125, 235, 255, .16);
  border-radius: 12px;
  color:
    var(--bf-text);
  background:
    rgba(125, 235, 255, .04);
  font-size: .6rem;
  font-weight: 800;
  cursor: pointer;
}

.bf-offer-context__state {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap:
    8px;
  padding:
    16px;
  margin: 0;
}

.bf-offer-context__state > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding:
    11px;
  border:
    1px solid rgba(255, 255, 255, .05);
  border-radius: 13px;
  background:
    rgba(255, 255, 255, .015);
}

.bf-offer-context__state dt {
  color:
    var(--bf-muted);
  font-size: .49rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-offer-context__state dd {
  overflow: hidden;
  margin: 0;
  color:
    var(--bf-text);
  font-size: .62rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-offer-access__controls {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    max-content;
  gap:
    18px;
  align-items: end;
  margin-bottom:
    22px;
}

.bf-offer-access__tabs {
  display: inline-grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap:
    7px;
  padding:
    6px;
  border:
    1px solid rgba(255, 255, 255, .065);
  border-radius: 17px;
  background:
    rgba(255, 255, 255, .018);
}

.bf-offer-access__tabs button {
  min-width: 230px;
  min-height: 64px;
  display: grid;
  gap: 3px;
  align-content: center;
  padding:
    10px 14px;
  border:
    1px solid transparent;
  border-radius: 12px;
  color:
    var(--bf-muted);
  text-align: left;
  background:
    transparent;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-offer-access__tabs button[data-active="true"],
.bf-offer-access__tabs button:hover,
.bf-offer-access__tabs button:focus-visible {
  color:
    var(--bf-text);
  border-color:
    rgba(125, 235, 255, .16);
  background:
    linear-gradient(
      135deg,
      rgba(121, 168, 255, .08),
      rgba(77, 230, 230, .018)
    );
}

.bf-offer-access__tabs button {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size: .76rem;
  font-weight: 800;
}

.bf-offer-access__tabs small {
  color:
    rgba(169, 182, 211, .67);
  font-family:
    Inter,
    system-ui,
    sans-serif;
  font-size: .49rem;
  font-weight: 650;
}

.bf-offer-billing {
  display: grid;
  gap: 6px;
  justify-items: end;
}

.bf-offer-billing > span {
  color:
    var(--bf-muted);
  font-size: .51rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.bf-offer-billing > div {
  display: flex;
  gap: 5px;
  padding:
    5px;
  border:
    1px solid rgba(255, 255, 255, .065);
  border-radius: 999px;
  background:
    rgba(255, 255, 255, .018);
}

.bf-offer-billing button {
  min-height: 34px;
  padding-inline: 11px;
  border:
    1px solid transparent;
  border-radius: 999px;
  color:
    var(--bf-muted);
  background:
    transparent;
  font-size: .54rem;
  font-weight: 800;
  cursor: pointer;
}

.bf-offer-billing button[data-active="true"] {
  color:
    var(--bf-text);
  border-color:
    rgba(125, 235, 255, .16);
  background:
    rgba(125, 235, 255, .055);
}

.bf-offer-access__panel[hidden] {
  display: none;
}

.bf-offer-access__primary,
.bf-offer-access__comparison,
.bf-offer-access__institutional,
.bf-offer-access__advisory {
  margin-top:
    28px;
}

.bf-offer-access__primary > header,
.bf-offer-access__comparison > header,
.bf-offer-access__institutional > header,
.bf-offer-access__advisory > header {
  max-width: 780px;
  margin-bottom:
    18px;
}

.bf-offer-access__primary h3,
.bf-offer-access__comparison h3,
.bf-offer-access__institutional h3,
.bf-offer-access__advisory h3,
.bf-offer-fairness h3 {
  margin:
    6px 0 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.55rem, 3vw, 2.35rem);
  letter-spacing: -.04em;
}

.bf-offer-access__primary > header p,
.bf-offer-access__comparison > header p,
.bf-offer-access__advisory > header p {
  margin:
    9px 0 0;
  color:
    var(--bf-muted);
  font-size: .69rem;
  line-height: 1.55;
}

.bf-offer-access__card-grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap:
    14px;
}

.bf-offer-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows:
    auto
    auto
    auto
    1fr
    auto
    auto;
  gap:
    15px;
  padding:
    19px;
  border:
    1px solid rgba(255, 255, 255, .07);
  border-radius: 22px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .01) 34%,
      transparent 68%
    ),
    rgba(7, 15, 29, .72);
  box-shadow:
    0 20px 60px rgba(0, 0, 0, .3),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  transition:
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease,
    box-shadow var(--bf-motion-normal) ease;
}

.bf-offer-card::before {
  content: "";
  position: absolute;
  inset:
    0 0 auto;
  height: 2px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(125, 235, 255, .72),
      transparent
    );
  opacity: 0;
  transition:
    opacity var(--bf-motion-normal) ease;
}

.bf-offer-card:hover,
.bf-offer-card[data-selected="true"] {
  transform:
    translateY(-4px);
  border-color:
    rgba(125, 235, 255, .2);
  box-shadow:
    0 28px 74px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .065);
}

.bf-offer-card[data-selected="true"]::before {
  opacity: 1;
}

.bf-offer-card__header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.bf-offer-card__header > div > span,
.bf-offer-path-card header > span,
.bf-advisory-offer header span {
  display: block;
  margin-bottom: 4px;
  color:
    var(--bf-offer-cyan);
  font-size: .51rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-offer-card h3,
.bf-offer-path-card h3,
.bf-advisory-offer h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.35rem, 2.5vw, 1.9rem);
  letter-spacing: -.04em;
}

.bf-offer-card__badge {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding-inline: 9px;
  border:
    1px solid rgba(125, 235, 255, .15);
  border-radius: 999px;
  color:
    var(--bf-offer-cyan);
  background:
    rgba(125, 235, 255, .035);
  font-size: .48rem;
  font-weight: 800;
  text-transform: uppercase;
}

.bf-offer-card__price {
  display: grid;
  gap: 3px;
  padding:
    13px;
  border:
    1px solid rgba(121, 168, 255, .1);
  border-radius: 14px;
  background:
    rgba(121, 168, 255, .025);
}

.bf-offer-card__price strong {
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.7rem, 3vw, 2.5rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.bf-offer-card__price span {
  color:
    var(--bf-muted);
  font-size: .56rem;
  font-weight: 700;
}

.bf-offer-card__price small {
  color:
    rgba(169, 182, 211, .58);
  font-size: .48rem;
}

.bf-offer-card > p,
.bf-offer-path-card > p,
.bf-advisory-offer > p {
  margin: 0;
  color:
    var(--bf-muted);
  font-size: .65rem;
  line-height: 1.55;
}

.bf-offer-card section > span,
.bf-advisory-offer__modules > span {
  display: block;
  color:
    var(--bf-muted);
  font-size: .49rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-offer-card ul,
.bf-offer-path-card ul,
.bf-advisory-offer ul,
.bf-offer-fairness ul {
  display: grid;
  gap: 7px;
  padding: 0;
  margin:
    10px 0 0;
  list-style: none;
}

.bf-offer-card li,
.bf-offer-path-card li,
.bf-advisory-offer li,
.bf-offer-fairness li {
  position: relative;
  padding-left: 17px;
  color:
    var(--bf-muted);
  font-size: .58rem;
  line-height: 1.42;
}

.bf-offer-card li::before,
.bf-offer-path-card li::before,
.bf-advisory-offer li::before,
.bf-offer-fairness li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color:
    var(--bf-offer-green);
  font-size: .58rem;
  font-weight: 900;
}

.bf-offer-card__limits li::before {
  content: "•";
  color:
    var(--bf-offer-warning);
}

.bf-offer-card__select,
.bf-offer-path-card button,
.bf-advisory-offer button {
  min-height: 44px;
  width: 100%;
  border:
    1px solid rgba(125, 235, 255, .14);
  border-radius: 12px;
  color:
    var(--bf-text);
  background:
    rgba(125, 235, 255, .035);
  font-size: .6rem;
  font-weight: 800;
  cursor: pointer;
  transition:
    color var(--bf-motion-normal) ease,
    border-color var(--bf-motion-normal) ease,
    background var(--bf-motion-normal) ease;
}

.bf-offer-card__select:hover,
.bf-offer-path-card button:hover,
.bf-advisory-offer button:hover {
  border-color:
    rgba(125, 235, 255, .24);
  background:
    rgba(125, 235, 255, .07);
}

.bf-offer-access__comparison {
  padding:
    20px;
  border:
    1px solid rgba(255, 255, 255, .065);
  border-radius: 22px;
  background:
    rgba(7, 15, 29, .58);
}

.bf-offer-comparison__scroll {
  overflow-x: auto;
  border:
    1px solid rgba(255, 255, 255, .05);
  border-radius: 15px;
}

.bf-offer-comparison__scroll table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.bf-offer-comparison__scroll th,
.bf-offer-comparison__scroll td {
  padding:
    11px 12px;
  border-bottom:
    1px solid rgba(255, 255, 255, .045);
  text-align: left;
}

.bf-offer-comparison__scroll thead th {
  color:
    var(--bf-offer-cyan);
  background:
    rgba(121, 168, 255, .035);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-offer-comparison__scroll tbody th {
  color:
    var(--bf-text);
  font-size: .59rem;
}

.bf-offer-comparison__scroll td {
  color:
    var(--bf-muted);
  font-size: .55rem;
}

.bf-offer-comparison__scroll td > span {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 50%;
  background:
    var(--bf-muted);
}

.bf-offer-comparison__scroll td[data-state="included"] > span {
  background:
    var(--bf-offer-green);
}

.bf-offer-comparison__scroll td[data-state="conditional"] > span {
  background:
    var(--bf-offer-warning);
}

.bf-offer-comparison__scroll td[data-state="excluded"] > span {
  background:
    rgba(169, 182, 211, .35);
}

.bf-offer-access__path-grid,
.bf-offer-access__advisory-grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 13px;
}

.bf-offer-path-card,
.bf-advisory-offer {
  min-width: 0;
  display: grid;
  gap: 13px;
  padding:
    18px;
  border:
    1px solid rgba(255, 255, 255, .065);
  border-radius: 20px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .045),
      rgba(255, 255, 255, .008)
    ),
    rgba(7, 15, 29, .64);
  transition:
    transform var(--bf-motion-normal)
      cubic-bezier(.22, .8, .2, 1),
    border-color var(--bf-motion-normal) ease;
}

.bf-offer-path-card:hover,
.bf-offer-path-card[data-selected="true"],
.bf-advisory-offer:hover,
.bf-advisory-offer[data-selected="true"] {
  transform:
    translateY(-3px);
  border-color:
    rgba(125, 235, 255, .18);
}

.bf-offer-path-card__price {
  display: grid;
  gap: 4px;
}

.bf-offer-path-card__price strong,
.bf-advisory-offer header > strong {
  color:
    var(--bf-offer-cyan);
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.2rem, 2vw, 1.6rem);
}

.bf-offer-path-card__price small,
.bf-advisory-offer__billing {
  color:
    rgba(169, 182, 211, .65);
  font-size: .52rem;
  line-height: 1.4;
}

.bf-advisory-offer header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.bf-advisory-offer__modules {
  padding:
    12px;
  border:
    1px solid rgba(121, 168, 255, .08);
  border-radius: 13px;
  background:
    rgba(121, 168, 255, .02);
}

.bf-advisory-offer__modules ul {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

.bf-offer-fairness {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .8fr);
  gap:
    24px;
  align-items: center;
  margin-top:
    22px;
  padding:
    22px;
  border:
    1px solid rgba(125, 235, 255, .1);
  border-radius: 22px;
  background:
    radial-gradient(
      560px 220px at 0% 0%,
      rgba(125, 235, 255, .07),
      transparent 74%
    ),
    rgba(7, 15, 29, .68);
}

.bf-offer-fairness p {
  margin:
    10px 0 0;
  color:
    var(--bf-muted);
  font-size: .68rem;
  line-height: 1.55;
}

.bf-offer-fairness ul {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  margin: 0;
}

.bf-offer-access__console {
  overflow: hidden;
  margin-top:
    30px;
  border:
    1px solid rgba(125, 235, 255, .11);
  border-radius: 22px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .075),
      rgba(255, 255, 255, .012) 32%,
      transparent 64%
    ),
    rgba(6, 14, 27, .86);
  box-shadow:
    0 28px 78px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter:
    blur(22px)
    saturate(114%);
  -webkit-backdrop-filter:
    blur(22px)
    saturate(114%);
}

.bf-offer-access__console > header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  padding:
    18px 20px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-offer-access__console > header span {
  display: block;
  margin-bottom: 4px;
  color:
    var(--bf-offer-cyan);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bf-offer-access__console > header h3 {
  margin: 0;
  font-family:
    "Inter Tight",
    Inter,
    system-ui,
    sans-serif;
  font-size:
    clamp(1.25rem, 2.4vw, 1.8rem);
  letter-spacing: -.035em;
}

.bf-offer-access__console > header > strong {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding-inline: 10px;
  border:
    1px solid rgba(248, 193, 90, .16);
  border-radius: 999px;
  color:
    var(--bf-offer-warning);
  background:
    rgba(248, 193, 90, .035);
  font-size: .5rem;
  font-weight: 800;
  white-space: nowrap;
}

.bf-offer-console__grid {
  display: grid;
  grid-template-columns:
    repeat(6, minmax(0, 1fr));
  gap:
    8px;
  padding:
    16px 20px;
  border-bottom:
    1px solid rgba(255, 255, 255, .06);
}

.bf-offer-console__grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding:
    11px;
  border:
    1px solid rgba(255, 255, 255, .045);
  border-radius: 12px;
  background:
    rgba(255, 255, 255, .014);
}

.bf-offer-console__grid span {
  color:
    var(--bf-muted);
  font-size: .47rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bf-offer-console__grid strong {
  overflow: hidden;
  color:
    var(--bf-text);
  font-size: .62rem;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}

.bf-offer-console__grid small {
  overflow: hidden;
  color:
    rgba(169, 182, 211, .58);
  font-size: .47rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-offer-access__console > footer {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    max-content
    max-content;
  gap:
    13px;
  align-items: center;
  padding:
    16px 20px 19px;
}

.bf-offer-access__console > footer p {
  margin: 0;
  color:
    rgba(169, 182, 211, .65);
  font-size: .52rem;
  line-height: 1.48;
}

.bf-offer-access__console > footer
.bf-button {
  border: 0;
  cursor: pointer;
}

.bf-offer-access__console > footer
.bf-button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.bf-offer-console__contact {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 13px;
  border:
    1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  color:
    var(--bf-muted);
  font-size: .6rem;
  font-weight: 800;
  text-decoration: none;
}

.bf-offer-access__trust-line {
  position: relative;
  display: grid;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  gap:
    28px;
  align-items: center;
  margin-top:
    clamp(58px, 7vw, 90px);
  padding-top:
    28px;
}

.bf-offer-access__trust-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(121, 168, 255, .06),
      rgba(125, 235, 255, .28),
      rgba(121, 168, 255, .06)
    );
}

.bf-offer-access__trust-line > span {
  color:
    var(--bf-offer-cyan);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bf-offer-access__trust-line ul {
  display: flex;
  gap:
    10px 20px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bf-offer-access__trust-line li {
  color:
    var(--bf-muted);
  font-size: .72rem;
  font-weight: 750;
}

.bf-offer-access__trust-line li::before {
  content: "•";
  margin-right: 8px;
  color:
    var(--bf-offer-cyan);
}

.bf-dashboard-narrative__offer {
  margin-top: 4px;
}

.bf-header__bar {
  grid-template-columns:
    minmax(142px, .67fr)
    minmax(0, 3.33fr)
    max-content;
  gap:
    clamp(4px, .5vw, 8px);
}

.bf-header__nav a {
  padding-inline:
    clamp(1px, .12vw, 3px);
  font-size:
    clamp(.455rem, .41vw, .555rem);
  letter-spacing: 0;
}

.bf-header__actions {
  gap: 6px;
}

.bf-header__cta {
  padding-inline: 9px;
}

@media (min-height: 860px) and (min-width: 720px) {
  .bf-menu-drawer__header {
    padding-block: 7px;
  }

  .bf-menu-drawer__body {
    padding:
      2px
      12px
      5px;
    overflow-y: auto;
  }

  .bf-menu-drawer__eyebrow {
    margin:
      1px
      0
      3px;
    font-size: .49rem;
  }

  .bf-menu-drawer__nav {
    gap: 0;
  }

  .bf-menu-drawer__nav a {
    min-height: 37px;
    grid-template-columns:
      22px
      minmax(0, 1fr);
    gap:
      0 6px;
    padding:
      2px 6px;
    border-radius: 9px;
  }

  .bf-menu-drawer__nav a strong {
    font-size: .65rem;
    line-height: 1;
  }

  .bf-menu-drawer__nav a small {
    font-size: .455rem;
    line-height: 1.04;
  }

  .bf-menu-drawer__nav a > span {
    font-size: .49rem;
  }

  .bf-menu-drawer__footer {
    gap: 4px;
    padding:
      6px
      12px
      8px;
  }

  .bf-menu-drawer__footer
  .bf-button {
    min-height: 38px;
  }
}

@media (max-width: 1220px) {
  .bf-header__nav {
    display: none;
  }

  .bf-header__bar {
    grid-template-columns:
      minmax(0, 1fr)
      max-content;
  }
}

@media (max-width: 1080px) {
  .bf-offer-context {
    grid-template-columns: 1fr;
  }

  .bf-offer-context__recommendation {
    border-right: 0;
    border-bottom:
      1px solid rgba(255, 255, 255, .06);
  }

  .bf-offer-access__card-grid,
  .bf-offer-access__path-grid,
  .bf-offer-access__advisory-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .bf-offer-card:last-child,
  .bf-offer-path-card:last-child,
  .bf-advisory-offer:last-child {
    grid-column:
      1 / -1;
  }

  .bf-offer-console__grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .bf-offer-access__console > footer {
    grid-template-columns:
      1fr
      max-content;
  }

  .bf-offer-access__console > footer p {
    grid-column:
      1 / -1;
  }
}

@media (max-width: 820px) {
  .bf-offer-access__controls {
    grid-template-columns: 1fr;
  }

  .bf-offer-billing {
    justify-items: start;
  }

  .bf-offer-fairness {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .bf-offer-access {
    padding-block: 96px;
  }

  .bf-offer-access__header h2 {
    font-size:
      clamp(2.35rem, 10.5vw, 3.55rem);
  }

  .bf-offer-context__state {
    grid-template-columns: 1fr;
  }

  .bf-offer-access__tabs {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .bf-offer-access__tabs button {
    min-width: 0;
    width: 100%;
  }

  .bf-offer-access__card-grid,
  .bf-offer-access__path-grid,
  .bf-offer-access__advisory-grid,
  .bf-offer-console__grid {
    grid-template-columns: 1fr;
  }

  .bf-offer-card:last-child,
  .bf-offer-path-card:last-child,
  .bf-advisory-offer:last-child {
    grid-column: auto;
  }

  .bf-offer-card {
    transform: none;
  }

  .bf-offer-card:hover,
  .bf-offer-card[data-selected="true"] {
    transform: none;
  }

  .bf-offer-fairness ul,
  .bf-advisory-offer__modules ul {
    grid-template-columns: 1fr;
  }

  .bf-offer-access__console > header,
  .bf-advisory-offer header {
    align-items: flex-start;
    flex-direction: column;
  }

  .bf-offer-access__console > footer {
    grid-template-columns: 1fr;
  }

  .bf-offer-access__console > footer p {
    grid-column: auto;
  }

  .bf-offer-access__trust-line {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .bf-offer-access__trust-line > span {
    white-space: normal;
  }
}

@media (max-width: 420px) {
  .bf-offer-context,
  .bf-offer-access__comparison,
  .bf-offer-access__console {
    border-radius: 18px;
  }

  .bf-offer-context__recommendation,
  .bf-offer-context__state,
  .bf-offer-access__comparison,
  .bf-offer-access__console > header,
  .bf-offer-console__grid,
  .bf-offer-access__console > footer {
    padding-inline: 14px;
  }

  .bf-offer-billing > div {
    width: 100%;
  }

  .bf-offer-billing button {
    flex:
      1 1 0;
  }
}

@media (hover: none), (pointer: coarse) {
  .bf-offer-card:hover,
  .bf-offer-path-card:hover,
  .bf-advisory-offer:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-offer-card,
  .bf-offer-path-card,
  .bf-advisory-offer,
  .bf-offer-access__tabs button {
    transition:
      none !important;
  }
}

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .bf-offer-context,
  .bf-offer-access__console {
    background:
      #07101f;
  }
}

.bf-offer-billing {
  min-width: 360px;
}

.bf-offer-billing > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 16px;
}

.bf-offer-billing button {
  min-width: 94px;
  border-radius: 12px;
}

.bf-offer-billing > small {
  max-width: 420px;
  color: rgba(169, 182, 211, .72);
  font-size: .5rem;
  line-height: 1.45;
  text-align: right;
}

.bf-offer-card__price em[data-bf-offer-saving] {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  margin-top: 8px;
  padding-inline: 9px;
  border: 1px solid rgba(125, 235, 255, .12);
  border-radius: 999px;
  color: var(--bf-muted);
  background: rgba(255, 255, 255, .018);
  font-size: .48rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
}

.bf-offer-card__price em[data-active="true"] {
  color: var(--bf-success);
  border-color: rgba(67, 217, 140, .16);
  background: rgba(67, 217, 140, .035);
}

.bf-closing-section,
.bf-enterprise-contact,
.bf-enterprise-footer {
  --bf-closing-cyan: #7defff;
  --bf-closing-blue: #79a8ff;
  position: relative;
  isolation: isolate;
  overflow: clip;
}

.bf-closing-section {
  padding-block: clamp(106px, 11vw, 170px);
  background:
    radial-gradient(920px 620px at 92% 8%, rgba(121, 168, 255, .085), transparent 72%),
    radial-gradient(720px 560px at 3% 88%, rgba(77, 230, 230, .04), transparent 75%),
    linear-gradient(180deg, #030813, #050a16 46%, #030813);
}

.bf-closing-section:nth-of-type(even) {
  background:
    radial-gradient(860px 600px at 4% 10%, rgba(77, 230, 230, .055), transparent 72%),
    radial-gradient(760px 560px at 95% 90%, rgba(121, 168, 255, .06), transparent 75%),
    linear-gradient(180deg, #040a16, #030813 52%, #040a16);
}

.bf-closing-section::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  opacity: .09;
  background-image:
    linear-gradient(rgba(121, 168, 255, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121, 168, 255, .07) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 87%, transparent);
}

.bf-closing-atmosphere {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 20%, rgba(125, 239, 255, .12) 0 1px, transparent 2px),
    radial-gradient(circle at 18% 68%, rgba(255, 255, 255, .24) 0 1px, transparent 2px),
    radial-gradient(circle at 54% 48%, rgba(121, 168, 255, .18) 0 1px, transparent 2px);
  background-size: 220px 220px, 320px 320px, 270px 270px;
  opacity: .32;
  animation: bfClosingDrift 28s linear infinite alternate;
}

@keyframes bfClosingDrift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-18px, 22px, 0); }
}

.bf-closing-header {
  max-width: 980px;
  margin: 0 auto clamp(48px, 7vw, 82px);
  text-align: center;
}

.bf-closing-header--left {
  margin-inline: 0;
  text-align: left;
}

.bf-closing-header > span,
.bf-partner-network__selector > span,
.bf-partner-network__focus > span,
.bf-founder-panel__content > span,
.bf-enterprise-contact__surface > span {
  display: block;
  margin-bottom: 14px;
  color: var(--bf-closing-cyan);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.bf-closing-header h2,
.bf-founder-panel h2,
.bf-enterprise-contact h2 {
  margin: 0;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(2.45rem, 5.6vw, 4.9rem);
  line-height: .98;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.bf-closing-header h2 em {
  display: block;
  color: var(--bf-muted);
  font-size: .68em;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: -.038em;
}

.bf-closing-header p {
  max-width: 74ch;
  margin: 22px auto 0;
  color: var(--bf-muted);
  font-size: clamp(.98rem, 1.35vw, 1.12rem);
  line-height: 1.72;
}

.bf-closing-header--left p {
  margin-inline: 0;
}

.bf-assurance-layout {
  display: grid;
  grid-template-columns: minmax(250px, .55fr) minmax(0, 1.45fr);
  gap: clamp(22px, 4vw, 46px);
  align-items: start;
}

.bf-assurance-selector {
  display: grid;
  gap: 8px;
}

.bf-assurance-selector button {
  min-height: 78px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 16px;
  color: var(--bf-muted);
  text-align: left;
  background: rgba(255, 255, 255, .018);
  cursor: pointer;
  transition: transform var(--bf-motion-normal) ease, border-color var(--bf-motion-normal) ease, background var(--bf-motion-normal) ease, color var(--bf-motion-normal) ease;
}

.bf-assurance-selector button:hover,
.bf-assurance-selector button:focus-visible,
.bf-assurance-selector button[data-active="true"] {
  color: var(--bf-text);
  border-color: rgba(125, 235, 255, .18);
  background: linear-gradient(135deg, rgba(121, 168, 255, .075), rgba(77, 230, 230, .018));
}

.bf-assurance-selector button:hover { transform: translateY(-2px); }
.bf-assurance-selector .bf-icon { width: 28px; height: 28px; color: var(--bf-closing-cyan); }
.bf-assurance-selector button > span { min-width: 0; display: grid; gap: 3px; }
.bf-assurance-selector small { color: var(--bf-closing-cyan); font-size: .48rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bf-assurance-selector strong { font-size: .65rem; line-height: 1.25; }

.bf-assurance-console,
.bf-founder-panel,
.bf-partner-network__focus,
.bf-enterprise-contact__surface,
.bf-enterprise-footer__status {
  border: 1px solid rgba(125, 235, 255, .1);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .01) 34%, transparent 66%),
    rgba(6, 14, 27, .84);
  box-shadow: 0 28px 82px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(22px) saturate(114%);
  -webkit-backdrop-filter: blur(22px) saturate(114%);
}

.bf-assurance-console {
  overflow: hidden;
  border-radius: 24px;
}

.bf-assurance-console > header {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.bf-assurance-console > header span { display: block; margin-bottom: 5px; color: var(--bf-closing-cyan); font-size: .55rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.bf-assurance-console > header h3 { margin: 0; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(1.45rem, 3vw, 2.35rem); letter-spacing: -.04em; }
.bf-assurance-console > header > strong { min-height: 29px; display: inline-flex; align-items: center; padding-inline: 10px; border: 1px solid rgba(125, 235, 255, .15); border-radius: 999px; color: var(--bf-closing-cyan); font-size: .5rem; white-space: nowrap; }
.bf-assurance-console > p { margin: 0; padding: 22px; color: var(--bf-muted); font-size: .76rem; line-height: 1.65; border-bottom: 1px solid rgba(255, 255, 255, .06); }

.bf-assurance-console__metric,
.bf-assurance-console__controls { padding: 18px 22px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.bf-assurance-console__metric > div { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.bf-assurance-console__metric span:first-child,
.bf-assurance-console__controls > span { color: var(--bf-muted); font-size: .55rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.bf-assurance-console__metric strong { font-family: "Inter Tight", Inter, sans-serif; font-size: 1.4rem; }
.bf-assurance-console__track { display: block; height: 5px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .055); }
.bf-assurance-console__track > span { display: block; width: calc(var(--bf-assurance-value, 0) * 100%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--bf-closing-blue), var(--bf-closing-cyan)); transition: width var(--bf-motion-story) cubic-bezier(.22, .8, .2, 1); }
.bf-assurance-console__controls ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; margin: 12px 0 0; list-style: none; }
.bf-assurance-console__controls li { position: relative; padding: 10px 10px 10px 27px; border: 1px solid rgba(255, 255, 255, .045); border-radius: 11px; color: var(--bf-muted); background: rgba(255, 255, 255, .012); font-size: .58rem; }
.bf-assurance-console__controls li::before { content: "✓"; position: absolute; left: 10px; color: var(--bf-success); }
.bf-assurance-console__runtime { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 16px 22px; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.bf-assurance-console__runtime div { min-width: 0; padding: 9px; border: 1px solid rgba(255, 255, 255, .045); border-radius: 10px; background: rgba(255, 255, 255, .012); }
.bf-assurance-console__runtime dt { color: var(--bf-muted); font-size: .45rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.bf-assurance-console__runtime dd { overflow: hidden; margin: 4px 0 0; font-size: .55rem; font-weight: 750; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; }
.bf-assurance-console > aside { padding: 14px 22px 18px; color: rgba(169, 182, 211, .58); font-size: .51rem; line-height: 1.5; }

.bf-knowledge-toolbar { display: flex; gap: 18px; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.bf-knowledge-toolbar > div { display: flex; flex-wrap: wrap; gap: 7px; }
.bf-knowledge-toolbar button { min-height: 36px; padding-inline: 12px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 999px; color: var(--bf-muted); background: rgba(255, 255, 255, .015); font-size: .55rem; font-weight: 800; cursor: pointer; }
.bf-knowledge-toolbar button[data-active="true"], .bf-knowledge-toolbar button:hover, .bf-knowledge-toolbar button:focus-visible { color: var(--bf-text); border-color: rgba(125, 235, 255, .16); background: rgba(125, 235, 255, .045); }
.bf-knowledge-toolbar > span { color: var(--bf-closing-cyan); font-size: .55rem; font-weight: 800; }

.bf-knowledge-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.bf-closing-card { min-width: 0; border: 1px solid rgba(255, 255, 255, .065); border-radius: 20px; background: linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .008)), rgba(6, 14, 27, .66); box-shadow: 0 18px 48px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04); }
.bf-knowledge-card { min-height: 240px; display: grid; grid-template-rows: auto auto 1fr auto; gap: 13px; padding: 17px; }
.bf-knowledge-card[hidden] { display: none; }
.bf-knowledge-card header { display: flex; gap: 8px; justify-content: space-between; }
.bf-knowledge-card header span { color: var(--bf-closing-cyan); font-size: .49rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.bf-knowledge-card header strong { color: var(--bf-muted); font-size: .48rem; }
.bf-knowledge-card h3, .bf-foundation-card h3 { margin: 0; font-family: "Inter Tight", Inter, sans-serif; font-size: 1.08rem; letter-spacing: -.03em; }
.bf-knowledge-card p, .bf-foundation-card p { margin: 0; color: var(--bf-muted); font-size: .62rem; line-height: 1.55; }
.bf-knowledge-card a { width: fit-content; color: var(--bf-text); font-size: .57rem; font-weight: 800; text-decoration: none; }
.bf-knowledge-card a::after { content: " →"; color: var(--bf-closing-cyan); }

.bf-foundation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 30px; }
.bf-foundation-card { min-height: 220px; display: grid; align-content: start; gap: 14px; padding: 18px; }
.bf-foundation-card > .bf-icon { width: 34px; height: 34px; color: var(--bf-closing-cyan); }
.bf-partner-network { display: grid; grid-template-columns: minmax(270px, .65fr) minmax(0, 1.35fr); gap: 18px; }
.bf-partner-network__selector { display: grid; gap: 8px; }
.bf-partner-network__selector button { display: grid; gap: 4px; padding: 13px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 14px; color: var(--bf-muted); text-align: left; background: rgba(255, 255, 255, .016); cursor: pointer; }
.bf-partner-network__selector button[data-active="true"], .bf-partner-network__selector button:hover, .bf-partner-network__selector button:focus-visible { color: var(--bf-text); border-color: rgba(125, 235, 255, .16); background: rgba(125, 235, 255, .035); }
.bf-partner-network__selector strong { font-size: .64rem; }
.bf-partner-network__selector button span { font-size: .53rem; line-height: 1.4; }
.bf-partner-network__focus { min-height: 100%; padding: 28px; border-radius: 22px; }
.bf-partner-network__focus h3 { margin: 0; font-family: "Inter Tight", Inter, sans-serif; font-size: clamp(1.7rem, 3.2vw, 2.7rem); letter-spacing: -.04em; }
.bf-partner-network__focus p { max-width: 62ch; color: var(--bf-muted); line-height: 1.65; }
.bf-partner-network__focus ul { display: grid; gap: 8px; padding: 0; margin: 20px 0 24px; list-style: none; }
.bf-partner-network__focus li { position: relative; padding-left: 19px; color: var(--bf-muted); font-size: .64rem; }
.bf-partner-network__focus li::before { content: ""; position: absolute; top: .5em; left: 0; width: 7px; height: 7px; border: 1px solid var(--bf-closing-cyan); border-radius: 50%; }

.bf-founder-panel { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); overflow: hidden; border-radius: 28px; }
.bf-founder-panel__visual { position: relative; min-height: 580px; display: grid; place-items: center; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, .06); background: radial-gradient(circle at 50% 42%, rgba(77, 230, 230, .2), rgba(121, 168, 255, .055) 30%, transparent 68%), linear-gradient(180deg, #07111f, #030813); }
.bf-founder-panel__visual::before, .bf-founder-panel__visual::after { content: ""; position: absolute; border: 1px solid rgba(125, 235, 255, .12); border-radius: 50%; }
.bf-founder-panel__visual::before { width: 300px; height: 300px; }
.bf-founder-panel__visual::after { width: 430px; height: 430px; opacity: .52; }
.bf-founder-panel__visual img { position: relative; z-index: 2; width: clamp(110px, 14vw, 170px); height: auto; filter: drop-shadow(0 0 35px rgba(77, 230, 230, .28)); }
.bf-founder-panel__visual span { position: absolute; width: 74%; height: 1px; background: linear-gradient(90deg, transparent, rgba(125, 235, 255, .65), transparent); box-shadow: 0 0 22px rgba(125, 235, 255, .45); }
.bf-founder-panel__content { padding: clamp(32px, 5vw, 70px); }
.bf-founder-panel h2 { font-size: clamp(2.5rem, 5vw, 4.4rem); }
.bf-founder-panel__content p { margin: 20px 0 0; color: var(--bf-muted); font-size: .82rem; line-height: 1.75; }
.bf-founder-panel__content footer { display: grid; gap: 4px; margin-top: 32px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .07); }
.bf-founder-panel__content footer strong { font-family: "Inter Tight", Inter, sans-serif; font-size: 1.2rem; }
.bf-founder-panel__content footer span { color: var(--bf-closing-cyan); font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }

.bf-faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.bf-faq-item { align-self: start; border: 1px solid rgba(255, 255, 255, .065); border-radius: 17px; background: rgba(255, 255, 255, .016); }
.bf-faq-item[open] { border-color: rgba(125, 235, 255, .14); background: linear-gradient(135deg, rgba(121, 168, 255, .045), rgba(255, 255, 255, .01)); }
.bf-faq-item summary { min-height: 68px; display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 16px; color: var(--bf-text); cursor: pointer; list-style: none; font-size: .67rem; font-weight: 800; }
.bf-faq-item summary::-webkit-details-marker { display: none; }
.bf-faq-item summary i { position: relative; width: 18px; height: 18px; flex: 0 0 auto; }
.bf-faq-item summary i::before, .bf-faq-item summary i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background: var(--bf-closing-cyan); transform: translate(-50%, -50%); }
.bf-faq-item summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform var(--bf-motion-normal) ease; }
.bf-faq-item[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.bf-faq-item > div { padding: 0 16px 17px; }
.bf-faq-item p { margin: 0; color: var(--bf-muted); font-size: .65rem; line-height: 1.65; }

.bf-enterprise-contact { padding-block: clamp(90px, 9vw, 135px); background: radial-gradient(780px 420px at 50% 50%, rgba(77, 230, 230, .085), transparent 72%), #030813; }
.bf-enterprise-contact__surface { max-width: 1120px; margin: 0 auto; padding: clamp(34px, 6vw, 76px); border-radius: 28px; text-align: center; }
.bf-enterprise-contact__surface p { max-width: 70ch; margin: 20px auto 0; color: var(--bf-muted); line-height: 1.7; }
.bf-enterprise-contact__surface > div { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 28px; }

.bf-enterprise-footer { padding-block: 72px 28px; border-top: 1px solid rgba(255, 255, 255, .07); background: linear-gradient(180deg, #030813, #02050b); }
.bf-enterprise-footer__brand { max-width: 620px; }
.bf-enterprise-footer__brand > a { width: fit-content; display: flex; gap: 12px; align-items: center; color: var(--bf-text); text-decoration: none; }
.bf-enterprise-footer__brand img { width: 48px; height: 48px; filter: drop-shadow(0 0 18px rgba(77, 230, 230, .22)); }
.bf-enterprise-footer__brand a span { display: grid; gap: 2px; }
.bf-enterprise-footer__brand a strong { font-family: "Inter Tight", Inter, sans-serif; font-size: 1.1rem; }
.bf-enterprise-footer__brand a small { color: var(--bf-muted); font-size: .52rem; }
.bf-enterprise-footer__brand > p { max-width: 58ch; margin: 18px 0 0; color: var(--bf-muted); font-size: .68rem; line-height: 1.6; }
.bf-enterprise-footer__nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px; margin-top: 54px; padding-top: 34px; border-top: 1px solid rgba(255, 255, 255, .06); }
.bf-enterprise-footer__nav h3 { margin: 0 0 14px; color: var(--bf-text); font-size: .62rem; }
.bf-enterprise-footer__nav ul { display: grid; gap: 9px; padding: 0; margin: 0; list-style: none; }
.bf-enterprise-footer__nav a { color: var(--bf-muted); font-size: .57rem; text-decoration: none; }
.bf-enterprise-footer__nav a:hover, .bf-enterprise-footer__nav a:focus-visible { color: var(--bf-closing-cyan); }
.bf-enterprise-footer__status { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 38px; padding: 14px; border-radius: 18px; }
.bf-enterprise-footer__status div { min-width: 0; display: grid; gap: 4px; padding: 10px; border: 1px solid rgba(255, 255, 255, .045); border-radius: 11px; background: rgba(255, 255, 255, .012); }
.bf-enterprise-footer__status span { color: var(--bf-muted); font-size: .45rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bf-enterprise-footer__status strong { overflow: hidden; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }
.bf-enterprise-footer__bottom { display: flex; gap: 20px; align-items: end; justify-content: space-between; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .06); }
.bf-enterprise-footer__bottom > div { display: grid; gap: 3px; }
.bf-enterprise-footer__bottom strong { color: var(--bf-closing-cyan); font-size: .66rem; }
.bf-enterprise-footer__bottom span, .bf-enterprise-footer__bottom p { margin: 0; color: var(--bf-muted); font-size: .52rem; }

@media (max-width: 1180px) {
  .bf-knowledge-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bf-enterprise-footer__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .bf-offer-billing { min-width: 0; justify-items: stretch; }
  .bf-offer-billing > small { text-align: left; }
  .bf-assurance-layout, .bf-partner-network, .bf-founder-panel { grid-template-columns: 1fr; }
  .bf-assurance-selector { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bf-founder-panel__visual { min-height: 390px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .06); }
  .bf-foundation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-knowledge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .bf-closing-section { padding-block: 96px; }
  .bf-closing-header { text-align: left; }
  .bf-closing-header p { margin-inline: 0; }
  .bf-assurance-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-assurance-console__runtime, .bf-assurance-console__controls ul, .bf-faq-list { grid-template-columns: 1fr; }
  .bf-enterprise-footer__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bf-enterprise-footer__status { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .bf-offer-billing > div { grid-template-columns: 1fr; border-radius: 15px; }
  .bf-offer-billing button { min-height: 38px; }
  .bf-assurance-selector, .bf-knowledge-grid, .bf-foundation-grid { grid-template-columns: 1fr; }
  .bf-assurance-console > header, .bf-knowledge-toolbar, .bf-enterprise-footer__bottom { align-items: flex-start; flex-direction: column; }
  .bf-founder-panel__content { padding: 28px 20px; }
  .bf-founder-panel__visual { min-height: 310px; }
  .bf-enterprise-footer__nav { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
}

@media (hover: none), (pointer: coarse) {
  .bf-assurance-selector button:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .bf-closing-atmosphere { animation: none !important; }
  .bf-assurance-selector button,
  .bf-assurance-console__track > span,
  .bf-faq-item summary i::after { transition: none !important; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .bf-assurance-console,
  .bf-founder-panel,
  .bf-partner-network__focus,
  .bf-enterprise-contact__surface,
  .bf-enterprise-footer__status { background: #07101f; }
}

:root {
  --bf-focus-ring: 0 0 0 3px rgba(5,9,20,.96), 0 0 0 6px rgba(125,235,255,.88);
  --bf-readable-measure: 72ch;
  --bf-touch-target: 44px;
  --bf-ui-min: .75rem;
}
html {
  color-scheme: dark;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-wrap: break-word;
}
body {
  min-width: 320px;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
main, section, article, aside, nav, header, footer { scroll-margin-top: 96px; }
p, li, dd { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }
img, svg, video, canvas { max-width: 100%; }
img { height: auto; }
button, a, input, select, textarea, summary, [role="button"], [role="tab"] {
  touch-action: manipulation;
}
button, a, summary, [role="button"], [role="tab"] {
  -webkit-tap-highlight-color: transparent;
}
button:not([disabled]), summary,
[role="button"]:not([aria-disabled="true"]),
[role="tab"]:not([aria-disabled="true"]),
.bf-button,
.bf-skip-link,
.bf-a25-skip-group a {
  min-height: var(--bf-touch-target);
}
:where(a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),
textarea:not([disabled]),summary,[tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid transparent;
  outline-offset: 4px;
  box-shadow: var(--bf-focus-ring) !important;
}
.bf-skip-link {
  z-index: 99999;
  min-height: var(--bf-touch-target);
  display: inline-flex;
  align-items: center;
}
.bf-a25-skip-group {
  position: fixed;
  z-index: 99998;
  top: 10px;
  left: 12px;
  display: flex;
  gap: 8px;
  transform: translateY(-160%);
  transition: transform 180ms ease;
}
.bf-a25-skip-group:focus-within { transform: translateY(0); }
.bf-a25-skip-group a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 13px;
  border: 1px solid rgba(125,235,255,.4);
  border-radius: 999px;
  color: #050914;
  background: #f4f7fc;
  font-weight: 800;
  text-decoration: none;
}
.bf-a25-status {
  position: fixed;
  z-index: 10000;
  right: 14px;
  bottom: 14px;
  max-width: min(360px, calc(100vw - 28px));
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid rgba(125,235,255,.18);
  border-radius: 14px;
  color: #f4f7fc;
  background: rgba(5,9,20,.96);
  box-shadow: 0 18px 50px rgba(0,0,0,.42);
  font-size: .78rem;
  line-height: 1.4;
  transform: translateY(calc(100% + 30px));
  opacity: 0;
  pointer-events: none;
  transition: transform 220ms ease, opacity 220ms ease;
}
.bf-a25-status[data-visible="true"] {
  transform: translateY(0);
  opacity: 1;
}
[data-bf-performance-tier="constrained"] .bf-industries__atmosphere,
[data-bf-performance-tier="constrained"] .bf-closing-atmosphere,
[data-bf-performance-tier="constrained"] .bf-hero__network {
  opacity: .45 !important;
}
[data-bf-performance-tier="constrained"] * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-bf-data-saver="true"] .bf-hero__star-canvas,
[data-bf-data-saver="true"] .bf-genesis-activity-field {
  display: none !important;
}
[data-bf-visibility="hidden"] canvas {
  animation-play-state: paused !important;
}
[data-bf-lazy-state="pending"] {
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}
[data-bf-lazy-state="visible"] { content-visibility: visible; }
.bf-hero__headline { font-size: clamp(2.35rem, 5.4vw, 5.15rem); }
.bf-closing-header h2, .bf-offers__header h2, .bf-industries__header h2,
.bf-dashboard__header h2 {
  font-size: clamp(2rem, 4.7vw, 4.6rem);
  line-height: 1.02;
}
.bf-closing-header p, .bf-offers__header p, .bf-industries__header p {
  max-width: var(--bf-readable-measure);
  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.7;
}
.bf-enterprise-footer__nav a { font-size: clamp(.68rem, .9vw, .78rem); }
.bf-faq-item p, .bf-knowledge-card p, .bf-foundation-card p {
  font-size: clamp(.76rem, 1vw, .88rem);
}
.bf-faq-item summary { min-height: 56px; }
.bf-offer-billing button, .bf-knowledge-toolbar button,
.bf-assurance-selector button, .bf-partner-network__selector button,
.bf-environment-option, .bf-industry-cluster { min-height: 48px; }
.bf-offer-price em[data-bf-offer-saving] {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-top: 8px;
  padding: 4px 8px;
  border: 1px solid rgba(67,217,140,.18);
  border-radius: 999px;
  color: #7ff0b4;
  background: rgba(67,217,140,.045);
  font-size: .68rem;
  font-style: normal;
  font-weight: 800;
}
@media (max-width: 680px) {
  :root { --bf-touch-target: 48px; }
  .bf-hero__headline {
    font-size: clamp(1.74rem, 8vw, 2.18rem);
    line-height: 1.02;
  }
  .bf-closing-header h2, .bf-offers__header h2, .bf-industries__header h2,
  .bf-dashboard__header h2 { font-size: clamp(1.82rem, 8vw, 2.6rem); }
  .bf-closing-header p, .bf-offers__header p, .bf-industries__header p {
    font-size: 1rem;
  }
  .bf-a25-skip-group { right: 12px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    transition-delay: 0ms !important;
  }
  .bf-hero__star-canvas, .bf-genesis-activity-field, .bf-hero__network {
    opacity: .35 !important;
  }
  .bf-a25-status, .bf-a25-skip-group { transition: none !important; }
}
@media (prefers-contrast: more) {
  :root {
    --bf-muted: #d6deef;
    --bf-border: rgba(255,255,255,.2);
  }
  body { color: #fff; background: #02050b; }
  [class*="card"], [class*="console"], [class*="surface"], [class*="panel"] {
    border-color: rgba(255,255,255,.24) !important;
  }
}
@media (forced-colors: active) {
  * { box-shadow: none !important; text-shadow: none !important; }
  a, button, summary, [role="tab"] { forced-color-adjust: auto; }
  .bf-hero__star-canvas, .bf-genesis-activity-field, .bf-closing-atmosphere,
  .bf-industries__atmosphere { display: none !important; }
  [aria-selected="true"], [aria-pressed="true"], [data-active="true"] {
    outline: 2px solid Highlight !important;
    outline-offset: 2px;
  }
}
@media print {
  .bf-header, .bf-platform-loader, .bf-hero__star-canvas,
  .bf-genesis-activity-field, .bf-closing-atmosphere,
  .bf-industries__atmosphere, .bf-a25-skip-group, .bf-a25-status {
    display: none !important;
  }
  body { color: #000; background: #fff; }
  main, section { break-inside: avoid; }
  a[href]::after { content: " (" attr(href) ")"; font-size: .8em; }
}

html[data-bf-quality="operational"]
[data-bf-enterprise-closing]
[data-bf-experience-reveal][data-bf-reveal-state="pending"] {
  
  pointer-events: none;
}

html[data-bf-quality="operational"]
[data-bf-enterprise-closing]
[data-bf-experience-reveal][data-bf-reveal-state="visible"] {
  pointer-events: auto;
}

@media (max-width: 1080px) and (min-width: 681px) {
  .bf-offer-access__card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .bf-offer-access__card-grid > .bf-offer-card:last-child {
    grid-column: 1 / -1;
    width: min(100%, calc((100% - 14px) / 2));
    justify-self: center;
  }

  .bf-offer-card {
    gap: 12px;
    padding: 16px;
  }

  .bf-offer-card__price {
    padding: 11px;
  }

  .bf-offer-card__price strong {
    font-size: clamp(1.55rem, 3.3vw, 2.15rem);
  }

  .bf-offer-card ul {
    gap: 5px;
    margin-top: 8px;
  }
}

@media (max-width: 680px) {
  .bf-offer-access {
    padding-block: 82px;
  }

  .bf-offer-access__card-grid > .bf-offer-card:last-child {
    width: 100%;
    grid-column: auto;
  }

  .bf-offer-card {
    gap: 11px;
    padding: 15px;
    border-radius: 18px;
  }

  .bf-offer-card__price {
    padding: 10px 11px;
  }

  .bf-offer-card__price strong {
    font-size: clamp(1.55rem, 8vw, 2rem);
  }

  .bf-offer-card > p,
  .bf-offer-card li {
    font-size: .72rem;
  }

  .bf-offer-card section > span {
    font-size: .58rem;
  }
}

:root {
  --bf-hero-enterprise-gap: clamp(22px, 3vw, 42px);
}

.bf-site-header .bf-header__beacon {
  border-color: rgba(125, 235, 255, .16);
  background:
    radial-gradient(circle at 28% 22%, rgba(125,235,255,.08), transparent 64%),
    rgba(255,255,255,.025);
}
.bf-site-header .bf-header__beacon img {
  width: 27px;
  height: 27px;
}

.bf-hero__headline-line--accent {
  color: transparent;
  background:
    linear-gradient(
      102deg,
      #79a8ff 0%,
      #8fc9ff 34%,
      #bff8ff 64%,
      #4de6e6 100%
    );
  background-size: 180% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgba(77,230,230,.10));
  animation: bf-a252-headline-light 9s ease-in-out infinite;
}

@keyframes bf-a252-headline-light {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.bf-hero__actions .bf-button {
  position: relative;
  overflow: hidden;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-weight: 850;
  letter-spacing: -.018em;
}
.bf-hero__actions .bf-button::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 20%, rgba(255,255,255,.22) 47%, transparent 73%);
  transform: translateX(-135%);
}
.bf-hero[data-bf-button-life="active"] .bf-hero__actions .bf-button::before {
  animation: bf-a252-button-scan 2.8s cubic-bezier(.22,.8,.2,1) 1;
}
.bf-hero__actions .bf-button span,
.bf-hero__actions .bf-button .bf-icon {
  position: relative;
  z-index: 1;
}
@keyframes bf-a252-button-scan {
  0% { transform: translateX(-135%); opacity: 0; }
  15% { opacity: .85; }
  68% { transform: translateX(135%); opacity: .25; }
  100% { transform: translateX(135%); opacity: 0; }
}

.bf-scroll-indicator {
  bottom: 18px;
  min-height: 58px;
  padding: 8px 12px;
  border: 1px solid rgba(125,235,255,.10);
  border-radius: 999px;
  background: rgba(4,12,23,.40);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.bf-scroll-indicator__label::after {
  content: " · Entdecken";
  color: var(--bf-accent-cyan);
}
.bf-scroll-indicator__track {
  height: 34px;
}
.bf-scroll-indicator__point {
  animation-duration: 2.6s;
}

.bf-live-trust-ribbon,
.bf-capabilities,
.bf-platform,
.bf-process,
.bf-solutions,
.bf-industries,
.bf-offer-access {
  position: relative;
  isolation: isolate;
}
.bf-live-trust-ribbon::after,
.bf-capabilities::after,
.bf-platform::after,
.bf-process::after,
.bf-solutions::after,
.bf-industries::after,
.bf-offer-access::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image:
    radial-gradient(circle, rgba(216,251,255,.78) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(77,230,230,.48) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(248,193,90,.34) 0 1px, transparent 1.5px);
  background-size: 137px 137px, 211px 211px, 293px 293px;
  background-position: 17px 29px, 73px 101px, 149px 37px;
  mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
  animation: bf-a252-section-stars 38s linear infinite;
}
@keyframes bf-a252-section-stars {
  to { background-position: 154px 166px, -138px 312px, 442px -256px; }
}

@media (min-width: 1221px) {
  .bf-hero {
    min-height: max(820px, 100svh);
    padding-top: clamp(118px, 12vh, 154px);
    padding-bottom: 88px;
  }
  .bf-hero__layout {
    align-items: center;
  }
  .bf-genesis-hero__visual {
    height: min(720px, calc(100svh - 150px));
    min-height: 640px;
  }
  .bf-genesis-runtime-card {
    bottom: 42px;
  }
}

@media (min-width: 981px) and (max-width: 1220px) {
  .bf-hero {
    min-height: auto;
    padding-top: 116px;
    padding-bottom: 84px;
  }
  .bf-hero__layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
    gap: 24px;
    align-items: center;
  }
  .bf-hero__content {
    max-width: none;
    padding-block: 10px;
  }
  .bf-hero__headline {
    max-width: 12.2ch;
    font-size: clamp(2.8rem, 5vw, 4.25rem);
  }
  .bf-genesis-hero__visual {
    min-height: 620px;
    height: 620px;
  }
  .bf-genesis-runtime-card {
    width: min(100%, 470px);
    right: 0;
    bottom: 28px;
  }
}

@media (min-width: 681px) and (max-width: 980px) {
  .bf-hero {
    min-height: auto;
    padding-top: 112px;
    padding-bottom: 80px;
  }
  .bf-hero__first-design {
    height: 100%;
  }
  .bf-hero__first-design img {
    object-position: 66% top;
  }
  .bf-hero__layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .bf-hero__content {
    max-width: 760px;
    padding-block: 12px 0;
  }
  .bf-hero__headline {
    max-width: 12ch;
    font-size: clamp(3.15rem, 7.6vw, 4.65rem);
  }
  .bf-genesis-hero__visual {
    width: min(100%, 680px);
    min-height: auto;
    height: auto;
    display: grid;
    gap: 12px;
    margin: 0 auto;
  }
  .bf-genesis-runtime-card {
    position: relative;
    inset: auto;
    width: min(100%, 600px);
    margin-inline: auto;
  }
  .bf-genesis-sentinel-label {
    position: relative;
    inset: auto;
    justify-self: end;
    margin: 0 18px -6px 0;
  }
  .bf-genesis-orbit {
    top: -70px;
    right: -20px;
    width: min(66vw, 520px);
    opacity: .24;
  }
  .bf-scroll-indicator {
    position: relative;
    left: auto;
    bottom: auto;
    width: fit-content;
    margin: 34px auto -42px;
    transform: none;
  }
}

@media (max-width: 680px) {
  .bf-site-header {
    top: max(8px, env(safe-area-inset-top));
  }
  .bf-header__bar {
    width: calc(100% - 20px);
    min-height: 66px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    padding: 7px 8px 7px 11px;
    border-radius: 20px;
  }
  .bf-header__wordmark small {
    display: none;
  }
  .bf-header__cta {
    display: none;
  }
  .bf-menu-button {
    min-width: 52px;
    padding-inline: 10px;
  }
  .bf-menu-button__label {
    display: none;
  }

  .bf-hero {
    min-height: auto;
    padding-top: clamp(414px, 108vw, 470px);
    padding-bottom: 74px;
  }
  .bf-hero__first-design {
    height: clamp(438px, 118vw, 510px) !important;
  }
  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__network {
    height: clamp(500px, 132vw, 570px) !important;
  }
  .bf-hero::after {
    background:
      linear-gradient(
        180deg,
        rgba(2,7,16,.01) 0%,
        rgba(2,7,16,.05) 29%,
        rgba(2,7,16,.32) 44%,
        rgba(2,7,16,.88) 58%,
        #020710 72%,
        #020710 100%
      );
  }
  .bf-hero__layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .bf-hero__content {
    display: grid;
    gap: 14px;
    margin-top: -30px;
    padding: 0;
  }
  .bf-genesis-phase { order: 1; }
  .bf-hero__brand { order: 2; }
  .bf-hero__headline {
    order: 3;
    max-width: 100%;
    margin-top: 3px;
    font-size: clamp(1.92rem, 8.25vw, 2.28rem);
    line-height: .99;
    letter-spacing: -.049em;
  }
  .bf-hero__headline-visual {
    gap: .15em;
  }
  .bf-hero__headline-line--accent {
    max-width: 100%;
    font-size: .94em;
    line-height: 1.035;
  }
  .bf-hero__statement {
    order: 4;
    font-size: .94rem;
    line-height: 1.58;
  }
  .bf-genesis-inline-strip {
    order: 5;
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .bf-hero__actions {
    order: 6;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .bf-trust-network { order: 7; }
  .bf-genesis-hero__visual {
    order: 8;
    min-height: auto;
    height: auto;
    display: grid;
    gap: 12px;
  }
  .bf-genesis-sentinel-label {
    position: relative;
    inset: auto;
    order: 1;
    width: fit-content;
    margin: 0;
  }
  .bf-genesis-runtime-card {
    position: relative;
    inset: auto;
    order: 2;
    width: 100%;
    max-width: 100%;
  }
  .bf-genesis-orbit {
    display: none;
  }
  .bf-scroll-indicator {
    position: relative;
    left: auto;
    bottom: auto;
    width: fit-content;
    margin: 28px auto -40px;
    transform: none;
  }
  .bf-scroll-indicator__label {
    display: inline;
    font-size: .56rem;
  }
  .bf-live-trust-ribbon {
    margin-top: 0;
  }
}

@media (max-width: 430px) {
  .bf-hero {
    padding-top: clamp(398px, 106vw, 448px);
  }
  .bf-hero__first-design {
    height: clamp(420px, 116vw, 482px) !important;
  }
  .bf-hero__headline {
    font-size: clamp(1.82rem, 8vw, 2.08rem);
  }
  .bf-hero__brand {
    min-height: 56px;
  }
}

@media (max-width: 380px) {
  .bf-hero {
    padding-top: 386px;
  }
  .bf-hero__first-design {
    height: 410px !important;
  }
  .bf-hero__headline {
    font-size: 1.72rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero__headline-line--accent,
  .bf-hero__actions .bf-button::before,
  .bf-live-trust-ribbon::after,
  .bf-capabilities::after,
  .bf-platform::after,
  .bf-process::after,
  .bf-solutions::after,
  .bf-industries::after,
  .bf-offer-access::after {
    animation: none !important;
  }
}

.bf-enterprise-footer__signature {
  display:block; margin-top:12px; color:var(--bf-accent-cyan,#4de6e6); font-size:.72rem; font-weight:800; letter-spacing:.025em;
}
.bf-enterprise-footer__nav section { min-width:0; }
.bf-enterprise-footer__nav ul { list-style:none; margin:0; padding:0; }
.bf-enterprise-footer__nav li + li { margin-top:7px; }
.bf-enterprise-footer__bottom p { max-width:860px; line-height:1.55; }
@media (max-width:680px) {
  .bf-enterprise-footer__nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bf-enterprise-footer__status { grid-template-columns:1fr; }
}

:root{--bf-v3-aqua:#4DE6E6;--bf-v3-turquoise:#2FB8C0;--bf-v3-ice:#BFFBFF;--bf-v3-deep:#050914;--bf-v3-surface:#07131D;--bf-v3-border:rgba(255,255,255,.09)}
    .bf-header__brand img,.bf-menu-drawer__identity img,.bf-hero__brand-mark{display:block;object-fit:contain}.bf-header__beacon img{width:38px;height:38px}.bf-menu-drawer__beacon img{width:44px;height:44px}.bf-hero__brand-mark{width:48px;height:48px}.bf-header__nav{gap:clamp(.55rem,1vw,1.15rem)}.bf-header__nav a{white-space:nowrap;font-size:clamp(.68rem,.72vw,.78rem)}
    .bf-v3-method{position:relative;overflow:hidden;padding:clamp(5rem,8vw,8.5rem) 0;background:linear-gradient(180deg,#050914 0%,#07131D 48%,#050914 100%);isolation:isolate}.bf-v3-method__atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 18%,rgba(77,230,230,.13),transparent 32%),radial-gradient(circle at 18% 76%,rgba(47,184,192,.10),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}
    .bf-v3-method__header{max-width:900px;margin-bottom:clamp(2.25rem,5vw,4.5rem)}.bf-v3-method__header>span,.bf-v3-principle>span{display:block;color:var(--bf-v3-aqua);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.85rem}.bf-v3-method__header h2{font-size:clamp(2.3rem,5.2vw,5rem);line-height:.98;letter-spacing:-.045em;margin:0;color:#f4f7fc;max-width:1050px}.bf-v3-method__header h2 em{font-style:normal;color:var(--bf-v3-ice)}.bf-v3-method__header p{max-width:800px;margin:1.5rem 0 0;color:#a9b6d3;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.75}
    .bf-v3-journey{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.7rem;list-style:none;padding:0;margin:0 0 clamp(2rem,4vw,3.5rem)}.bf-v3-journey li{position:relative;min-height:150px;padding:1rem .95rem;border:1px solid var(--bf-v3-border);border-radius:18px;background:rgba(9,19,31,.62);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.22)}.bf-v3-journey li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-.72rem;width:.72rem;height:1px;background:linear-gradient(90deg,var(--bf-v3-turquoise),transparent)}.bf-v3-journey span{display:block;color:var(--bf-v3-turquoise);font-size:.7rem;font-weight:800;letter-spacing:.12em;margin-bottom:1.1rem}.bf-v3-journey strong{display:block;color:#f4f7fc;font-size:clamp(.95rem,1.2vw,1.1rem);margin-bottom:.55rem}.bf-v3-journey small{display:block;color:#98a8c5;line-height:1.5;font-size:.78rem}
    .bf-v3-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.bf-v3-pillars article{position:relative;padding:clamp(1.35rem,2vw,2rem);min-height:250px;border-radius:22px;border:1px solid var(--bf-v3-border);background:linear-gradient(145deg,rgba(18,31,49,.72),rgba(7,19,29,.55));box-shadow:0 20px 60px rgba(0,0,0,.28)}.bf-v3-pillars article>span{color:var(--bf-v3-aqua);font-size:.72rem;font-weight:800;letter-spacing:.13em}.bf-v3-pillars h3{margin:2.2rem 0 .85rem;color:#f4f7fc;font-size:clamp(1.2rem,1.7vw,1.55rem);letter-spacing:-.025em}.bf-v3-pillars p{margin:0;color:#a9b6d3;line-height:1.65;font-size:.94rem}.bf-v3-principle{margin-top:1.25rem;padding:clamp(1.35rem,2.5vw,2.25rem);border:1px solid rgba(77,230,230,.16);border-radius:22px;background:rgba(7,19,29,.64)}.bf-v3-principle strong{display:block;color:#f4f7fc;font-size:clamp(1.25rem,2.1vw,2rem);letter-spacing:-.02em}.bf-v3-principle p{margin:.55rem 0 0;color:#a9b6d3}
    .bf-v3-offer-journey{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.7rem;margin:1.5rem 0 2.2rem;padding:1rem;border:1px solid var(--bf-v3-border);border-radius:20px;background:rgba(7,19,29,.62)}.bf-v3-offer-journey span{display:grid;gap:.2rem;min-width:0}.bf-v3-offer-journey small{color:var(--bf-v3-turquoise);font-size:.68rem;font-weight:800;letter-spacing:.12em}.bf-v3-offer-journey strong{color:#f4f7fc;font-size:.86rem;white-space:nowrap}.bf-v3-offer-journey i{height:1px;background:linear-gradient(90deg,rgba(77,230,230,.72),rgba(77,230,230,.08))}
    .bf-enterprise-footer__masterbrand{display:inline-flex!important;align-items:center;max-width:min(100%,460px)}.bf-enterprise-footer__masterlogo{display:block!important;width:clamp(210px,24vw,420px)!important;height:auto!important;max-width:100%;object-fit:contain}.bf-founder-panel__visual{min-height:320px;display:grid;place-items:end center;overflow:hidden}.bf-founder-panel__visual img{display:block;width:min(100%,360px)!important;height:auto!important;max-height:520px;object-fit:contain;object-position:center bottom}
    @media(max-width:1360px){.bf-header__nav{display:none}.bf-header__bar{grid-template-columns:auto 1fr auto}.bf-header__actions{justify-self:end}}@media(max-width:1100px){.bf-v3-journey{grid-template-columns:repeat(4,minmax(0,1fr))}.bf-v3-journey li::after{display:none}.bf-v3-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-v3-offer-journey{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.bf-v3-offer-journey i{display:none}.bf-v3-offer-journey span{padding:.8rem;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02)}}@media(max-width:680px){.bf-header__wordmark small{font-size:.62rem}.bf-hero__brand-mark{width:44px;height:44px}.bf-v3-method{padding:4.5rem 0}.bf-v3-method__header h2{font-size:clamp(2.15rem,11vw,3.4rem)}.bf-v3-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.bf-v3-journey li{min-height:138px}.bf-v3-pillars{grid-template-columns:1fr}.bf-v3-pillars article{min-height:auto}.bf-v3-offer-journey{grid-template-columns:1fr}.bf-v3-offer-journey span{padding:1rem}.bf-founder-panel__visual{min-height:260px}.bf-founder-panel__visual img{width:min(90vw,320px)!important}.bf-enterprise-footer__masterlogo{width:min(100%,320px)!important}}@media(max-width:420px){.bf-v3-journey{grid-template-columns:1fr}.bf-v3-journey li{min-height:auto}.bf-header__wordmark small{display:none}}@media(prefers-reduced-motion:reduce){.bf-v3-method *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

:root{
  --bf-end-aqua:#4DE6E6;
  --bf-end-turquoise:#2FB8C0;
  --bf-end-ice:#BFFBFF;
  --bf-end-deep:#050914;
  --bf-end-surface:#07131D;
  --bf-end-border:rgba(255,255,255,.09);
  --bf-end-muted:#9AA9C4;
}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:110px}

.bf-v3-journey-rail{
  position:fixed;left:max(12px,env(safe-area-inset-left));top:50%;z-index:80;
  display:grid;gap:5px;transform:translateY(-50%);
  padding:7px;border:1px solid rgba(77,230,230,.10);border-radius:18px;
  background:rgba(3,9,18,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 20px 60px rgba(0,0,0,.24)
}
.bf-v3-journey-rail button{
  width:42px;min-height:42px;border:0;border-radius:12px;background:transparent;color:#71809c;
  display:grid;place-items:center;cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease
}
.bf-v3-journey-rail button span{font-size:.62rem;font-weight:850;letter-spacing:.08em}
.bf-v3-journey-rail button strong{position:absolute;left:52px;white-space:nowrap;opacity:0;pointer-events:none;
  transform:translateX(-6px);padding:.52rem .7rem;border-radius:10px;border:1px solid var(--bf-end-border);
  background:rgba(5,13,24,.92);font-size:.72rem;color:#f4f7fc;transition:.25s ease}
.bf-v3-journey-rail button:hover strong,.bf-v3-journey-rail button:focus-visible strong{opacity:1;transform:none}
.bf-v3-journey-rail button[data-current="true"]{background:rgba(77,230,230,.11);color:var(--bf-end-aqua);box-shadow:inset 0 0 0 1px rgba(77,230,230,.15)}
.bf-v3-journey-rail button:focus-visible{outline:2px solid var(--bf-end-ice);outline-offset:2px}

.bf-v3-technology-proof{
  position:relative;padding:clamp(5rem,8vw,8rem) 0;background:linear-gradient(180deg,#050914,#07131D 52%,#050914)
}
.bf-v3-section-contract{max-width:920px;margin-bottom:2rem}
.bf-v3-section-contract>span{display:block;color:var(--bf-end-aqua);font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem}
.bf-v3-section-contract h2{margin:0;color:#f4f7fc;font-size:clamp(2.1rem,4.4vw,4.25rem);line-height:1;letter-spacing:-.04em}
.bf-v3-section-contract h2 em{font-style:normal;color:var(--bf-end-ice)}
.bf-v3-section-contract p{max-width:780px;color:var(--bf-end-muted);font-size:1rem;line-height:1.7}
.bf-v3-tech-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:2rem 0}
.bf-v3-tech-cards article{padding:1.2rem;border:1px solid var(--bf-end-border);border-radius:18px;background:rgba(8,18,29,.62)}
.bf-v3-tech-cards span{display:block;color:var(--bf-end-turquoise);font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.bf-v3-tech-cards strong{display:block;color:#f4f7fc;margin:.8rem 0 .45rem}
.bf-v3-tech-cards p{margin:0;color:#95a5c0;line-height:1.55;font-size:.84rem}
.bf-v3-tech-toggle{margin-top:.3rem}
.bf-v3-tech-note{color:#71809c;font-size:.75rem;margin:.9rem 0 0}
.bf-v3-deep-section[data-bf-v3-deep-open="false"]{display:none!important}

.bf-v3-mission-control{
  margin:clamp(2rem,4vw,3.5rem) 0;padding:clamp(1rem,2vw,1.5rem);
  border:1px solid rgba(77,230,230,.13);border-radius:26px;background:
  linear-gradient(145deg,rgba(14,28,43,.82),rgba(5,13,24,.78));box-shadow:0 28px 80px rgba(0,0,0,.32)
}
.bf-v3-mission-control__header{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:.35rem .35rem 1.25rem}
.bf-v3-mission-control__header span{display:block;color:var(--bf-end-aqua);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.bf-v3-mission-control__header h3{margin:.35rem 0 0;color:#f4f7fc;font-size:clamp(1.5rem,2.6vw,2.35rem);letter-spacing:-.03em}
.bf-v3-mission-control__header>strong{color:#9eb0c9;font-size:.72rem;border:1px solid var(--bf-end-border);border-radius:999px;padding:.55rem .8rem}
.bf-v3-mission-grid{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.65fr) minmax(220px,.8fr);gap:12px}
.bf-v3-mission-nav,.bf-v3-mission-workspace,.bf-v3-mission-insights{border:1px solid var(--bf-end-border);border-radius:20px;background:rgba(4,12,22,.58)}
.bf-v3-mission-nav{display:grid;padding:.6rem}
.bf-v3-mission-nav button{display:grid;grid-template-columns:30px 1fr;text-align:left;gap:.1rem .55rem;padding:.75rem;border:0;border-radius:13px;background:transparent;color:#f4f7fc;cursor:pointer}
.bf-v3-mission-nav button:hover,.bf-v3-mission-nav button:focus-visible{background:rgba(77,230,230,.08);outline:none}
.bf-v3-mission-nav button>span{grid-row:1/3;color:var(--bf-end-turquoise);font-size:.65rem}
.bf-v3-mission-nav strong{font-size:.82rem}.bf-v3-mission-nav small{color:#7586a2;font-size:.68rem}
.bf-v3-mission-workspace{padding:clamp(1.25rem,2vw,2rem);min-height:260px;display:flex;flex-direction:column;justify-content:center}
.bf-v3-mission-workspace>span,.bf-v3-mission-insights>span{color:var(--bf-end-aqua);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.bf-v3-mission-workspace h4{margin:1rem 0 .7rem;color:#f4f7fc;font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.04em}
.bf-v3-mission-workspace p{margin:0;max-width:620px;color:#9daec7;line-height:1.7}
.bf-v3-mission-signal{margin-top:1.5rem;padding:1rem;border-radius:14px;background:rgba(77,230,230,.055)}
.bf-v3-mission-signal span{display:block;color:#7485a0;font-size:.68rem}.bf-v3-mission-signal strong{display:block;margin-top:.3rem;color:var(--bf-end-ice)}
.bf-v3-mission-insights{padding:1.1rem}
.bf-v3-mission-insights dl{display:grid;gap:.65rem;margin:1rem 0}
.bf-v3-mission-insights dl div{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.bf-v3-mission-insights dt{color:#7586a2;font-size:.7rem}.bf-v3-mission-insights dd{margin:0;color:#f4f7fc;font-size:.72rem;font-weight:750}
.bf-v3-mission-insights a{color:var(--bf-end-aqua);font-size:.76rem;font-weight:800;text-decoration:none}

.bf-v3-proof-notice{margin:1.5rem 0 2rem;padding:1rem 1.15rem;border-left:2px solid var(--bf-end-turquoise);background:rgba(47,184,192,.055);border-radius:0 14px 14px 0}
.bf-v3-proof-notice strong{color:#eaf7fb;font-size:.8rem}.bf-v3-proof-notice p{margin:.35rem 0 0;color:#8798b2;font-size:.78rem;line-height:1.55}

.bf-founder-panel__visual{min-height:clamp(420px,48vw,660px)!important;align-items:end!important}
.bf-founder-panel__visual img{width:min(100%,520px)!important;max-height:720px!important;object-fit:contain!important;object-position:center bottom!important}
.bf-v3-founder-principles{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.35rem 0}
.bf-v3-founder-principles span{padding:.55rem .7rem;border:1px solid rgba(77,230,230,.10);border-radius:999px;color:#b9c8db;background:rgba(77,230,230,.035);font-size:.72rem}

.bf-v3-intent-paths{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem!important;margin-top:1.5rem!important}
.bf-v3-intent-paths a,.bf-v3-intent-paths button{appearance:none;text-align:left;text-decoration:none;border:1px solid var(--bf-end-border);border-radius:18px;background:rgba(6,16,27,.62);padding:1rem;color:#f4f7fc;cursor:pointer}
.bf-v3-intent-paths span{display:block;color:var(--bf-end-turquoise);font-size:.66rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.bf-v3-intent-paths strong{display:block;margin:.55rem 0 .25rem;font-size:.9rem}.bf-v3-intent-paths small{color:#8191ab;font-size:.72rem}

.bf-v3-readiness{width:min(920px,calc(100vw - 28px));max-height:min(88vh,860px);padding:0;border:1px solid rgba(77,230,230,.14);border-radius:26px;background:#07131D;color:#f4f7fc;box-shadow:0 38px 120px rgba(0,0,0,.55)}
.bf-v3-readiness::backdrop{background:rgba(1,5,11,.74);backdrop-filter:blur(10px)}
.bf-v3-readiness__shell{padding:clamp(1.2rem,3vw,2.2rem);overflow:auto;max-height:88vh}
.bf-v3-readiness header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.bf-v3-readiness header span{color:var(--bf-end-aqua);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.bf-v3-readiness h2{margin:.55rem 0 .75rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.bf-v3-readiness header p{max-width:680px;color:#9aaac2;line-height:1.6}
.bf-v3-readiness header>button{border:1px solid var(--bf-end-border);border-radius:12px;background:rgba(255,255,255,.03);color:#fff;width:42px;height:42px;font-size:1.3rem;cursor:pointer}
.bf-v3-readiness__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.4rem 0}
.bf-v3-readiness label{display:grid;gap:.45rem;color:#c4d0df;font-size:.78rem}
.bf-v3-readiness select{width:100%;min-height:48px;border:1px solid var(--bf-end-border);border-radius:13px;background:#0A1725;color:#f4f7fc;padding:.7rem .8rem}
.bf-v3-readiness__actions{display:flex;gap:.7rem;flex-wrap:wrap}
.bf-v3-readiness__result{margin-top:1.4rem;padding:1.2rem;border:1px solid rgba(77,230,230,.14);border-radius:18px;background:rgba(77,230,230,.05)}
.bf-v3-readiness__result>span{color:var(--bf-end-aqua);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em}
.bf-v3-readiness__result h3{margin:.55rem 0;color:#f4f7fc}.bf-v3-readiness__result p{color:#9fb0c7;line-height:1.6}
.bf-v3-readiness__result div{display:flex;gap:.7rem;flex-wrap:wrap}

#process,#intelligence,#decision,#solutions,#dashboard,#industries,#offers,#evidence,#technology-proof,[data-bf-enterprise-closing]{
  content-visibility:auto;
  contain-intrinsic-size:1px 900px
}

@media(max-width:1100px){
  .bf-v3-mission-grid{grid-template-columns:1fr 1.7fr}.bf-v3-mission-insights{grid-column:1/-1}
  .bf-v3-tech-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .bf-v3-journey-rail{left:50%;top:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);grid-auto-flow:column;width:min(calc(100% - 20px),440px);justify-content:space-between;border-radius:16px;padding:5px}
  .bf-v3-journey-rail button{width:38px;min-height:38px}.bf-v3-journey-rail button strong{display:none}
  .bf-v3-mission-grid{grid-template-columns:1fr}.bf-v3-mission-insights{grid-column:auto}
  .bf-v3-mission-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-v3-tech-cards{grid-template-columns:1fr}
  .bf-v3-intent-paths{grid-template-columns:1fr}
  .bf-v3-readiness__grid{grid-template-columns:1fr}
  .bf-founder-panel__visual{min-height:390px!important}
}
@media(max-width:430px){
  .bf-v3-journey-rail button span{font-size:.55rem}
  .bf-v3-mission-nav{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bf-v3-journey-rail button{transition:none}
}


:root{
  --bf-beta-aqua:#4DE6E6;
  --bf-beta-cyan:#2FB8C0;
  --bf-beta-ice:#BFFBFF;
  --bf-beta-surface:rgba(7,19,29,.74);
  --bf-beta-border:rgba(125,235,255,.11);
}
.bf-beta-access,.bf-adaptive-assistants{position:relative;padding:clamp(5rem,8vw,8rem) 0;background:linear-gradient(180deg,#050914,#07131d 54%,#050914)}
.bf-beta-access__header,.bf-adaptive-assistants__header{max-width:940px;margin-bottom:2rem}
.bf-beta-access__header>span,.bf-adaptive-assistants__header>span,.bf-founder-books>span,.bf-strategic-investment>div>span{display:block;color:var(--bf-beta-aqua);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.bf-beta-access__header h2,.bf-adaptive-assistants__header h2{font-size:clamp(2.2rem,4.6vw,4.5rem);line-height:1;letter-spacing:-.045em;color:#f4f7fc;margin:.65rem 0 1rem}
.bf-beta-access__header p,.bf-adaptive-assistants__header p{max-width:820px;color:#9bacc3;line-height:1.7}
.bf-beta-access__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bf-beta-access__grid article,.bf-adaptive-assistants__examples article,.bf-founder-books article,.bf-strategic-investment__paths article{border:1px solid var(--bf-beta-border);border-radius:20px;background:var(--bf-beta-surface);padding:1.15rem;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.bf-beta-access__grid article[data-featured="true"]{border-color:rgba(77,230,230,.26);background:linear-gradient(145deg,rgba(47,184,192,.11),rgba(7,19,29,.82))}
.bf-beta-access__grid span,.bf-adaptive-assistants__examples span,.bf-founder-books small{color:#65dce2;font-size:.67rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.bf-beta-access__grid strong,.bf-adaptive-assistants__examples h3,.bf-founder-books strong,.bf-strategic-investment__paths strong{display:block;color:#f4f7fc;margin:.7rem 0 .45rem;font-size:1rem}
.bf-beta-access__grid p,.bf-adaptive-assistants__examples p,.bf-founder-books p,.bf-strategic-investment__paths p{color:#91a3bc;line-height:1.55;font-size:.82rem}
.bf-beta-access__grid small{display:block;margin-top:.8rem;color:var(--bf-beta-ice);font-weight:800}
.bf-beta-access>div>aside{margin-top:1.2rem;padding:1rem;border-left:2px solid var(--bf-beta-cyan);background:rgba(47,184,192,.05);color:#93a4ba}
.bf-beta-access>div>aside strong{color:#dffcff}

.bf-adaptive-assistants__flow{display:grid;grid-template-columns:repeat(9,auto);gap:10px;align-items:stretch;margin:2rem 0}
.bf-adaptive-assistants__flow article{min-width:0;padding:1rem;border:1px solid var(--bf-beta-border);border-radius:18px;background:rgba(7,19,29,.68)}
.bf-adaptive-assistants__flow article span{color:var(--bf-beta-aqua);font-weight:900;font-size:.66rem}
.bf-adaptive-assistants__flow article strong{display:block;color:#f4f7fc;margin:.7rem 0 .4rem;font-size:.88rem}
.bf-adaptive-assistants__flow article p{margin:0;color:#8899b1;font-size:.75rem;line-height:1.55}
.bf-adaptive-assistants__flow i{align-self:center;color:rgba(77,230,230,.45);font-style:normal}
.bf-adaptive-assistants__examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.bf-founder-books{margin:1.5rem 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.07)}
.bf-founder-books>h3{color:#f4f7fc;font-size:1.2rem;margin:.5rem 0 1rem}
.bf-founder-books>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bf-founder-books__boundary{padding:.85rem 1rem;border-radius:14px;background:rgba(77,230,230,.045);color:#8fa1b8!important}

.bf-strategic-investment{margin:clamp(2rem,4vw,4rem) 0 0;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid rgba(77,230,230,.14);border-radius:24px;background:linear-gradient(145deg,rgba(12,29,40,.82),rgba(5,12,22,.75))}
.bf-strategic-investment h3{font-size:clamp(1.7rem,3vw,2.6rem);color:#f4f7fc;letter-spacing:-.035em;margin:.6rem 0}
.bf-strategic-investment>div>p{max-width:820px;color:#9aabc1;line-height:1.65}
.bf-strategic-investment__paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.2rem 0}
.bf-strategic-investment aside{color:#8293aa;font-size:.76rem;line-height:1.55;margin:1rem 0}

.bf-beta-recommendation{margin-top:1rem;padding:1rem;border:1px solid rgba(77,230,230,.14);border-radius:16px;background:rgba(77,230,230,.045)}
.bf-beta-recommendation dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:0 0 1rem}
.bf-beta-recommendation dl div{padding:.75rem;border-radius:12px;background:rgba(5,12,22,.55)}
.bf-beta-recommendation dt{color:#7789a2;font-size:.65rem}.bf-beta-recommendation dd{margin:.3rem 0 0;color:#f4f7fc;font-size:.78rem;font-weight:800}

.bf-beta-calendar{width:min(980px,calc(100vw - 24px));max-height:90vh;padding:0;border:1px solid rgba(77,230,230,.16);border-radius:26px;background:#07131d;color:#f4f7fc;box-shadow:0 40px 120px rgba(0,0,0,.56)}
.bf-beta-calendar::backdrop{background:rgba(1,5,11,.76);backdrop-filter:blur(10px)}
.bf-beta-calendar__shell{padding:clamp(1.1rem,3vw,2.2rem);max-height:90vh;overflow:auto}
.bf-beta-calendar header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.bf-beta-calendar header span{color:var(--bf-beta-aqua);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.bf-beta-calendar h2{font-size:clamp(1.8rem,4vw,3rem);margin:.5rem 0 .7rem;letter-spacing:-.04em}
.bf-beta-calendar header p{max-width:720px;color:#95a6bd;line-height:1.6}
.bf-beta-calendar header>button{width:42px;height:42px;border-radius:12px;border:1px solid var(--bf-beta-border);background:rgba(255,255,255,.03);color:#fff;font-size:1.3rem}
.bf-beta-calendar__lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.2rem 0}
.bf-beta-calendar label{display:grid;gap:.4rem;color:#bac7d7;font-size:.76rem}
.bf-beta-calendar input{min-height:46px;border:1px solid var(--bf-beta-border);border-radius:12px;background:#091725;color:#f4f7fc;padding:.65rem .75rem}
.bf-beta-calendar__availability{margin:1.2rem 0;padding:1rem;border:1px solid var(--bf-beta-border);border-radius:18px;background:rgba(4,12,22,.5)}
.bf-beta-calendar__availability>header{align-items:center}.bf-beta-calendar__availability>header strong{font-size:.72rem;color:#91a2ba}
.bf-beta-calendar__days{display:grid;grid-template-columns:repeat(7,minmax(82px,1fr));gap:.5rem;overflow-x:auto;padding:.8rem 0}
.bf-beta-day{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:#f4f7fc;padding:.7rem .55rem;text-align:left;cursor:pointer}
.bf-beta-day small{display:block;color:#7789a2;font-size:.62rem}.bf-beta-day strong{display:block;margin:.3rem 0;font-size:.77rem}.bf-beta-day span{color:#87a0b9;font-size:.62rem;text-transform:none;letter-spacing:0;font-weight:600}
.bf-beta-day[disabled]{opacity:.45;cursor:not-allowed}.bf-beta-day[data-selected="true"]{border-color:rgba(77,230,230,.34);background:rgba(77,230,230,.08)}
.bf-beta-calendar__slots{display:flex;gap:.5rem;flex-wrap:wrap}
.bf-beta-slot{border:1px solid var(--bf-beta-border);border-radius:999px;background:rgba(255,255,255,.025);color:#eaf4fb;padding:.65rem .85rem;cursor:pointer}
.bf-beta-slot[data-selected="true"]{background:rgba(77,230,230,.12);border-color:rgba(77,230,230,.34);color:var(--bf-beta-ice)}
.bf-beta-calendar__consent{grid-template-columns:auto 1fr!important;align-items:start;margin:1rem 0}.bf-beta-calendar__consent input{min-height:auto;margin-top:.2rem}
.bf-beta-calendar__actions{display:flex;gap:.7rem;flex-wrap:wrap}
.bf-beta-calendar__status{display:block;margin-top:.8rem;color:#8fa1b8;font-size:.75rem}
.bf-footer-beta-note{color:#72839b!important;font-size:.72rem!important}

@media(max-width:1100px){
  .bf-beta-access__grid,.bf-adaptive-assistants__examples{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-adaptive-assistants__flow{grid-template-columns:1fr}.bf-adaptive-assistants__flow i{transform:rotate(90deg);justify-self:center}
}
@media(max-width:720px){
  .bf-beta-access__grid,.bf-adaptive-assistants__examples,.bf-founder-books>div,.bf-strategic-investment__paths{grid-template-columns:1fr}
  .bf-beta-recommendation dl,.bf-beta-calendar__lead{grid-template-columns:1fr}
  .bf-beta-calendar__days{grid-template-columns:repeat(7,92px)}
}
@media(prefers-reduced-motion:reduce){.bf-beta-day,.bf-beta-slot{transition:none!important}}