/* BRILL VAULT — INSTITUTIONAL PUBLIC HOME */

body:not(.bv-final-active) {
  background:
    radial-gradient(circle at 78% 8%, rgba(42,91,176,.10), transparent 31%),
    linear-gradient(180deg, #07101b 0%, #08111c 42%, #070f19 100%) !important;
}

body:not(.bv-final-active) .noise {
  opacity: .012;
}

body:not(.bv-final-active) .glow {
  opacity: .035;
}

#publicHeader.bvpub-header {
  width: min(1560px, calc(100% - 120px));
  max-width: none;
  height: 78px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 34px;
  align-items: center;
  border-bottom: 1px solid rgba(135,157,186,.10);
}

.bvpub-brand {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-decoration: none;
}

.bvpub-brand strong {
  color: #f2f5fa;
  font-size: 14px;
  font-weight: 780;
  line-height: 1;
  letter-spacing: .14em;
}

.bvpub-brand span {
  color: #52647a;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .18em;
}

.bvpub-nav {
  display: flex;
  align-items: center;
  gap: 34px;
}

.bvpub-nav a {
  color: #8291a4;
  text-decoration: none;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .04em;
  transition: color .16s ease;
}

.bvpub-nav a:hover {
  color: #e5edf8;
}

.bvpub-header-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.bvpub-button {
  min-height: 37px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #eaf0f8;
  font: inherit;
  font-size: 10px;
  font-weight: 720;
  cursor: pointer;
  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease;
}

.bvpub-button:hover {
  transform: translateY(-1px);
}

.bvpub-button.primary {
  border-color: #376fde;
  background: #2f64cc;
}

.bvpub-button.primary:hover {
  background: #376fe0;
}

.bvpub-button.secondary {
  border-color: rgba(133,157,188,.16);
  background: rgba(255,255,255,.02);
}

.bvpub-button.secondary:hover {
  border-color: rgba(133,157,188,.27);
  background: rgba(255,255,255,.035);
}

.bvpub-button.large {
  min-height: 46px;
  padding: 0 21px;
  font-size: 11px;
}

.bvpub-root {
  position: relative;
  color: #eaf0f8;
}

.bvpub-hero {
  width: min(1560px, calc(100% - 120px));
  min-height: 665px;
  margin: 0 auto;
  padding: 76px 0 66px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(480px,.78fr);
  gap: 112px;
  align-items: center;
}

.bvpub-hero-copy {
  max-width: 820px;
}

.bvpub-overline {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 27px;
  color: #71839a;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .18em;
}

.bvpub-overline > span {
  width: 28px;
  height: 1px;
  background: #3c76df;
}

.bvpub-hero h1 {
  margin: 0;
  max-width: 880px;
  color: #f3f6fa;
  font-size: clamp(58px, 4.5vw, 78px);
  font-weight: 650;
  line-height: .99;
  letter-spacing: -.048em;
}

.bvpub-hero h1 em {
  display: block;
  margin-top: 4px;
  color: #7da7f7;
  font-style: normal;
  font-weight: 620;
}

.bvpub-lead {
  max-width: 720px;
  margin: 29px 0 0;
  color: #8493a7;
  font-size: 14px;
  line-height: 1.76;
}

.bvpub-hero-actions {
  display: flex;
  gap: 8px;
  margin-top: 32px;
}

.bvpub-assurance {
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid rgba(129,153,185,.10);
  border-bottom: 1px solid rgba(129,153,185,.10);
}

.bvpub-assurance > div {
  min-height: 79px;
  padding: 17px 18px 17px 0;
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 8px;
  align-items: center;
}

.bvpub-assurance > div + div {
  padding-left: 18px;
  border-left: 1px solid rgba(129,153,185,.10);
}

.bvpub-assurance b {
  color: #526e94;
  font-size: 8px;
  font-weight: 850;
}

.bvpub-assurance span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bvpub-assurance strong {
  color: #bcc9d9;
  font-size: 9px;
  font-weight: 690;
}

.bvpub-assurance small {
  color: #52647a;
  font-size: 8px;
  line-height: 1.45;
}

.bvpub-terminal {
  padding: 27px 29px 24px;
  border: 1px solid rgba(121,148,184,.16);
  border-radius: 12px;
  background:
    linear-gradient(
      150deg,
      rgba(15,27,43,.97),
      rgba(8,16,27,.98)
    );
  box-shadow:
    0 34px 90px rgba(0,0,0,.30),
    inset 0 1px rgba(255,255,255,.025);
  font-variant-numeric: tabular-nums;
}

.bvpub-terminal-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.bvpub-terminal-head > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bvpub-terminal-head span,
.bvpub-terminal-state,
.bvpub-terminal-account > span,
.bvpub-terminal-grid span,
.bvpub-terminal-foot {
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .14em;
}

.bvpub-terminal-head > div:first-child span {
  color: #5f7590;
}

.bvpub-terminal-head strong {
  color: #e4eaf2;
  font-size: 12px;
  font-weight: 700;
}

.bvpub-terminal-state {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #62c897;
}

.bvpub-terminal-state i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #61d69d;
  box-shadow: 0 0 10px rgba(97,214,157,.45);
}

.bvpub-terminal-account {
  margin-top: 48px;
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(127,151,183,.10);
}

.bvpub-terminal-account > span {
  color: #526780;
}

.bvpub-terminal-account strong {
  display: block;
  margin-top: 7px;
  color: #eef3f9;
  font-size: 21px;
  font-weight: 640;
  letter-spacing: -.02em;
}

.bvpub-terminal-account small {
  display: block;
  margin-top: 7px;
  color: #596c82;
  font-size: 8px;
}

.bvpub-balance-table {
  margin-top: 8px;
}

.bvpub-balance-row {
  min-height: 71px;
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid rgba(127,151,183,.09);
}

.bvpub-code {
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
}

.bvpub-code.usd {
  color: #83aefc;
}

.bvpub-code.bd {
  color: #d5b97d;
}

.bvpub-code.bc {
  color: #8e9fb5;
}

.bvpub-balance-row > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bvpub-balance-row strong {
  color: #c8d2de;
  font-size: 9px;
  font-weight: 720;
  letter-spacing: .04em;
}

.bvpub-balance-row small {
  color: #53667d;
  font-size: 8px;
}

.bvpub-balance-row > span {
  color: #53677f;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .12em;
}

.bvpub-terminal-grid {
  margin-top: 19px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 7px;
}

.bvpub-terminal-grid > div {
  min-height: 58px;
  padding: 12px;
  border: 1px solid rgba(126,151,185,.08);
  border-radius: 7px;
  background: rgba(255,255,255,.012);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.bvpub-terminal-grid span {
  color: #4f637b;
}

.bvpub-terminal-grid strong {
  color: #93a5ba;
  font-size: 8px;
  letter-spacing: .07em;
}

.bvpub-terminal-foot {
  margin-top: 20px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  color: #455971;
  border-top: 1px solid rgba(126,151,185,.08);
}

.bvpub-infrastructure {
  width: min(1450px, calc(100% - 120px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border: 1px solid rgba(126,151,185,.10);
  border-radius: 8px;
  background: rgba(9,17,28,.63);
}

.bvpub-infrastructure > div {
  min-height: 86px;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 11px;
  align-content: center;
}

.bvpub-infrastructure > div + div {
  border-left: 1px solid rgba(126,151,185,.09);
}

.bvpub-infrastructure > div > span {
  grid-row: 1 / 3;
  color: #6786b0;
  font-size: 9px;
  font-weight: 900;
}

.bvpub-infrastructure strong {
  color: #b9c6d6;
  font-size: 9px;
}

.bvpub-infrastructure small {
  margin-top: 5px;
  color: #52647a;
  font-size: 8px;
}

.bvpub-section {
  width: min(1450px, calc(100% - 120px));
  margin: 0 auto;
  padding: 116px 0;
}

.bvpub-section-title {
  margin-bottom: 42px;
  display: grid;
  grid-template-columns: 1fr .72fr;
  gap: 90px;
  align-items: end;
}

.bvpub-section-title span,
.bvpub-payment-heading > span,
.bvpub-security-copy > span {
  color: #617fa8;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .15em;
}

.bvpub-section-title h2,
.bvpub-payment-heading h2,
.bvpub-security-copy h2 {
  margin: 13px 0 0;
  color: #edf2f8;
  font-size: 38px;
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.034em;
}

.bvpub-section-title > p,
.bvpub-payment-heading > p,
.bvpub-security-copy > p {
  margin: 0;
  color: #6d7e94;
  font-size: 11px;
  line-height: 1.75;
}

.bvpub-platform-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
}

.bvpub-platform-grid article {
  min-height: 266px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(128,153,187,.095);
  border-radius: 8px;
  background:
    linear-gradient(
      150deg,
      rgba(13,23,37,.72),
      rgba(8,15,25,.72)
    );
}

.bvpub-card-index {
  color: #56749b;
  font-size: 8px;
  font-weight: 900;
}

.bvpub-card-line {
  width: 100%;
  height: 1px;
  margin: 17px 0 37px;
  background: rgba(128,153,187,.09);
}

.bvpub-platform-grid h3 {
  margin: 0;
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 660;
}

.bvpub-platform-grid p {
  margin: 12px 0 0;
  color: #62748a;
  font-size: 9px;
  line-height: 1.7;
}

.bvpub-platform-grid article > span {
  margin-top: auto;
  color: #445a73;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .13em;
}

.bvpub-payments {
  display: grid;
  grid-template-columns: .82fr 1fr .68fr;
  gap: 55px;
  border-top: 1px solid rgba(126,151,185,.09);
  border-bottom: 1px solid rgba(126,151,185,.09);
}

.bvpub-payment-heading > p {
  margin-top: 18px;
}

.bvpub-payment-flow {
  border-top: 1px solid rgba(128,153,187,.10);
}

.bvpub-payment-flow > div {
  min-height: 76px;
  padding: 13px 0;
  display: grid;
  grid-template-columns: 39px 1fr;
  gap: 7px;
  align-items: center;
  border-bottom: 1px solid rgba(128,153,187,.10);
}

.bvpub-payment-flow b {
  color: #58779f;
  font-size: 8px;
}

.bvpub-payment-flow span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bvpub-payment-flow strong {
  color: #bbc8d7;
  font-size: 10px;
}

.bvpub-payment-flow small {
  color: #586b81;
  font-size: 8px;
}

.bvpub-separation {
  padding: 23px;
  border: 1px solid rgba(127,151,183,.11);
  border-radius: 8px;
  background: rgba(8,15,25,.64);
}

.bvpub-separation-label {
  margin-bottom: 18px;
  color: #55739a;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .14em;
}

.bvpub-separation > div:not(.bvpub-separation-label) {
  min-height: 55px;
  display: grid;
  grid-template-columns: 45px 1fr;
  align-items: center;
  border-top: 1px solid rgba(128,153,187,.09);
}

.bvpub-separation > div:nth-last-of-type(1) {
  border-bottom: 1px solid rgba(128,153,187,.09);
}

.bvpub-separation strong {
  color: #83a9ef;
  font-size: 9px;
}

.bvpub-separation span {
  color: #66788e;
  font-size: 8px;
}

.bvpub-separation p {
  margin: 18px 0 0;
  color: #52647a;
  font-size: 8px;
  line-height: 1.65;
}

.bvpub-security-panel {
  padding: 39px;
  display: grid;
  grid-template-columns: .82fr 1.25fr;
  gap: 80px;
  border: 1px solid rgba(128,153,187,.11);
  border-radius: 9px;
  background:
    linear-gradient(
      145deg,
      rgba(13,25,40,.78),
      rgba(8,16,27,.80)
    );
}

.bvpub-security-copy > p {
  margin-top: 18px;
}

.bvpub-security-copy .bvpub-button {
  margin-top: 25px;
}

.bvpub-security-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 8px;
}

.bvpub-security-list > div {
  min-height: 127px;
  padding: 18px;
  border: 1px solid rgba(128,153,187,.08);
  border-radius: 7px;
  background: rgba(4,11,19,.24);
}

.bvpub-security-list span {
  color: #54749c;
  font-size: 8px;
  font-weight: 850;
}

.bvpub-security-list strong {
  display: block;
  margin-top: 28px;
  color: #c7d2df;
  font-size: 11px;
}

.bvpub-security-list small {
  display: block;
  margin-top: 7px;
  color: #596c82;
  font-size: 8px;
  line-height: 1.55;
}

.bvpub-footer {
  width: min(1450px, calc(100% - 120px));
  min-height: 104px;
  margin: 5px auto 0;
  padding: 28px 0 38px;
  display: grid;
  grid-template-columns: 200px 1fr auto;
  gap: 55px;
  align-items: center;
  border-top: 1px solid rgba(128,153,187,.09);
}

.bvpub-footer > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.bvpub-footer strong {
  color: #cbd5e1;
  font-size: 9px;
  letter-spacing: .13em;
}

.bvpub-footer > div span {
  color: #475c74;
  font-size: 7px;
  letter-spacing: .14em;
}

.bvpub-footer p {
  margin: 0;
  max-width: 650px;
  color: #4d6077;
  font-size: 8px;
  line-height: 1.6;
}

.bvpub-footer > small {
  color: #465970;
  font-size: 7px;
  letter-spacing: .10em;
}

.bvpub-runtime {
  display: none !important;
}


/* Desktop-first scaling */

@media (max-width: 1280px) {
  #publicHeader.bvpub-header,
  .bvpub-hero,
  .bvpub-infrastructure,
  .bvpub-section,
  .bvpub-footer {
    width: calc(100% - 60px);
  }

  .bvpub-hero {
    grid-template-columns: 1fr 440px;
    gap: 55px;
  }

  .bvpub-platform-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .bvpub-payments {
    grid-template-columns: 1fr 1fr;
  }

  .bvpub-separation {
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px) {
  #publicHeader.bvpub-header,
  .bvpub-hero,
  .bvpub-infrastructure,
  .bvpub-section,
  .bvpub-footer {
    width: calc(100% - 32px);
  }

  #publicHeader.bvpub-header {
    grid-template-columns: 1fr auto;
  }

  .bvpub-nav {
    display: none;
  }

  .bvpub-hero,
  .bvpub-section-title,
  .bvpub-payments,
  .bvpub-security-panel {
    grid-template-columns: 1fr;
  }

  .bvpub-infrastructure {
    grid-template-columns: repeat(2,1fr);
  }

  .bvpub-footer {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}