/* Plasma Wallet layout — extracted + Bitnnock P2P extensions */
body {

  margin: 0;

}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block;

}
body {

  color: #ffffff;
  background-color: #13100d;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;

}

body.home-page {
  color: #ffffff;
  background-color: #13100d;
}
.w-container .w-row {

  margin-left: -10px;
  margin-right: -10px;

}
.w-row:before, .w-row:after {

  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;

}
.w-row:after {

  clear: both;

}
.w-row .w-row {

  margin-left: 0;
  margin-right: 0;

}
.w-col {

  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;

}
.w-col .w-col {

  padding-left: 0;
  padding-right: 0;

}
.w-col-1 {

  width: 8.33333%;

}
.w-col-2 {

  width: 16.6667%;

}
.w-col-3 {

  width: 25%;

}
.w-col-4 {

  width: 33.3333%;

}
.w-col-5 {

  width: 41.6667%;

}
.w-col-6 {

  width: 50%;

}
.w-col-7 {

  width: 58.3333%;

}
.w-col-8 {

  width: 66.6667%;

}
.w-col-9 {

  width: 75%;

}
.w-col-10 {

  width: 83.3333%;

}
.w-col-11 {

  width: 91.6667%;

}
.w-col-12 {

  width: 100%;

}
.body {

  color: #cecece;
  background-color: #13100d;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-family: Sora, system-ui, sans-serif, sans-serif;
  font-weight: 400;
  display: block;

}
.section {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;

}
.heading {

  z-index: 3;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-size: 76px;
  line-height: 1.1;
  position: relative;

}
.heading-2 {

  z-index: 3;
  text-align: center;
  letter-spacing: 1.1px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  position: relative;

}
.section-45 {

  color: #fff;

}
.navbar_container {

  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;

}
.navbar_menu-button {

  padding: 0;

}
.navbar_logo-link {

  width: 12rem;

}
/* Legacy Webflow export — do not apply to Plasma shell nav (#pw-plasma-nav) */
.navbar_component:not(#pw-plasma-nav) {

  z-index: 1;
  float: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: rgba(19, 16, 13, .5);
  border-bottom: 1px rgba(255, 255, 255, .3);
  align-items: center;
  width: 100%;
  height: 3.5rem;
  margin-top: 0;
  padding: 2rem 5%;
  position: fixed;
  top: 0;

}
.navbar_menu {

  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;

}
.navbar_menu-right {

  opacity: .5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-weight: 700;
  transition: opacity .3s ease-in-out;
  display: flex;

}
.navbar_menu-right:hover {

  opacity: 1;

}
.text-block-2 {

  color: #fff;
  letter-spacing: 1.05px;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 400;
  line-height: 12px;
  text-decoration: none;

}
.text-block-3 {

  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;

}
.link-block {

  opacity: .5;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 2px;
  text-decoration: none;
  transition: opacity .3s ease-in-out;
  display: flex;

}
.link-block:hover {

  opacity: 1;

}
.div-block {

  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 8px;
  padding: 4px;
  text-decoration: none;
  display: flex;

}
.div-block-2 {

  margin-left: 4px;
  padding: 8px;

}
.heading-4 {

  color: #fff;
  letter-spacing: 1.06px;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;

}
.text-block-4 {

  color: #cecece;
  letter-spacing: 1.06px;
  font-size: 12px;
  line-height: 18px;

}
.html-embed {

  z-index: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: content-box;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0%;
  right: 0%;

}
.section-2 {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 120vh;
  display: flex;

}
.heading-5 {

  opacity: 0;
  color: #f1dc9d;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 124px;
  line-height: 132px;

}
.heading-6 {

  opacity: 0;
  text-transform: capitalize;
  color: #f0d897;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 124px;
  line-height: 132px;

}
.heading-7 {

  opacity: 0;
  text-transform: capitalize;
  color: #eeca82;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 124px;
  line-height: 132px;

}
.heading-8 {

  opacity: 0;
  color: #ebbd6f;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 124px;
  line-height: 132px;

}
.section-3 {

  justify-content: center;
  align-items: center;
  height: 120vh;
  margin-left: 140px;
  margin-right: 140px;
  display: flex;

}
.section-4 {

  justify-content: center;
  align-items: center;
  height: 140vh;
  display: flex;

}
.heading-9 {

  opacity: 0;
  letter-spacing: normal;
  font-size: 56px;
  line-height: 107%;
  color: #f5f5f7;

}
.columns {

  justify-content: center;
  align-items: center;
  max-width: 980px;
  display: flex;

}
.image-2 {

  opacity: 0;

}
.link-2 {

  color: #ecc46c;
  font-weight: 500;
  text-decoration: none;

}
.heading-10 {

  letter-spacing: 1.07px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sora, system-ui, sans-serif, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  color: #d2d2d7;

}
.div-block-3 {

  justify-content: space-around;
  margin-top: 40px;
  padding-right: 20%;
  display: flex;

}
.section-5 {

  justify-content: center;
  align-items: center;
  height: 120vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;

}
.image-3 {

  opacity: 0;

}
.columns-2 {

  justify-content: center;
  align-items: center;
  max-width: 980px;
  display: flex;

}
.heading-9-copy {

  letter-spacing: normal;
  font-size: 56px;
  line-height: 107%;

}
.heading-9-copy._10 {

  color: #faeac9;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  width: 7ch;
  font-size: 96px;

}
.paragraph {

  letter-spacing: 1.1px;
  width: 30ch;
  margin-top: 40px;
  font-size: 26px;
  font-weight: 300;
  line-height: 112%;

}
.column {

  opacity: 0;
  padding-left: 20px;

}
.column-2 {

  padding-right: 40px;

}
.section-6 {

  justify-content: center;
  align-items: center;
  height: 120vh;
  display: flex;

}
.section-7 {

  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;

}
.section-8, .section-9 {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;

}
.section-10 {

  background: transparent;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;

}
.section-11 {

  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 140px;
  display: flex;

}

.section-11 .pw-how-it-works {
  width: 100%;
  max-width: 980px;
  margin-inline: auto;
  padding: clamp(2rem, 5vw, 4rem) 5% 2rem;
  border-top: none;
  background: transparent;
}

.section-11 .pw-how-it-works .wlfi-wrap {
  max-width: 100%;
}

.section-11 .pw-how-it-works .wlfi-how__item {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  padding: 1.75rem 1.5rem;
}

/* Step flow: a dotted line behind the row, visible only in the gaps between
   the (opaque) cards, so the 3 steps read as one connected journey instead
   of three unrelated feature cards. Purely decorative (aria-hidden via the
   parent's own icon markup already being aria-hidden) - the numbered
   badges below carry the same "step order" meaning for anyone who can't
   see the line. Desktop-only: a single-column mobile stack already reads
   top-to-bottom without needing an explicit connector. */
@media (min-width: 768px) {
  .section-11 .pw-how-it-works .wlfi-how__grid {
    position: relative;
  }

  .section-11 .pw-how-it-works .wlfi-how__grid::before {
    content: '';
    position: absolute;
    top: 3.5rem;
    left: 16.5%;
    right: 16.5%;
    height: 1px;
    background-image: repeating-linear-gradient(to right, rgba(236, 196, 108, 0.4) 0 6px, transparent 6px 14px);
    z-index: 0;
  }

  .section-11 .pw-how-it-works .wlfi-how__item {
    position: relative;
    z-index: 1;
  }
}

/* Icon badge - larger, richer treatment matching the marketplace-highlight
   icon pattern elsewhere on this homepage (gradient fill, inset highlight,
   soft glow) instead of the old flat small square, so this - arguably the
   most important explainer on the page - doesn't look like the plainest
   icon treatment on it. */
.section-11 .pw-how-it-works .wlfi-how__icon {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 18px;
  border: 1px solid rgba(236, 196, 108, 0.32);
  background: linear-gradient(155deg, rgba(236, 196, 108, 0.22), rgba(236, 196, 108, 0.06));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 10px 24px -12px rgba(236, 196, 108, 0.55);
  color: #f0cf7e;
  transition: transform 0.3s var(--bn-depth-ease, cubic-bezier(0.22, 1, 0.36, 1)), box-shadow 0.3s var(--bn-depth-ease, cubic-bezier(0.22, 1, 0.36, 1));
}

.section-11 .pw-how-it-works .wlfi-how__icon svg {
  width: 26px;
  height: 26px;
}

.section-11 .pw-how-it-works .wlfi-how__item:hover .wlfi-how__icon {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 28px -12px rgba(236, 196, 108, 0.65);
}

/* Step number - a small filled badge overlapping the icon's top-left
   corner. The 2px border matching the page background creates a "cutout"
   ring so the badge reads as sitting on top of the icon rather than just
   overlapping it. aria-hidden (see blade) since the heading text already
   establishes order for screen readers; this is a sighted-only reinforcement
   of the same sequence the connecting line above draws. */
.wlfi-how__number {
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 999px;
  border: 2px solid #13100d;
  background: #ecc46c;
  color: #171412;
  font-family: Sora, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
  .section-11 .pw-how-it-works .wlfi-how__icon,
  .section-11 .pw-how-it-works .wlfi-how__item:hover .wlfi-how__icon {
    transition: none;
    transform: none;
  }
}

.section-11 .div-block-10 {
  margin-top: clamp(2rem, 5vw, 3rem);
}

.columns-3 {

  justify-content: space-between;
  align-items: center;
  max-width: 980px;
  display: flex;

}
.heading-11 {

  color: #faeac9;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  width: auto;
  font-size: 96px;
  line-height: 107%;

}
.heading-11.blue {

  color: #e7e5e4;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;

}
.column-3 {

  opacity: 0;
  flex: 0 auto;
  padding-right: 40px;

}
.paragraph-3 {

  letter-spacing: 1.1px;
  width: auto;
  margin-top: 20px;
  font-size: 26px;
  font-weight: 300;
  line-height: 112%;

}
.div-block-4 {

  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-top: 40px;
  margin-right: 10%;
  display: grid;

}
.columns-4 {

  justify-content: center;
  align-items: center;
  max-width: 980px;
  display: flex;

}
.column-4 {

  flex: none;
  justify-content: center;
  display: flex;

}
.column-5 {

  opacity: 0;
  padding-left: 20px;

}
.heading-12 {

  text-align: center;
  font-size: 96px;
  line-height: 107%;

}
.text-block-5 {

  text-align: center;
  margin-bottom: 100px;
  font-size: 26px;
  line-height: 112%;

}
.div-block-5 {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;

}
.columns-5 {

  justify-content: center;
  align-items: center;
  max-width: 980px;
  margin-bottom: 140px;
  display: flex;

}
.columns-6 {

  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  display: flex;

}
.heading-13 {

  text-align: center;
  margin-bottom: 140px;
  font-size: 56px;
  line-height: 107%;

}
.column-6, .column-7 {

  flex-direction: column;
  align-items: center;
  display: flex;

}
.div-block-6 {

  max-width: 980px;

}
.column-8, .column-9 {

  flex-direction: column;
  align-items: center;
  display: flex;

}
.column-10 {

  padding: 35px 35px 35px 20px;

}
.columns-7 {

  background-color: var(--bitnnock-surface, #1c1712);
  border-radius: 20px;
  max-width: 980px;
  max-height: 597px;
  margin-bottom: 16px;
  padding-top: 60px;
  display: flex;

}
.column-11 {

  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;

}
.heading-14 {

  margin-bottom: 18px;
  font-size: 56px;
  line-height: 107%;

}
.text-block-6 {

  font-size: 24px;
  line-height: 107%;

}
.div-block-7 {

  background-color: var(--bitnnock-surface, #1c1712);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 503px;
  padding: 40px;
  display: flex;

}
.div-block-8 {

  background-color: var(--bitnnock-surface, #1c1712);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 503px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: hidden;

}
.columns-8 {

  width: 980px;
  margin-bottom: 16px;

}
.column-12 {

  padding-left: 0;
  padding-right: 8px;

}
.column-13 {

  padding-left: 8px;
  padding-right: 0;

}
.heading-16 {

  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 107%;

}
.text-block-7 {

  text-align: center;
  letter-spacing: 1.06px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 107%;

}
.image-4 {

  flex: none;

}
.image-5 {

  flex: none;
  padding-top: 0;

}
.image-6 {

  margin-top: 30px;

}
.text-block-8 {

  color: #a1a1a6;
  margin-top: 20px;
  font-size: 16px;
  line-height: 107%;

}
.columns-9 {

  width: 980px;
  margin-bottom: 60px;

}
.div-block-9 {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;

}
.heading-17, .heading-18, .heading-19 {

  text-align: center;
  font-size: 26px;
  font-weight: 400;

}
.link-block-2 {

  margin-bottom: 20px;

}
.div-block-10 {

  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 200px;
  margin-top: 60px;
  transition: opacity .3s ease-in-out;
  display: flex;

}
.link-block-3 {

  opacity: .5;
  transition: opacity .3s ease-in-out;

}
.link-block-3:hover {

  opacity: 1;

}
.link-block-4 {

  opacity: .5;
  transition: opacity .3s ease-in-out;

}
.link-block-4:hover {

  opacity: 1;

}
.link-block-5 {

  opacity: .5;
  transition: opacity .3s ease-in-out;

}
.link-block-5:hover {

  opacity: 1;

}
.image-7 {

  margin-top: 40px;

}
.footer {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;

}
.div-block-11 {

  color: #a1a1a6;
  background-color: #424245;
  width: 980px;
  height: 1px;
  margin-bottom: 20px;

}
.div-block-12 {

  justify-content: space-between;
  width: 980px;
  display: flex;

}
.text-block-9 {

  color: #a1a1a6;
  margin-right: 20px;
  font-size: 12px;
  line-height: 107%;

}
.div-block-13 {

  flex-direction: row;
  align-items: center;
  display: flex;

}
.link-3 {

  color: #a1a1a6;
  margin-left: 14px;
  margin-right: 14px;
  font-size: 12px;
  line-height: 107%;
  text-decoration: none;
  transition: color .2s ease-in-out;

}
.link-3:hover {

  color: #e6c53f;
  text-decoration: underline;

}
.image-8, .image-10, .image-11 {

  opacity: 0;

}
.lottie-animation {

  opacity: .5;
  width: 150px;

}
.div-block-15 {

  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;

}
.text-block-10 {

  color: #a1a1a6;
  letter-spacing: 1.07px;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;

}
.body-2, .body-3 {

  background-color: #13100d;

}
.body-4 {

  background-color: #13100d;
  justify-content: center;
  align-items: center;
  display: flex;

}
.heading-20, .text-block-11 {

  color: #fff;

}
.link-block-6 {

  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 250px;
  display: flex;
  position: relative;

}
@media screen and (max-width: 991px) {
  .section-45 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-icon_line-middle {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_menu-button.w--open {
    background-color: rgba(19, 16, 13, 0);
  }

  .menu-icon_line-top {
    outline-offset: 0px;
    background-color: #fff;
    outline: 3px #555;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_menu {
    -webkit-text-fill-color: inherit;
    background-color: #13100d;
    background-clip: border-box;
    border-bottom: 1px solid #13100d;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1rem 5% 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-bottom {
    background-color: #fff;
    border: 1px #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: flex-start;
    margin-top: 1.5rem;
    padding-bottom: 5rem;
  }

  .section-2 {
    height: 120vh;
  }

  .heading-5, .heading-6, .heading-7, .heading-8 {
    font-size: 96px;
    line-height: 116px;
  }

  .section-3 {
    height: 120vh;
    margin-left: 40px;
    margin-right: 40px;
  }

  .section-4 {
    height: 120vh;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-5 {
    height: 120vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-9-copy._10 {
    font-size: 68px;
  }

  .paragraph {
    width: auto;
    font-size: 18px;
  }

  .column-2 {
    padding-right: 20px;
  }

  .section-6 {
    height: 120vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-9 {
    padding: 60px 20px;
  }

  .section-10 {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-11 {
    font-size: 68px;
  }

  .paragraph-3 {
    font-size: 18px;
  }

  .heading-13 {
    width: 15ch;
  }

  .columns-7 {
    padding-top: 40px;
  }

  .heading-14 {
    font-size: 42px;
  }

  .columns-8 {
    width: 100%;
  }

  .heading-16 {
    font-size: 18px;
  }

  .text-block-7 {
    font-size: 14px;
  }

  .columns-9 {
    width: 100%;
  }

  .heading-17, .heading-18, .heading-19 {
    font-size: 18px;
    line-height: 107%;
  }

  .image-7 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-11, .div-block-12 {
    width: auto;
  }

  .text-block-9, .link-3 {
    font-size: 10px;
  }

  .image-9 {
    max-width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .heading {
    font-size: 60px;
    line-height: 1.12;
  }

  .heading-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 116%;
  }

  .navbar_component:not(#pw-plasma-nav) {
    height: 4rem;
  }

  .html-embed.pw-spline-hero,
  .html-embed.w-iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 85svh;
    display: block;
  }

  .section-2 {
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-5 {
    font-size: 54px;
    line-height: 116%;
  }

  .heading-6, .heading-7, .heading-8 {
    font-size: 54px;
    line-height: 116%;
  }

  .section-3 {
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-4 {
    height: 100vh;
  }

  .heading-9 {
    font-size: 36px;
  }

  .heading-10 {
    font-size: 18px;
    line-height: 116%;
  }

  .div-block-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    padding-right: 0%;
  }

  .section-5 {
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-9-copy._10 {
    font-size: 36px;
  }

  .section-7 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-11 {
    font-size: 36px;
  }

  .columns-4 {
    width: 100%;
    max-width: none;
  }

  .column-5 {
    padding-left: 10px;
  }

  .heading-12 {
    font-size: 64px;
  }

  .text-block-5 {
    font-size: 18px;
  }

  .heading-13 {
    margin-bottom: 60px;
    font-size: 36px;
  }

  .columns-7 {
    flex-direction: column;
    max-height: 100%;
  }

  .heading-14 {
    text-align: center;
    font-size: 36px;
  }

  .text-block-6 {
    text-align: center;
  }

  .text-block-9, .link-3 {
    font-size: 0.8125rem;
  }

  .image-10 {
    max-width: 100%;
  }

  .image-11 {
    max-width: 60%;
  }

  .div-block-14 {
    font-size: 8px;
    line-height: 12px;
  }
}
@media screen and (max-width: 479px) {
  .section {
    height: auto;
    margin-top: 60px;
    padding-bottom: 100px;
  }

  .heading {
    font-size: 44px;
    line-height: 1.14;
  }

  .heading-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .navbar_menu-right {
    align-items: center;
    margin-top: 0;
    padding-bottom: 0;
  }

  .html-embed {
    display: none;
  }

  .heading-5, .heading-6, .heading-7, .heading-8 {
    text-align: center;
    font-size: 36px;
  }

  .section-4 {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-9 {
    text-align: center;
    font-size: 24px;
  }

  .columns {
    flex-direction: column;
  }

  .image-2 {
    max-width: 60%;
  }

  .heading-10 {
    text-align: center;
  }

  .image-3 {
    max-width: 60%;
  }

  .columns-2 {
    flex-direction: column;
  }

  .heading-9-copy._10 {
    text-align: center;
    font-size: 48px;
  }

  .paragraph {
    text-align: center;
  }

  .column {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .section-6 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-7 {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-8 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-10 {
    padding-top: 60px;
  }

  .section-11 {
    margin-top: 60px;
  }

  .columns-3 {
    flex-direction: column;
  }

  .heading-11 {
    text-align: center;
    font-size: 48px;
  }

  .heading-11.blue {
    text-align: center;
    font-size: 36px;
  }

  .column-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .paragraph-3 {
    text-align: center;
    font-size: 16px;
  }

  .columns-4 {
    flex-direction: column;
    width: auto;
  }

  .heading-12 {
    font-size: 48px;
  }

  .text-block-5 {
    margin-bottom: 60px;
  }

  .columns-5 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .columns-6 {
    flex-direction: column;
    max-width: none;
  }

  .heading-13 {
    width: auto;
    font-size: 24px;
  }

  .column-6, .column-8 {
    margin-top: 40px;
  }

  .columns-7 {
    padding-top: 20px;
  }

  .heading-14 {
    font-size: 24px;
  }

  .text-block-6 {
    font-size: 16px;
  }

  .div-block-7 {
    height: auto;
    padding: 20px;
  }

  .div-block-8 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-8 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .column-12 {
    padding-right: 0;
  }

  .column-13 {
    margin-top: 20px;
    padding-left: 0;
  }

  .heading-16 {
    font-size: 24px;
  }

  .div-block-9 {
    padding-bottom: 15px;
  }

  .image-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-12 {
    flex-direction: column;
    align-items: center;
  }

  .text-block-9 {
    text-align: center;
    margin-right: auto;
    font-size: 10px;
  }

  .div-block-13 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
  }

  .link-3 {
    text-align: center;
    padding-top: 10px;
  }

  .image-8, .image-10, .image-11 {
    max-width: 60%;
  }

  .image-12 {
    width: 36px;
    max-width: 50%;
  }
}
/* ─── Bitnnock shell overrides ─── */
body:has(.pw-home), html:has(.pw-home) { padding-top: 0 !important; }
body:has(.pw-home),
html body:has(.pw-home) {
  background: #13100d !important;
  color: #fff !important;
  font-family: Sora, system-ui, sans-serif !important;
}
body:has(.pw-home) .page-wrapper,
body:has(.pw-home) .body-bg,
body:has(.pw-home) .schwab-main-wrapper,
body:has(.pw-home) .schwab-content-area {
  background: transparent !important;
  color: #fff !important;
  font-family: Sora, system-ui, sans-serif !important;
}
.page-wrapper > .header, .page-wrapper > .navbar, .page-wrapper > .header-section,
.page-wrapper > .navbar-area, .header-bottom-area, .schwab-main-wrapper .breadcrumb-area,
.scroll-to-top { display: none !important; }

/* Unified Plasma + WLFI navigation */
.pw-unified-nav.navbar_component {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 5%;
  height: auto;
  min-height: 3.5rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: rgba(19, 16, 13, 0.55);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}

.pw-unified-nav.is-scrolled {
  background-color: rgba(19, 16, 13, 0.88);
  border-bottom-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

.pw-unified-nav__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.pw-unified-nav__menu {
  display: none;
  justify-content: center;
  min-width: 0;
}

@media (min-width: 1024px) {
  .pw-unified-nav__menu { display: flex; }
}

.pw-unified-nav__menu .wlf-nav__list {
  flex-wrap: nowrap;
  gap: 0.15rem;
}

.pw-unified-nav .wlf-drop__trigger,
.pw-unified-nav .wlf-nav__link {
  color: #a8a29e !important;
  font-family: Sora, system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  min-height: 36px;
  padding: 0.5rem 0.65rem;
}

.pw-unified-nav .wlf-drop__trigger:hover,
.pw-unified-nav .wlf-nav__link:hover {
  color: #fff !important;
  border-radius: 8px;
}

.pw-unified-nav .wlf-drop__panel {
  z-index: 1100;
}

.pw-unified-nav__actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-shrink: 0;
}

.pw-unified-nav__link {
  display: none;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #a8a29e !important;
  text-decoration: none !important;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .pw-unified-nav__link { display: inline-flex; align-items: center; min-height: 36px; }
}

.pw-unified-nav__cta.link-block {
  opacity: 0.85;
  transition: opacity 0.25s;
}

.pw-unified-nav__cta.link-block:hover { opacity: 1; }

.pw-unified-nav .wlf-drop--lang { display: none; }

@media (min-width: 1024px) {
  .pw-unified-nav .wlf-drop--lang { display: inline-flex; }
  .pw-unified-nav .wlf-lang {
    border-color: rgba(255, 255, 255, 0.12);
    color: #a8a29e !important;
    font-family: Sora, system-ui, sans-serif;
    font-size: 0.75rem;
  }
}

.pw-unified-nav .navbar_menu-button {
  display: flex;
  margin-left: 0.25rem;
}

@media (min-width: 1024px) {
  .pw-unified-nav .navbar_menu-button { display: none; }
}

.pw-unified-nav .navbar_menu-button.w--open .menu-icon_line-top {
  transform: translateY(5.5px) rotate(45deg);
}

.pw-unified-nav .navbar_menu-button.w--open .menu-icon_line-middle {
  opacity: 0;
}

.pw-unified-nav .navbar_menu-button.w--open .menu-icon_line-bottom {
  transform: translateY(-5.5px) rotate(-45deg);
}

.pw-unified-nav .menu-icon_line-top,
.pw-unified-nav .menu-icon_line-middle,
.pw-unified-nav .menu-icon_line-bottom {
  transition: transform 0.2s, opacity 0.2s;
}

/* Marketing vs marketplace split */
.pw-marketing { background: #13100d; }

.pw-marketplace {
  position: relative;
  background: #13100d;
  border-top: 1px solid rgba(236, 196, 108, 0.15);
}

.pw-marketplace::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(680px, 80%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(236, 196, 108, 0.55), transparent);
  pointer-events: none;
}

.pw-offer-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-align: left;
}

.pw-offer-cta__copy .wlfi-heading-md { text-align: left; }

.pw-offer-cta__copy .wlfi-subheading {
  text-align: left;
  margin-inline: 0;
}

.pw-marketplace .login-modal,
.pw-marketplace .modal-content {
  background: var(--bitnnock-surface, #1c1712) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.pw-home { color: #cecece; background: #13100d; min-height: 100vh; font-family: Sora, system-ui, sans-serif; overflow-x: clip;
  --pw-text-gold: linear-gradient(165deg, #fef9ef 0%, #faeac9 14%, #f1dc9d 34%, #ecc46c 56%, #c6a163 82%, #b4834a 100%);
  --pw-text-purple: linear-gradient(118deg, #fefcef 0%, #f9eebe 16%, #f1dc9d 40%, #ecc46c 66%, #e6c53f 100%);
  --pw-text-silver: linear-gradient(165deg, #f5f5f7 0%, #e4e4e7 28%, #d4d4d8 52%, #fafafa 100%);
}
.pw-home *, .pw-home *::before, .pw-home *::after { box-sizing: border-box; }
.pw-home h1, .pw-home h2, .pw-home h3, .pw-home h4, .pw-home p { margin: 0; }
.pw-home [id] { scroll-margin-top: 104px; }

.pw-hero-phone {
  position: relative;
  width: min(437px, 92vw);
  margin-inline: auto;
  min-height: 520px;
}

.pw-hero-phone__bg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 44px;
}

.pw-hero-phone__terminal {
  position: absolute;
  inset: 8% 7% 10%;
  max-width: none;
}

.pw-hero-phone__terminal .wlfi-terminal {
  height: 100%;
  min-height: 380px;
}

.lottie-animation { opacity: .85; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; }

.heading-5.is-visible, .heading-6.is-visible, .heading-7.is-visible, .heading-8.is-visible,
[data-pw-stack-line] { opacity: 0; transform: translate3d(0, 56px, 0); }

.pw-home [data-pw-section].is-inview [data-pw-stack-line],
.pw-home [data-pw-stack-line].is-visible {
  opacity: 1 !important;
  transform: none !important;
}

.pw-home .section-2 [data-pw-stack-line] {
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.pw-stack-scene.section-2 {
  height: auto;
  min-height: 0;
  display: block;
}

.navbar_component { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; }

/* ── Homepage layout: hero + marketing sections ── */
.pw-home .section {
  position: relative;
  min-height: 0;
  padding: clamp(4rem, 7vw, 6.5rem) clamp(1.25rem, 5vw, 5%);
  overflow: visible;
}

/* Hero copy always above the Spline layer */
.pw-home .section#buy-sell .heading,
.pw-home .section#buy-sell .pw-hero-sub {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 980px;
}

.pw-home .section#buy-sell .pw-hero-ledger-tag {
  position: relative;
  z-index: 3;
  display: inline-flex;
  width: fit-content;
  max-width: min(100%, 980px);
  align-self: center;
  flex: 0 0 auto;
  margin-top: 0.35rem;
}

/* Desktop / tablet — original full-bleed Spline hero (unchanged from Plasma) */
@media (min-width: 768px) {
  .pw-home .section#buy-sell {
    position: relative;
    min-height: clamp(520px, 100svh, 960px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: calc(var(--pw-header-clearance, 7.75rem) + 1.25rem + env(safe-area-inset-top, 0px)) 5% 2rem;
    overflow: hidden;
    isolation: isolate;
  }

  .pw-home .section#buy-sell::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgba(19, 16, 13, 0.9) 0%,
      rgba(19, 16, 13, 0.68) 24%,
      rgba(19, 16, 13, 0.32) 48%,
      rgba(19, 16, 13, 0.2) 62%,
      rgba(19, 16, 13, 0.42) 82%,
      rgba(19, 16, 13, 0.72) 100%
    );
  }

  .pw-home .section#buy-sell .html-embed.pw-spline-hero {
    position: absolute;
    inset: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    min-height: clamp(420px, 72vh, 760px);
    max-height: none;
    z-index: 1;
    pointer-events: none;
  }

  .pw-home .section#buy-sell .html-embed.pw-spline-hero iframe {
    width: 100%;
    height: 100%;
    min-height: inherit !important;
    border: 0;
    display: block;
    background: #13100d;
  }

  /* #buy-sell centers its copy block with justify-content:center, but the
     section's own top/bottom padding is deliberately asymmetric (top pad
     clears the fixed header, bottom pad doesn't need to) - that imbalance
     drags the vertically-centered copy block down by roughly half the
     difference, off-center from the full-bleed Spline animation behind it
     (which fills the section edge-to-edge, so its own visual center is the
     section's true midpoint). Pulling the copy block's first child up
     re-centers it against the animation without touching the header
     clearance padding itself. */
  .pw-home .section#buy-sell .pw-hero-ledger-tag {
    margin-top: -5.25rem;
  }
}

/* Kill legacy Plasma vh/margin spacing inside marketing */
.pw-home .pw-marketing .section-2,
.pw-home .pw-marketing .section-3,
.pw-home .pw-marketing .section-4,
.pw-home .pw-marketing .section-5,
.pw-home .pw-marketing .section-6,
.pw-home .pw-marketing .section-7,
.pw-home .pw-marketing .section-8,
.pw-home .pw-marketing .section-9,
.pw-home .pw-marketing .section-10,
.pw-home .pw-marketing .section-11 {
  height: auto !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: clamp(3rem, 6vw, 5rem) clamp(1.25rem, 5vw, 5%) !important;
}

.pw-home .pw-marketing .columns,
.pw-home .pw-marketing .columns-2,
.pw-home .pw-marketing .columns-3,
.pw-home .pw-marketing .columns-4,
.pw-home .pw-marketing .columns-5,
.pw-home .pw-marketing .columns-6,
.pw-home .pw-marketing .columns-7,
.pw-home .pw-marketing .columns-8,
.pw-home .pw-marketing .columns-9,
.pw-home .pw-marketing .w-row {
  width: 100% !important;
  max-width: 980px;
  margin-inline: auto;
}

.pw-home .pw-marketing .columns-5,
.pw-home .pw-marketing .columns-6 {
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
}

.pw-home .pw-marketing .column,
.pw-home .pw-marketing .column-2,
.pw-home .pw-marketing .column-3,
.pw-home .pw-marketing .column-5,
.pw-home .pw-marketing .column-7,
.pw-home .pw-marketing .column-8,
.pw-home .pw-marketing .column-10,
.pw-home .pw-marketing .column-11,
.pw-home .pw-marketing .column-12,
.pw-home .pw-marketing .w-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pw-home .pw-marketing .div-block-7,
.pw-home .pw-marketing .div-block-8,
.pw-home .pw-marketing .pw-feature-card {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
}

.pw-home .pw-marketing .section-11 {
  padding-bottom: clamp(2rem, 4vw, 3rem) !important;
}

.pw-home .pw-marketing .pw-features-headline {
  margin-bottom: clamp(2.5rem, 6vw, 5rem) !important;
}

.pw-home .pw-plasma-img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin-inline: auto;
}

.pw-chain-row.is-visible { opacity: 1; }
.image-2.is-visible, .image-3.is-visible, .image-4.is-visible, .image-5.is-visible, .image-6.is-visible, .image-7.is-visible, .image-8.is-visible, .image-9.is-visible, .image-10.is-visible, .image-11.is-visible,
.image-12.is-visible,
.column.is-visible, .column-3.is-visible, .column-5.is-visible, .heading-9.is-visible { opacity: 1 !important; }

/* ── Live marketplace terminal section ── */
.pw-terminal-section {
  padding: clamp(2.5rem, 5vw, 4rem) 5%;
  /* Matches the slim margin-bottom every other homepage section gets
     (custom.css) so the Living Ledger canvas shows through the same
     gap here too, instead of this section being the one seam on the
     page that butts straight into the next. */
  margin-bottom: clamp(3rem, 6vw, 5rem);
  border-top: 1px solid rgba(255,255,255,.06);
  /* This section is deliberately excluded from the homepage's shared
     --bn-panel-gradient panel tone (custom.css) so its own radial-gradient
     background reads as a distinct "terminal" showcase rather than just
     another panel. The border-top above marks that as an intentional
     break coming in from the previous (panel-toned) section. Needs the
     same marker going out: the second radial fades out well before the
     bottom edge, so without a border here the section just cuts to flat
     #13100d against the next section's lighter panel tone with nothing
     to explain the jump - a hard, undecorated seam. */
  border-bottom: 1px solid rgba(255,255,255,.06);
  /* Base color-stop left transparent (was #13100d) so the Living Ledger
     canvas shows through here too, same as every other section - the
     two radial glows still layer on top same as before, just without an
     opaque backstop blocking the animation underneath them. */
  background:
    radial-gradient(ellipse 70% 45% at 85% 20%, rgba(236,196,108,.1), transparent 55%),
    radial-gradient(ellipse 50% 40% at 15% 80%, rgba(0,200,83,.04), transparent 50%),
    transparent;
}
.pw-terminal-layout {
  display: flex;
  flex-direction: column;
  gap: clamp(1.75rem, 4vw, 2.5rem);
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
}
.pw-terminal-feed-head {
  text-align: center;
  width: 100%;
  max-width: 42rem;
  margin-inline: auto;
  margin-bottom: clamp(1.25rem, 3vw, 1.75rem) !important;
}

.pw-terminal-title {
  width: auto !important;
  max-width: 100%;
  margin: 0 auto 0.75rem;
  text-align: center;
}
.pw-terminal-lead {
  max-width: 42rem;
  margin: 0.5rem auto 0;
  width: auto !important;
  color: #a1a1a6 !important;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: normal;
}

/* This header sits directly over the Living Ledger starfield canvas
   (.pw-terminal-section has a transparent base so the canvas shows
   through - see the section rule above). A stray particle drifting
   behind a glyph reads as an extra stroke, i.e. the "double letter"
   glitch this was reported as. bn-text-emphasis.css deliberately
   forbids heading text-shadow site-wide (loaded last, on purpose, to
   win over exactly this kind of override - see its file header), so
   instead of fighting that with !important, this dims the canvas in a
   soft radial zone behind the header text via a pseudo-element - same
   "push the background back" effect, without touching text-shadow or
   needing a hard-edged opaque box that would break the section's
   intentionally chrome-free look. z-index:0 gives the head its own
   local stacking context so the ::before's z-index:-1 is contained
   here and can't drop below the canvas (z-index:6 in
   bn-ambient-background.css) two levels up. */
.pw-terminal-feed-head {
  position: relative;
  z-index: 0;
}
.pw-terminal-feed-head::before {
  content: '';
  position: absolute;
  inset: -1rem -1.5rem;
  z-index: -1;
  background: radial-gradient(ellipse 75% 85% at 50% 45%, rgba(19, 16, 13, .85) 0%, rgba(19, 16, 13, .45) 55%, transparent 78%);
  pointer-events: none;
}

.pw-terminal-feed-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* Stat chips — single unified responsive grid.
   Was 3 separately-breakpointed sub-grids (primary/secondary/assets) that
   had to be hand-kept in column-sync (a --primary chip literally had to
   grid-column: span 2 just so its 5-chip row resolved to the same column
   math as the other two grids' 6 - see old inline comments in git history).
   Now: up to 8 tiles (6 always-on + volume/settled, hidden via [hidden]
   until non-zero, see pw-home.js) flow through one grid, so there's never
   a dangling last row regardless of how many are currently visible. */
.pw-terminal-chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .625rem;
  width: 100%;
  max-width: none;
  margin: 0;
}
@media (min-width: 640px) {
  .pw-terminal-chips {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .pw-terminal-chips {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.pw-terminal-chip {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  padding: .875rem .9rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.07);
  border-left: 2px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.025);
  text-align: left;
  transition: border-color .2s, background .2s;
}
.pw-terminal-chip:hover {
  border-color: rgba(255,255,255,.12);
}
.pw-terminal-chip[hidden] { display: none; }
/* Escrow is a trust signal, not a count - the one tile worth a beat of
   its own accent rather than matching the neutral styling every numeric
   tile shares. */
.pw-terminal-chip--escrow { border-left-color: rgba(0,200,83,.55); }
.pw-terminal-chip--escrow .pw-terminal-chip__icon { color: #00c853; background: rgba(0,200,83,.1); }
.pw-terminal-chip--coins .pw-terminal-chip__icon,
.pw-terminal-chip--payments .pw-terminal-chip__icon { color: #fff; background: rgba(255,255,255,.08); }
.pw-terminal-chip__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: #a1a1a6;
}
.pw-terminal-chip__body { min-width: 0; }
.pw-terminal-chip__label {
  display: block;
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #63656e;
  margin-bottom: .25rem;
}
.pw-terminal-chip strong {
  display: block;
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: #fff;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.pw-terminal-chip__status { color: #00c853 !important; font-size: clamp(1rem, 2.2vw, 1.25rem) !important; letter-spacing: .04em; text-transform: uppercase; }
/* Buy/sell breakdown folded into the Offers tile as a second line, rather
   than its own grid slot - context for the headline number, not a metric
   in its own right. */
.pw-terminal-chip__sub {
  display: block;
  margin-top: .3rem;
  font-size: 11px;
  color: #7c7e85;
  letter-spacing: .01em;
}
.pw-terminal-chip strong.is-counting,
.pw-terminal-chip strong [data-pw-count].is-counting {
  opacity: .92;
  filter: brightness(1.08);
}
.pw-terminal-feed-grid.is-syncing .pw-terminal-chip {
  opacity: .88;
  transition: opacity .25s ease;
}

/* Spotlight — the top market by live depth, shown as one standalone
   callout rather than folded into the numbered grid above: it's a "look at
   this" pointer, not another KPI to scan, and unlike the grid tiles there's
   exactly one of it (see updateAssets() in pw-home.js). Hidden entirely
   (not just emptied) when no coin has any open listings yet. */
.pw-terminal-spotlight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .625rem .875rem;
  margin-top: .625rem;
  padding: .75rem 1rem;
  border-radius: 14px;
  border: 1px dashed rgba(236,196,108,.32);
  background: rgba(236,196,108,.05);
}
.pw-terminal-spotlight[hidden] { display: none; }
.pw-terminal-spotlight__label {
  margin: 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #f0cf7e;
  white-space: nowrap;
}
.pw-terminal-spotlight__body { flex: 1 1 auto; min-width: 0; }
.pw-terminal-spotlight__asset {
  display: flex;
  align-items: center;
  gap: .625rem;
}
.pw-terminal-spotlight__code {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 26px;
  padding: 0 .45rem;
  border-radius: 8px;
  background: rgba(236,196,108,.14);
  color: #f0cf7e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .03em;
}
.pw-terminal-spotlight__depth {
  font-size: 13px;
  color: #e8e8ed;
}
.pw-terminal-chip__buy { color: #00c853; font-weight: 700; }
.pw-terminal-chip__sell { color: #ecc46c; font-weight: 700; }

/* Live feed footer — status strip + replay (full width) */
.pw-terminal-feed-foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  margin-top: .5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255,255,255,.06);
  width: 100%;
}
.pw-terminal-feed__strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
}
.pw-terminal-feed__pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 28px;
  padding: .25rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #a1a1a6;
}
.pw-terminal-feed__pill--live {
  border-color: rgba(0,200,83,.28);
  background: rgba(0,200,83,.08);
  color: #00c853;
}
.pw-terminal-feed__pill--region {
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: #a1a1a6;
  text-transform: none;
  letter-spacing: .03em;
  max-width: min(44vw, 190px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pw-terminal-feed__pill--updated {
  border-color: rgba(255,255,255,.06);
  color: #63656e;
  text-transform: none;
  letter-spacing: .02em;
  font-weight: 600;
  font-size: 11px;
}
.pw-terminal-feed__pulse {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #00c853;
  box-shadow: 0 0 8px rgba(0,200,83,.65);
  animation: pwPulse 2s infinite;
}
.pw-terminal-section.is-syncing .pw-terminal-chips,
.pw-terminal-chips.is-syncing {
  opacity: .82;
  transition: opacity .2s ease;
}
.pw-terminal-section.is-syncing .pw-terminal-feed__pulse {
  animation-duration: .8s;
}

/* Desktop terminal window */
.pw-terminal-stage {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin-inline: auto;
}
.pw-terminal-window__glow {
  position: absolute;
  inset: -12% -8% -8%;
  background:
    radial-gradient(ellipse 60% 50% at 50% 30%, rgba(236,196,108,.22), transparent 65%),
    radial-gradient(ellipse 40% 35% at 80% 70%, rgba(0,200,83,.08), transparent 60%);
  filter: blur(36px);
  z-index: 0;
  pointer-events: none;
  transition: opacity .4s;
}
.pw-terminal-stage:has(.wlfi-terminal.is-running) .pw-terminal-window__glow {
  opacity: 1.15;
  animation: pwTermGlowPulse 2.5s ease-in-out infinite alternate;
}
@keyframes pwTermGlowPulse {
  from { opacity: .85; transform: scale(1); }
  to { opacity: 1.2; transform: scale(1.02); }
}
.pw-terminal-window {
  position: relative;
  z-index: 1;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.04) 40%, rgba(236,196,108,.18));
  box-shadow:
    0 32px 64px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.pw-terminal-stage:has(.wlfi-terminal.is-running) .pw-terminal-window {
  background: linear-gradient(135deg, rgba(236,196,108,.55), rgba(0,200,83,.25) 50%, rgba(236,196,108,.45));
  background-size: 200% 200%;
  animation: pwTermBorderSpin 3s linear infinite;
}
@keyframes pwTermBorderSpin {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.pw-terminal-section .wlfi-terminal {
  min-height: 400px;
  height: 100%;
  border-radius: 17px;
  border: none;
  background: rgba(6,6,8,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: ui-monospace, 'SF Mono', Menlo, monospace;
  cursor: default;
}
.pw-terminal-section .wlfi-terminal__chrome {
  padding: .7rem 1rem;
  background: rgba(255,255,255,.03);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.pw-terminal-section .wlfi-terminal__title {
  font-size: 11px;
  color: #a1a1a6;
  letter-spacing: .04em;
}
.pw-terminal-section .wlfi-terminal__status {
  font-size: 9px;
  padding: .25rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.03);
  color: #63656e;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600;
}
.pw-terminal-section .wlfi-terminal.is-running .wlfi-terminal__status {
  color: #ecc46c;
  border-color: rgba(236,196,108,.35);
  background: rgba(236,196,108,.1);
}
.pw-terminal-section .wlfi-terminal.is-done .wlfi-terminal__status {
  color: #00c853;
  border-color: rgba(0,200,83,.35);
  background: rgba(0,200,83,.08);
}

/* Info strip pills */
.pw-terminal-section .wlfi-terminal__strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  padding: .55rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
  background: rgba(19, 16, 13, .25);
}
.pw-terminal-section .wlfi-terminal__strip-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: #63656e;
}
.pw-terminal-section .wlfi-terminal__strip-pill--live {
  color: #00c853;
  border-color: rgba(0,200,83,.28);
  background: rgba(0,200,83,.08);
}
.pw-terminal-section .wlfi-terminal__strip-pill--region {
  color: #a1a1a6;
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.pw-terminal-section .wlfi-terminal__strip-pill--updated {
  color: #a1a1a6;
  margin-left: auto;
  text-transform: none;
  letter-spacing: .02em;
  font-weight: 500;
}
.pw-terminal-section .wlfi-terminal__strip-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00c853;
  box-shadow: 0 0 6px rgba(0,200,83,.6);
  animation: pwPulse 2s infinite;
}

/* Terminal body */
.pw-terminal-section .wlfi-terminal__viewport {
  flex: 1;
  min-height: 280px;
  padding: 1rem 1.125rem;
  /* Dropped the 20px-tiled dot-grid layer - a repeating graph-paper texture
     reads as an AI-generated placeholder, not an intentional design choice. */
  background:
    radial-gradient(ellipse 80% 60% at 50% 100%, rgba(236,196,108,.05), transparent 70%),
    #13100d;
}
.pw-terminal-section .wlfi-terminal__pre {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.7;
}
.pw-terminal-section .wlfi-terminal__code {
  color: #94969c;
  white-space: pre-wrap;
  word-break: break-word;
}
.pw-terminal-section .wlfi-terminal__code .c-brand,
.pw-terminal-section .wlfi-terminal__code .c-plasma { color: #ecc46c; }
.pw-terminal-section .wlfi-terminal__code .c-green { color: #00c853; }
.pw-terminal-section .wlfi-terminal__code .c-hi { color: #fff; }
.pw-terminal-section .wlfi-terminal__code .c-dim { color: #63656e; }
.pw-terminal-section .wlfi-terminal__code .c-gold { color: #f1dc9d; }
.pw-terminal-section .wlfi-terminal__code .c-cursor { background: #ecc46c; }
.pw-terminal-section .pw-term-status {
  display: flex;
  align-items: baseline;
  gap: .75rem;
  padding: .2rem .5rem;
  margin: .15rem 0;
  border-radius: 6px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.04);
}
.pw-terminal-section .pw-term-status .pw-term-status__key {
  flex: 0 0 5.5rem;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.pw-terminal-section .pw-term-status .pw-term-status__val {
  font-weight: 600;
  font-size: 11px;
}

/* Footer action bar */
.pw-terminal-section .wlfi-terminal__foot {
  display: flex;
  align-items: center;
  gap: .875rem;
  padding: .7rem 1rem;
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(19, 16, 13, .35);
}
.pw-terminal-section .wlfi-terminal__progress-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: .625rem;
  opacity: 0;
  transition: opacity .25s;
}
.pw-terminal-section .wlfi-terminal.is-running .wlfi-terminal__progress-wrap { opacity: 1; }
.pw-terminal-section .wlfi-terminal__progress {
  flex: 1;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  overflow: hidden;
}
.pw-terminal-section .wlfi-terminal__progress-bar {
  background: linear-gradient(90deg, #ecc46c, #e6c53f, #00c853);
}
.pw-terminal-section .wlfi-terminal__progress-pct {
  font-size: 9px;
  color: #63656e;
  min-width: 2rem;
  text-align: right;
}
.pw-terminal-section .pw-terminal-replay {
  flex-shrink: 0;
  padding: .45rem .9rem;
  border-radius: 10px;
  border: 1px solid rgba(236,196,108,.25);
  background: rgba(236,196,108,.06);
  color: #f1dc9d;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s, transform .15s;
}
.pw-terminal-section .wlfi-terminal.is-running .pw-terminal-replay {
  color: #fff;
  background: linear-gradient(135deg, rgba(236,196,108,.4), rgba(230,197,63,.22));
  border-color: rgba(236,196,108,.5);
}

.pw-terminal-section .pw-terminal-replay:hover {
  color: #fff;
  border-color: rgba(236,196,108,.5);
}
.pw-terminal-section .pw-terminal-replay:active { transform: scale(.97); }

@media (min-width: 992px) {
  .pw-terminal-feed-foot {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
  }
  .pw-terminal-feed__strip { justify-content: flex-start; flex: 1; }
  .pw-terminal-replay { flex-shrink: 0; min-width: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  .pw-terminal-stage:has(.wlfi-terminal.is-running) .pw-terminal-window__glow,
  .pw-terminal-stage:has(.wlfi-terminal.is-running) .pw-terminal-window,
  .pw-terminal-section .wlfi-terminal__strip-pulse {
    animation: none !important;
  }
}

.section .link-block-6 img { width: 187px; max-width: 100%; height: auto; }

/* Hero live tag — a literal miniature of the sitewide Living Ledger
   animation (nodes + connecting lines + a traveling glow packet, same warm
   amber->gold palette as bn-ambient-background.js) rather than a generic
   marketing pill/badge pattern. */
.pw-hero-ledger-tag {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  /* Generous, deliberate gap down to the heading - was 0.25rem, which read
     as an accidental collision rather than a considered stack now that the
     hero has room to breathe (see the #buy-sell height-collapse fix). */
  margin-bottom: clamp(1.25rem, 3vw, 1.75rem);
  padding: 0.55rem 0.95rem 0.55rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(236, 196, 108, 0.28);
  background: rgba(19, 16, 13, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4);
  text-decoration: none !important;
  transition: border-color 0.2s ease;
  pointer-events: auto;
}
.pw-hero-ledger-tag:hover {
  border-color: rgba(236, 196, 108, 0.5);
}
.pw-hero-ledger-tag__net {
  flex-shrink: 0;
  display: block;
}
.pw-hero-ledger-tag__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding-right: 0.7rem;
  border-right: 1px solid rgba(236, 196, 108, 0.2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ecc46c;
  white-space: nowrap;
}
.pw-hero-ledger-tag__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ecc46c;
  animation: pwHeroLedgerBlink 1.1s steps(1) infinite;
  flex-shrink: 0;
}
.pw-hero-ledger-tag__text {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #f0f0f0;
  white-space: nowrap;
}
/* Real, live-polled figure (see pw-home.js animateStats) rather than
   static copy - given its own weight/color so the number reads as the
   point of the tag, not an incidental detail inside a label. */
.pw-hero-ledger-tag__count {
  font-weight: 700;
  color: #ecc46c;
  font-variant-numeric: tabular-nums;
}
@keyframes pwHeroLedgerBlink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0.15; }
}

@media (max-width: 639px) {
  .pw-hero-ledger-tag {
    gap: 0.55rem;
    padding: 0.5rem 0.8rem 0.5rem 0.65rem;
  }
  .pw-hero-ledger-tag__net {
    width: 42px;
    height: 24px;
  }
  .pw-hero-ledger-tag__status,
  .pw-hero-ledger-tag__text {
    font-size: 10px;
    letter-spacing: 0.06em;
  }
}

.pw-hero-sub {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 560px;
  /* Was 0.5rem - the heading (76px, bold) needs real air below it, not a
     near-collision with the lead paragraph. */
  margin: clamp(1.5rem, 3.5vw, 2.25rem) auto 0;
  padding: 0 1rem;
  text-align: center;
  pointer-events: auto;
}
.pw-hero-sub__lead {
  margin: 0;
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.02em;
  color: #f0f0f5;
}
.pw-hero-sub__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
}
.pw-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 1.75rem;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.pw-hero-cta--primary {
  color: #0a0a0a !important;
  border: 1px solid rgba(236, 196, 108, 0.45);
  background: #ecc46c;
}
.pw-hero-cta--primary:hover {
  filter: brightness(1.05);
  color: #0a0a0a !important;
}
.pw-hero-cta--ghost {
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(19, 16, 13, 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pw-hero-cta--ghost:hover {
  border-color: rgba(236, 196, 108, 0.35);
  color: #fff !important;
}
@media (max-width: 479px) {
  .pw-hero-sub__actions { flex-direction: column; width: 100%; max-width: 280px; }
  .pw-hero-cta { width: 100%; }
}

.navbar_menu-button { display: none; cursor: pointer; padding: 0; background: none; border: none; }
.menu-icon { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; display: flex; }
.menu-icon_line-top, .menu-icon_line-bottom { background: #fff; width: 24px; height: 2px; }
.menu-icon_line-middle { background: #fff; width: 24px; height: 2px; margin: 6px 0; display: flex; justify-content: center; align-items: center; }
.menu-icon_line-middle-inner { width: 0; height: 0; }
.pw-plasma-shell .navbar_menu-button {
  display: inline-flex !important;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .pw-plasma-shell .navbar_menu-button {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .navbar_menu { display: none; }
  .navbar_menu-button { display: flex; }
}

/* Phone device mockups */
.pw-device { opacity: 0; transform: translateY(24px); transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); max-width: 437px; width: 100%; margin-inline: auto; }
.pw-device.is-visible { opacity: 1; transform: none; }
.pw-device__shell { position: relative; border-radius: 44px; padding: 12px; background: linear-gradient(145deg,#2a2a2e,#13100d); box-shadow: 0 40px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.12); border: 2px solid rgba(255,255,255,.08); }
.pw-device__island { width: 96px; height: 28px; background: #13100d; border-radius: 20px; margin: 0 auto 10px; }
.pw-device__screen { border-radius: 32px; overflow: hidden; background: #16130f; min-height: 520px; border: 1px solid rgba(255,255,255,.06); }
.pw-ui { padding: 14px; font-size: 12px; color: #fff; }
.pw-ui__status { display: flex; justify-content: space-between; font-size: 10px; color: #86868b; margin-bottom: 12px; }
.pw-ui__nav { font-size: 14px; font-weight: 600; margin-bottom: 16px; }
.pw-ui__hero { text-align: center; padding: 20px 0; }
.pw-ui__hero strong { display: block; font-size: 32px; color: #ecc46c; }
.pw-ui__hero span { color: #86868b; font-size: 11px; }
.pw-ui__list { display: flex; flex-direction: column; gap: 8px; }
.pw-ui__row { display: grid; grid-template-columns: 1fr auto; gap: 4px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); }
.pw-ui__row em { grid-column: 1/-1; font-style: normal; font-size: 10px; color: #86868b; }
.pw-ui__row--buy strong { color: #00c853; }
.pw-ui__row--sell strong { color: #ecc46c; }
.pw-ui__cta { margin-top: 16px; text-align: center; padding: 12px; border-radius: 12px; background: linear-gradient(135deg,#ecc46c,#c7934c); font-weight: 600; font-size: 13px; }
.pw-ui__escrow { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgba(0,200,83,.12); color: #00c853; font-size: 11px; margin-bottom: 16px; width: fit-content; }
.pw-ui__escrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #00c853; animation: pwPulse 2s infinite; }
@keyframes pwPulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.pw-ui__trade-card { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
.pw-ui__trade-card div { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); text-align: center; }
.pw-ui__trade-card strong { display: block; font-size: 18px; margin-top: 4px; }
.pw-ui__steps div { padding: 8px 0; font-size: 11px; color: #86868b; border-left: 2px solid rgba(255,255,255,.1); padding-left: 12px; margin-left: 4px; }
.pw-ui__steps .is-done { color: #00c853; border-color: #00c853; }
.pw-ui__steps .is-active { color: #fff; border-color: #ecc46c; font-weight: 600; }
.pw-ui__balance { text-align: center; padding: 24px 0; }
.pw-ui__balance strong { display: block; font-size: 28px; color: #ecc46c; margin-top: 8px; }
.pw-ui__assets div { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.pw-ui__actions { display: flex; gap: 8px; margin-top: 16px; }
.pw-ui__actions span { flex: 1; text-align: center; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.06); font-size: 11px; font-weight: 600; }
.pw-ui__field { display: flex; justify-content: space-between; padding: 12px; margin-bottom: 8px; border-radius: 10px; background: rgba(255,255,255,.04); }
.pw-ui__field label { color: #86868b; }
.pw-ui__face { width: 80px; height: 80px; margin: 40px auto 16px; position: relative; display: flex; align-items: center; justify-content: center; font-size: 28px; }
.pw-ui__face-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid #ecc46c; animation: pwRing 3s linear infinite; }
.pw-ui--security { text-align: center; }
.pw-ui--security p { font-size: 16px; font-weight: 600; }
.pw-ui--security small { color: #86868b; }

.pw-chain-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 40px; opacity: 0; transition: opacity .9s; }
.pw-chain-row.is-visible { opacity: 1; }
.pw-chain-pill { padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); font-size: 13px; color: #cecece; }
.pw-crypto-code { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(236,196,108,.35); background: rgba(236,196,108,.1); font-size: 11px; font-weight: 700; color: #f1dc9d; }

/* Hero terminal in phone */
.pw-hero-phone .wlfi-terminal { min-height: 420px; height: 420px; border-radius: 28px; border: 2px solid rgba(255,255,255,.14); background: #13100d; display: flex; flex-direction: column; overflow: hidden; font-family: ui-monospace, Menlo, monospace; }
.wlfi-terminal__chrome, .wlfi-terminal__head { display: flex; align-items: center; gap: .5rem; padding: .55rem .875rem; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02); }
.wlfi-terminal__dots { display: flex; gap: 6px; }
.wlfi-terminal__dot { width: 10px; height: 10px; border-radius: 50%; }
.wlfi-terminal__dot--r { background: #ff5f57; } .wlfi-terminal__dot--y { background: #febc2e; } .wlfi-terminal__dot--g { background: #28c840; }
.wlfi-terminal__title, .wlfi-terminal__head-title { flex: 1; font-size: 10px; color: #86868b; }
.wlfi-terminal__status, .wlfi-terminal__head-status { font-size: 9px; color: #51535c; text-transform: uppercase; }
.wlfi-terminal__strip { display: flex; flex-wrap: wrap; gap: .5rem; padding: .4rem .875rem; font-size: 9px; color: #63656e; border-bottom: 1px solid rgba(255,255,255,.04); }
.wlfi-terminal__strip-live { color: #00c853; display: flex; align-items: center; gap: 4px; }
.wlfi-terminal__strip-pulse { width: 6px; height: 6px; border-radius: 50%; background: #00c853; animation: pwPulse 2s infinite; }
.wlfi-terminal__screen, .wlfi-terminal__viewport { flex: 1; position: relative; overflow: auto; padding: .75rem; }
.wlfi-terminal__pre { margin: 0; font-size: 11px; line-height: 1.55; }
.wlfi-terminal__code { color: #94969c; white-space: pre-wrap; word-break: break-word; }
.wlfi-terminal__code .c-brand { color: #ecc46c; } .wlfi-terminal__code .c-green { color: #00c853; }
.wlfi-terminal__code .c-hi { color: #fff; } .wlfi-terminal__code .c-dim { color: #51535c; }
.wlfi-terminal__code .c-cursor { display: inline-block; width: 8px; height: 1em; background: #ecc46c; animation: pwBlink .85s step-end infinite; }
@keyframes pwBlink { 0%,100%{opacity:1} 50%{opacity:0} }
.wlfi-terminal__foot { display: flex; align-items: center; gap: .75rem; padding: .55rem .875rem; border-top: 1px solid rgba(255,255,255,.06); }
.wlfi-terminal__progress-wrap { flex: 1; display: flex; align-items: center; gap: .625rem; opacity: 0; }
.wlfi-terminal.is-running .wlfi-terminal__progress-wrap { opacity: 1; }
.wlfi-terminal__progress { flex: 1; height: 3px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden; }
.wlfi-terminal__progress-bar { display: block; height: 100%; width: 0; background: linear-gradient(90deg,#ecc46c,#00c853); transition: width .1s linear; }
.wlfi-terminal__progress-pct { font-size: 9px; color: #51535c; }
.wlfi-terminal__run, .wlfi-terminal__replay { padding: .3rem .6rem; border-radius: 8px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.03); color: #94969c; font-size: 10px; cursor: pointer; }
.wlfi-terminal__fade, .wlfi-terminal__scanline, .wlfi-terminal__scan { pointer-events: none; }

/* Section 10 feature cards */
.pw-feature-card { background: var(--bitnnock-surface, #1c1712); border-radius: 20px; height: 503px; padding: 40px; display: flex; flex-direction: column; align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.06); }
.pw-feature-card__icon { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: rgba(236,196,108,.12); border: 1px solid rgba(236,196,108,.25); color: #ecc46c; margin-bottom: 20px; }
.pw-live-bridge {
  text-align: center;
  padding: clamp(1.25rem, 2.5vw, 1.75rem) 5% clamp(1rem, 2vw, 1.5rem);
  background: var(--bn-panel-gradient, #1c1712);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.pw-live-bridge .heading-14 {
  font-weight: 600;
}

.pw-live-bridge .paragraph {
  color: #d2d2d7 !important;
}

/* Embedded P2P sections — component styles live in wlfi-p2p-sections.css */
.pw-embedded { padding: 0; width: 100%; background: #13100d; }
.pw-embedded .wlfi-wrap { width: min(980px, calc(100% - clamp(1rem, 3vw, 1.5rem) * 2)); max-width: 980px; margin-inline: auto; }
[data-pw-reveal] { opacity: 0; transform: translateY(32px); transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); }
[data-pw-reveal].is-visible { opacity: 1; transform: none; }

.buy--sell-filter { max-width: 980px; margin-inline: auto; }
.pw-home .select2-container { width: 100% !important; }

.pw-form-panel {
  padding: 24px;
  border-radius: 20px;
  background: var(--bn-panel-gradient, #1c1712);
  border: 1px solid rgba(255, 255, 255, 0.1);
  /* Dropped the inset top-edge highlight - faked a raised bevel, which
     contradicts the flat hairline-border treatment used everywhere else. */
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.42);
}

@media (max-width: 991px) {
  .pw-home .pw-form-panel { padding: 16px; margin-top: 16px; }
}

.pw-home .pw-marketplace-hub .pw-marketplace-hub__block-title {
  color: #faeac9;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  font-size: clamp(1.25rem, 2.8vw, 1.65rem) !important;
  line-height: 1.12;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.5rem;
}

.pw-home .pw-marketplace-hub .bn-ads-widget {
  margin-top: 0;
}

.pw-home .pw-marketplace-hub .wlfi-subheading {
  color: #e8e8ed !important;
  max-width: 42rem;
  margin-inline: auto;
}

.pw-home .pw-marketplace .wlfi-offers .wlfi-section-head {
  max-width: 640px;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.pw-home .pw-marketplace .wlfi-offers .wlfi-subheading {
  text-align: center;
  margin-inline: auto;
  max-width: 42rem;
  color: #e8e8ed !important;
}

.pw-home .pw-marketplace .wlfi-offers .wlfi-heading-md {
  text-align: center;
  color: #e8e8ed !important;
  -webkit-text-fill-color: currentColor;
  background: none;
  background-image: none;
}

.pw-home .pw-trade-finder__head {
  text-align: center;
  max-width: 42rem;
  margin-inline: auto;
}

.pw-home .pw-trade-finder .wlfi-subheading {
  color: #e8e8ed !important;
  max-width: 42rem;
  margin-inline: auto;
  width: auto !important;
  margin-top: 0.5rem;
  letter-spacing: normal;
  line-height: 1.55;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 400;
}

.pw-home .wlfi-partners__head {
  text-align: center;
  max-width: 42rem;
  margin-inline: auto;
}

.pw-home .wlfi-partners .wlfi-subheading {
  color: #e8e8ed !important;
  max-width: 42rem;
  margin-inline: auto;
  width: auto !important;
  margin-top: 0.5rem;
  letter-spacing: normal;
  line-height: 1.55;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 400;
}

.pw-home .pw-terminal-feed-head {
  text-align: center;
  max-width: 42rem;
  margin-inline: auto;
}

.pw-home .pw-terminal-section .wlfi-subheading {
  color: #e8e8ed !important;
  max-width: 42rem;
  margin-inline: auto;
  width: auto !important;
  margin-top: 0.5rem;
  letter-spacing: normal;
  line-height: 1.55;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 400;
}

.pw-home .pw-marketplace-hub .bn-ads-tabs__browse {
  text-decoration: none !important;
}

.pw-home .pw-marketplace-hub .pw-marketplace-hub__block-title {
  text-align: left;
}

.pw-home .pw-marketplace-hub .bn-marketplace-ads--embed .bn-market-ads-card {
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.pw-home .pw-marketplace-hub .bn-ads-cell--payment,
.pw-home .pw-marketplace-hub .bn-market-ads__table td:nth-child(2) {
  max-width: 12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pw-home .pw-marketplace-hub .bn-ads-cell--rate,
.pw-home .pw-marketplace-hub .bn-market-ads__table td:nth-child(3) {
  white-space: nowrap;
}

.pw-home .pw-marketplace .wlfi-offers .bn-ads-cell--payment,
.pw-home .pw-marketplace .wlfi-offers .bn-market-ads__table td:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pw-home .pw-marketplace .wlfi-offers .bn-ads-cell--rate,
.pw-home .pw-marketplace .wlfi-offers .bn-market-ads__table td:nth-child(3) {
  white-space: nowrap;
}

/* Footer stays at page bottom; marketing mini-footer stays hidden */
body:has(.pw-home) .page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body:has(.pw-home) .pw-home {
  flex: 1 0 auto;
}

/* ── Homepage heading colors — solid tokens (no background-clip text) ── */

.pw-home {
  /* Despite the "-purple" name, this rendered as a saturated pale gold/
     yellow (#f1dc9d) - not purple - on real section headings like "How
     P2P trading works". Kept the token name (used by the selectors below)
     but flattened the value to match the neutral direction of every other
     section headline; WLFI doesn't use purple or gold for these either. */
  --pw-head-purple: #e7e5e4;
  /* Despite the "-gold" name (kept so the ~20 selectors below referencing
     this token don't all need touching individually), this now holds a
     neutral off-white — WLFI reserves gold for primary buttons and the
     occasional single-word accent (see --pw-head-accent below), not
     section headline color. Was #faeac9 (pale gold). */
  --pw-head-gold: #f5f2ec;
  --pw-head-silver: #e7e5e4;
  --pw-head-blend: #fdf2e8;
  --pw-head-white: #f5f5f7;
  --pw-head-accent: #ecc46c;
}

.pw-home :is(
  .heading-5,
  .heading-6,
  .heading-7,
  .heading-8,
  .heading-9,
  .heading-9-copy,
  .heading-9-copy._10,
  .heading-10,
  .heading-11,
  .heading-11.blue,
  .heading-12,
  .heading-13,
  .heading-13.pw-features-headline,
  .heading-14,
  .heading-16,
  .heading-17,
  .heading-18,
  .heading-19,
  .heading-20,
  .text-block-11,
  .wlfi-heading-md,
  .wlfi-heading-sm,
  .pw-head-gold,
  .pw-head-purple,
  .pw-head-blue-silver,
  .pw-head-purple-silver,
  .pw-terminal-title,
  .pw-dashboard-headline,
  .pw-marketplace-hub__block-title,
  .wlfi-offer-inline__title,
  .wlfi-subscribe h2
) {
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Hero — solid white */
.pw-home .section#buy-sell .heading {
  color: var(--pw-head-white) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Lavender stack lines */
.pw-home :is(
  .heading-5,
  .heading-6,
  .heading-7,
  .heading-8,
  .pw-head-purple,
  .wlfi-heading-md--plasma-purple,
  .section-11 .pw-how-it-works .wlfi-heading-md
) {
  color: var(--pw-head-purple) !important;
}

/* Gold section headlines */
.pw-home :is(
  .pw-head-gold,
  .heading-9,
  .heading-9-copy,
  .heading-9-copy._10,
  .pw-terminal-section .wlfi-heading-md,
  .pw-trade-finder .wlfi-heading-md,
  .pw-marketplace-hub .pw-marketplace-hub__block-title,
  .wlfi-markets .wlfi-heading-md,
  .wlfi-products .wlfi-heading-md,
  .wlfi-tools .wlfi-heading-md,
  .wlfi-choose .wlfi-heading-md,
  .wlfi-join .wlfi-heading-md,
  .pw-embedded .wlfi-heading-md:not(.wlfi-heading-md--left),
  .pw-embedded .wlfi-offer-inline__title,
  .wlfi-partners .wlfi-heading-sm,
  .heading-11:not(.blue),
  .heading-16,
  .heading-17,
  .heading-18,
  .heading-19,
  .heading-20,
  .text-block-11
) {
  color: var(--pw-head-gold) !important;
}

/* Silver / FAQ / governance */
.pw-home :is(
  .pw-head-blue-silver,
  .heading-11.blue,
  .wlfi-subscribe h2,
  .wlfi-faq-section .wlfi-heading-md,
  .wlfi-governance .wlfi-heading-md,
  .section-8 .heading-12,
  .heading-13.pw-features-headline
) {
  color: var(--pw-head-silver) !important;
}

.pw-home .heading-13.pw-features-headline .pw-features-headline__accent {
  color: var(--pw-head-accent) !important;
}

/* Purple + silver blend headlines */
.pw-home :is(
  .pw-head-purple-silver,
  .pw-marketplace-hub__head > .wlfi-heading-md,
  .pw-dashboard-headline
) {
  color: var(--pw-head-blend) !important;
}

.pw-home .pw-dashboard-headline span {
  color: var(--pw-head-accent) !important;
  background: none !important;
  background-image: none !important;
}

.pw-home .pw-terminal-title,
.pw-home .pw-embedded .wlfi-heading-md,
.pw-home .wlfi-markets .wlfi-heading-md,
.pw-home .wlfi-products .wlfi-heading-md,
.pw-home .wlfi-tools .wlfi-heading-md,
.pw-home .wlfi-choose .wlfi-heading-md,
.pw-home .wlfi-join .wlfi-heading-md,
.pw-home .section-11 .pw-how-it-works .wlfi-heading-md,
.pw-home .wlfi-faq-section .wlfi-heading-md,
.pw-home .wlfi-governance .wlfi-heading-md,
.pw-home .pw-trade-finder .wlfi-heading-md,
.pw-home .pw-marketplace-hub .wlfi-heading-md,
.pw-home .wlfi-partners .wlfi-heading-sm,
.pw-home .wlfi-subscribe h2,
.pw-home .wlfi-offer-inline__title {
  font-size: clamp(2rem, 5vw, 56px);
  line-height: 1.07;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: .75rem;
}

.pw-home .wlfi-heading-md--left,
.pw-home .wlfi-subheading--left,
.pw-home .wlfi-governance .wlfi-heading-md,
.pw-home .wlfi-faq-section .wlfi-heading-md {
  text-align: left;
}

/*
 * custom.css's plain ".wlfi-subheading{text-align:center}" rule is the
 * same (0,1,0) specificity as ".wlfi-subheading--left" in
 * wlfi-p2p-sections.css, and custom.css loads after it - so on any
 * element carrying both classes, the left-align modifier was silently
 * losing to the centered default regardless of which one was "meant"
 * to win, leaving multi-line left-aligned copy (like the testimonials
 * intro next to "Trusted by P2P traders worldwide") centering each
 * line instead of sharing a left edge with the heading above it. The
 * heading equivalent above already had a ".pw-home"-qualified (0,2,0)
 * override to win this fight; the subheading never got the matching
 * one until now.
 */

.pw-home .heading-9-copy._10.pw-heading-wide,
.pw-home .pw-terminal-section .wlfi-heading-md,
.pw-home .section-3 .heading-9 {
  width: auto !important;
  max-width: 100%;
}

.pw-home .heading-9-copy._10,
.pw-home .heading-11 {
  width: auto !important;
}

.pw-home .wlfi-subheading,
.pw-home .wlfi-partners__lead,
.pw-home .wlfi-subscribe p {
  color: #a1a1a6 !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .heading { font-size: clamp(2.25rem, 9vw, 76px) !important; line-height: 1.1 !important; }
  .heading-5, .heading-6, .heading-7, .heading-8, [data-pw-stack-line] { font-size: clamp(2.5rem, 10vw, 96px) !important; line-height: 1.06 !important; }
  .section-2,
  .section-2.pw-stack-scene { height: auto !important; min-height: 0 !important; padding: 3rem 1.25rem !important; }
  .section-3, .section-5, .section-6, .section-7 { margin-left: 0 !important; margin-right: 0 !important; height: auto !important; min-height: 0 !important; padding: 3rem 1.25rem !important; }
  .section-4 { height: auto !important; min-height: 0 !important; padding: 3rem 1.25rem !important; }
  .columns, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9 { flex-direction: column !important; }
  .w-col { float: none !important; width: 100% !important; }
  .columns-8, .columns-9, .div-block-11, .div-block-12 { width: 100% !important; max-width: 100%; }
  .heading-9, .heading-9-copy._10, .heading-11, .heading-12 { font-size: clamp(2rem, 8vw, 56px) !important; }
  .paragraph, .paragraph-3, .text-block-5 { font-size: 18px !important; width: auto !important; }
}

/* Homepage readability + header integration */
.pw-home .pw-hero-sub__lead { color: #f0f0f5 !important; }

.pw-home .pw-features-headline {
  width: auto !important;
  max-width: 16ch;
  margin-inline: auto;
  font-size: clamp(2.25rem, 6vw, 56px) !important;
  line-height: 1.08 !important;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.pw-home .pw-dashboard-headline {
  font-size: clamp(2rem, 5vw, 56px) !important;
  line-height: 1.1 !important;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 1.125rem;
  text-align: left;
}
.pw-home .pw-dashboard-sub {
  color: #a1a1a6 !important;
  font-size: clamp(1.125rem, 2.5vw, 1.5rem) !important;
  font-weight: 300;
  line-height: 1.45 !important;
  letter-spacing: 0.01em;
}

.pw-home .heading-14:not(.pw-dashboard-headline) {
  font-weight: 600;
}

.pw-home .paragraph,
.pw-home .paragraph-3 {
  color: #a1a1a6 !important;
}

.pw-home .text-block-5,
.pw-home .text-block-6:not(.pw-dashboard-sub),
.pw-home .text-block-7,
.pw-home .text-block-8,
.pw-home .text-block-9,
.pw-home .text-block-10 {
  color: #a1a1a6 !important;
}

body:has(.pw-home) .pw-plasma-shell .navbar_component {
  padding-top: max(1.25rem, env(safe-area-inset-top));
}

@media (max-width: 991px) {
  .pw-home .columns,
  .pw-home .columns-2,
  .pw-home .columns-3,
  .pw-home .columns-4,
  .pw-home .columns-5,
  .pw-home .columns-6,
  .pw-home .columns-7,
  .pw-home .columns-8,
  .pw-home .columns-9,
  .pw-home .w-row {
    width: 100% !important;
    max-width: min(980px, 94vw);
    margin-inline: auto;
  }

  .pw-home .column,
  .pw-home .column-2,
  .pw-home .column-3,
  .pw-home .column-4,
  .pw-home .column-5,
  .pw-home .column-6,
  .pw-home .column-7,
  .pw-home .column-8,
  .pw-home .column-9,
  .pw-home .column-10,
  .pw-home .column-11,
  .pw-home .column-12,
  .pw-home .column-13,
  .pw-home .w-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-pw-reveal], [data-pw-stack-line], .heading-5, .heading-6, .heading-7, .heading-8, .pw-device, .image-2 { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; }
}

/* ── Mobile: Spline behind hero copy (same layer model as desktop, sized for phone) ── */
@media (max-width: 767px) {
  .pw-home .section#buy-sell {
    position: relative;
    min-height: 100svh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: calc(var(--pw-header-clearance, 6.5rem) + 0.75rem + env(safe-area-inset-top, 0px)) 1rem 1.5rem;
    overflow: hidden;
    isolation: isolate;
  }

  .pw-home .section#buy-sell::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgba(19, 16, 13, 0.92) 0%,
      rgba(19, 16, 13, 0.72) 30%,
      rgba(19, 16, 13, 0.42) 52%,
      rgba(19, 16, 13, 0.62) 100%
    );
  }

  .pw-home .section#buy-sell .heading,
  .pw-home .section#buy-sell .pw-hero-ledger-tag,
  .pw-home .section#buy-sell .pw-hero-sub {
    position: relative;
    z-index: 3;
  }

  .pw-home .section#buy-sell .html-embed.pw-spline-hero {
    position: absolute;
    inset: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    order: unset;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
    margin: 0;
    flex: none;
    transform: none;
    z-index: 1;
    pointer-events: none;
  }

  .pw-home .section#buy-sell .html-embed.pw-spline-hero iframe {
    width: 100%;
    height: 100%;
    min-height: 100% !important;
    border: 0;
    display: block;
    background: #13100d;
  }

  .pw-home .pw-marketing .section-2,
  .pw-home .pw-marketing .section-3,
  .pw-home .pw-marketing .section-4,
  .pw-home .pw-marketing .section-5,
  .pw-home .pw-marketing .section-6,
  .pw-home .pw-marketing .section-7,
  .pw-home .pw-marketing .section-8,
  .pw-home .pw-marketing .section-9,
  .pw-home .pw-marketing .section-10,
  .pw-home .pw-marketing .section-11 {
    padding: 2.75rem 1rem !important;
  }

  .pw-home .pw-live-bridge {
    padding: 2rem 1rem 2.5rem;
  }

  .pw-home .pw-terminal-section {
    padding: 2.5rem 1rem;
  }

  .pw-home .pw-plasma-img.image-2,
  .pw-home .pw-plasma-img.image-3,
  .pw-home .pw-plasma-img.image-4,
  .pw-home .pw-plasma-img.image-5,
  .pw-home .pw-plasma-img.image-6,
  .pw-home .pw-plasma-img.image-7,
  .pw-home .pw-plasma-img.image-8,
  .pw-home .pw-plasma-img.image-9,
  .pw-home .pw-plasma-img.image-10,
  .pw-home .pw-plasma-img.image-11 {
    width: min(100%, 437px);
  }
}

/* ── Desktop: side-by-side marketing rows ── */
@media (min-width: 992px) {
  .pw-home .section-2,
  .pw-home .section-3,
  .pw-home .section-4,
  .pw-home .section-5,
  .pw-home .section-6,
  .pw-home .section-7,
  .pw-home .section-8,
  .pw-home .section-9,
  .pw-home .section-10,
  .pw-home .section-11,
  .pw-home .pw-marketing .section-2,
  .pw-home .pw-marketing .section-3,
  .pw-home .pw-marketing .section-4,
  .pw-home .pw-marketing .section-5,
  .pw-home .pw-marketing .section-6,
  .pw-home .pw-marketing .section-7,
  .pw-home .pw-marketing .section-8,
  .pw-home .pw-marketing .section-9,
  .pw-home .pw-marketing .section-10,
  .pw-home .pw-marketing .section-11 {
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .pw-home .section-2,
  .pw-home .pw-marketing .section-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(4rem, 7vw, 6rem) 5% !important;
  }

  .pw-home .heading-5,
  .pw-home .heading-6,
  .pw-home .heading-7,
  .pw-home .heading-8 {
    font-size: clamp(3rem, 5.5vw, 7.75rem) !important;
    line-height: 1.06 !important;
  }

  .pw-home .pw-marketing .columns,
  .pw-home .pw-marketing .columns-2,
  .pw-home .pw-marketing .columns-3,
  .pw-home .pw-marketing .columns-4,
  .pw-home .pw-marketing .columns-5,
  .pw-home .pw-marketing .columns-6,
  .pw-home .pw-marketing .columns-7,
  .pw-home .pw-marketing .columns-8,
  .pw-home .pw-marketing .columns-9,
  .pw-home .pw-marketing .w-row {
    flex-direction: row !important;
    align-items: center;
    gap: clamp(2rem, 4vw, 4rem);
  }

  .pw-home .pw-marketing .w-col-6 {
    width: 50% !important;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .pw-home .pw-marketing .column-2,
  .pw-home .pw-marketing .column-8,
  .pw-home .pw-marketing .column,
  .pw-home .pw-marketing .column-3,
  .pw-home .pw-marketing .column-5,
  .pw-home .pw-marketing .column-7,
  .pw-home .pw-marketing .column-10,
  .pw-home .pw-marketing .column-11,
  .pw-home .pw-marketing .column-12,
  .pw-home .pw-marketing .w-col {
    align-items: flex-start;
  }

  .pw-home .pw-marketing .column-2,
  .pw-home .pw-marketing .column-8,
  .pw-home .pw-marketing .column-10,
  .pw-home .pw-marketing .column-11 {
    align-items: center;
  }

  .pw-home .pw-plasma-img.image-2,
  .pw-home .pw-plasma-img.image-3,
  .pw-home .pw-plasma-img.image-4,
  .pw-home .pw-plasma-img.image-5,
  .pw-home .pw-plasma-img.image-6,
  .pw-home .pw-plasma-img.image-7,
  .pw-home .pw-plasma-img.image-8,
  .pw-home .pw-plasma-img.image-9,
  .pw-home .pw-plasma-img.image-10,
  .pw-home .pw-plasma-img.image-11 {
    width: min(100%, 437px);
    max-width: 100%;
    height: auto;
    margin-inline: auto;
  }

  .pw-home .pw-marketing .div-block-7,
  .pw-home .pw-marketing .div-block-8,
  .pw-home .pw-marketing .pw-feature-card {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* ═══ Plasma design — embedded P2P (marketplace, tools, reviews, FAQ) ═══ */

.pw-home .pw-embedded {
  font-family: Sora, system-ui, sans-serif !important;
}

.pw-home .pw-embedded .pw-marketplace-hub,
.pw-home .pw-embedded .wlfi-offers,
.pw-home .pw-embedded .wlfi-governance,
.pw-home .pw-embedded .wlfi-faq-section,
.pw-home .pw-embedded .wlfi-tools,
.pw-home .pw-embedded .wlfi-join,
.pw-home .pw-embedded .wlfi-subscribe,
.pw-home .pw-embedded .wlfi-offer-inline {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* Marketplace hub background */
.pw-home .pw-marketplace-hub {
  background: var(--bn-panel-gradient, #1c1712) !important;
}

/* How your trade actually moves through escrow - replaced a bento grid of
   6 feature bullets (see pw_marketplace.blade.php for the redundancy this
   was fixing) with a connected step sequence for the real happy-path
   trade lifecycle, plus a clearly separate (not alarming - amber/neutral,
   never red) branch for what a dispute actually does.

   Text-color note: .pw-home p / span both get color:var(--bn-readable-text)
   !important forced sitewide (custom.css, "readable text" pass) at
   specificity (.pw-home + element + several :not() exclusions) - higher
   than a bare single class. Every text rule below is written as
   `.pw-home .bn-escrow-flow__x` (2 classes) specifically to out-specificity
   that rule rather than fight it with more !important; the state tags use
   <code> instead of <span> to sidestep the span-specific version of the
   same rule entirely, and icon color is set on the <svg> itself (via
   `.badge svg`), which that rule never targets in the first place. */
.pw-home .bn-escrow-flow {
  max-width: 1080px;
  margin-inline: auto;
}

.pw-home .bn-escrow-flow__steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
}

.pw-home .bn-escrow-flow__step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0 0 2rem 3rem;
}

.pw-home .bn-escrow-flow__step::before {
  content: '';
  position: absolute;
  top: 2.375rem;
  left: 1.1875rem;
  bottom: -0.25rem;
  width: 2px;
  background: linear-gradient(to bottom, rgba(236, 196, 108, 0.4), rgba(236, 196, 108, 0.08));
}

.pw-home .bn-escrow-flow__step:last-child::before {
  display: none;
}

.pw-home .bn-escrow-flow__step:last-child {
  padding-bottom: 0;
}

.pw-home .bn-escrow-flow__badge {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 12px;
  border: 1px solid rgba(236, 196, 108, 0.32) !important;
  background: linear-gradient(155deg, rgba(236, 196, 108, 0.22), rgba(236, 196, 108, 0.04)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 18px -12px rgba(236, 196, 108, 0.4);
  z-index: 1;
}

.pw-home .bn-escrow-flow__badge svg {
  color: #ecc46c !important;
}

.pw-home .bn-escrow-flow__step--final .bn-escrow-flow__badge {
  border-color: rgba(0, 200, 83, 0.32) !important;
  background: linear-gradient(155deg, rgba(0, 200, 83, 0.22), rgba(0, 200, 83, 0.04)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 18px -12px rgba(0, 200, 83, 0.45);
}

.pw-home .bn-escrow-flow__step--final .bn-escrow-flow__badge svg {
  color: #3ddb82 !important;
}

.pw-home .bn-escrow-flow__state {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.15rem 0.5rem;
  border-radius: 5px;
  border: 1px solid rgba(236, 196, 108, 0.28);
  background: rgba(236, 196, 108, 0.1);
  font-family: ui-monospace, 'SF Mono', Menlo, monospace;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #f1dc9d !important;
}

.pw-home .bn-escrow-flow__step--final .bn-escrow-flow__state {
  border-color: rgba(0, 200, 83, 0.28);
  background: rgba(0, 200, 83, 0.1);
  color: #3ddb82 !important;
}

.pw-home .bn-escrow-flow__title {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  color: #f5f5f7 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.pw-home .bn-escrow-flow__text {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #a1a1a6 !important;
  margin: 0 !important;
  max-width: 46ch;
}

@media (min-width: 900px) {
  .pw-home .bn-escrow-flow__steps {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
  }
  .pw-home .bn-escrow-flow__step {
    padding: 3.25rem 0.25rem 0 0;
  }
  .pw-home .bn-escrow-flow__step::before {
    top: 1.1875rem;
    left: 2.375rem;
    right: 0.25rem;
    bottom: auto;
    width: auto;
    height: 2px;
    background: linear-gradient(to right, rgba(236, 196, 108, 0.4), rgba(236, 196, 108, 0.08));
  }
  .pw-home .bn-escrow-flow__badge {
    position: static;
    margin-bottom: 0.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pw-home .bn-escrow-flow__step {
    transition: none;
  }
}

/* Dispute branch - deliberately amber/neutral, never red: a working
   safety valve that most trades never need, not a failure/error state. */
.pw-home .bn-escrow-flow__dispute {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.02) !important;
  padding: 1.5rem 1.5rem 1.75rem;
}

.pw-home .bn-escrow-flow__dispute-head {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.pw-home .bn-escrow-flow__dispute-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 10px;
  border: 1px solid rgba(236, 196, 108, 0.28) !important;
  background: rgba(236, 196, 108, 0.1) !important;
}

.pw-home .bn-escrow-flow__dispute-icon svg {
  color: #ecc46c !important;
}

.pw-home .bn-escrow-flow__dispute-label {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #f5f5f7 !important;
  margin: 0 0 0.25rem !important;
}

.pw-home .bn-escrow-flow__dispute-sub {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: #a1a1a6 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.pw-home .bn-escrow-flow__dispute-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 700px) {
  .pw-home .bn-escrow-flow__dispute-steps {
    grid-template-columns: repeat(3, 1fr);
  }
}

.pw-home .bn-escrow-flow__dispute-steps li {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.pw-home .bn-escrow-flow__dispute-steps h5 {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  color: #f5f5f7 !important;
  margin: 0 !important;
}

.pw-home .bn-escrow-flow__dispute-steps p {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 0.8438rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #a1a1a6 !important;
  margin: 0 !important;
}

.pw-home .pw-marketplace-hub__block {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding: clamp(1.25rem, 2.5vw, 1.75rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.018) !important;
}

.pw-home .pw-marketplace-hub__block--sell {
  margin-top: clamp(1.25rem, 3vw, 1.75rem);
  background: rgba(236, 196, 108, 0.035) !important;
}

.pw-home .pw-marketplace-hub__block-head {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  max-width: none;
  margin-inline: 0;
}

.pw-home .pw-marketplace-hub__block-head .wlfi-subheading {
  text-align: left;
  margin-inline: 0;
  max-width: 42rem;
  color: #e8e8ed !important;
}

.pw-home .pw-marketplace-hub .bn-ads-tabs__footer,
.pw-home .pw-marketplace-hub .bn-ads-more-wrap {
  justify-content: flex-end;
  text-align: right;
}

/* Buy / Sell crypto tool cards */
.pw-home .wlfi-tools {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #13100d !important;
  padding: clamp(2.5rem, 5vw, 4rem) 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.pw-home .wlfi-tools__glow {
  background: radial-gradient(ellipse 70% 55% at 50% 100%, rgba(236, 196, 108, 0.1), transparent 70%) !important;
}

.pw-home .wlfi-tools__grid {
  gap: 1rem;
  max-width: 980px;
  margin-inline: auto;
}

.pw-home .wlfi-tool {
  padding: clamp(1.5rem, 3vw, 2rem) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: var(--bitnnock-surface, #1c1712) !important;
  box-shadow: none !important;
}

.pw-home .wlfi-tool__icon {
  width: 3.5rem !important;
  height: 3.5rem !important;
  border-radius: 16px !important;
  border: 1px solid rgba(236, 196, 108, 0.28) !important;
  background: rgba(236, 196, 108, 0.1) !important;
}

.pw-home .wlfi-tool__icon--buy svg {
  color: #00c853 !important;
}

.pw-home .wlfi-tool__icon--sell svg {
  color: #ecc46c !important;
}

.pw-home .wlfi-tool__title {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: clamp(1.125rem, 2.5vw, 1.375rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  color: #fff !important;
  margin-bottom: 0.5rem !important;
}

.pw-home .wlfi-tool__desc {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: #a1a1a6 !important;
  margin-bottom: 0.875rem !important;
}

.pw-home .wlfi-link,
.pw-home .wlfi-link--brand {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

.pw-home .wlfi-link--brand {
  color: #f1dc9d !important;
}

.pw-home .wlfi-link--brand:hover {
  color: #fefcef !important;
}

/* Testimonials */
.pw-home .wlfi-governance {
  padding: clamp(2.5rem, 5vw, 4rem) 1rem !important;
  background: #13100d !important;
}

.pw-home .wlfi-testimonial-mini {
  gap: 1rem;
  width: 100%;
  max-width: 100%;
}

.pw-home .wlfi-review {
  padding: 1.5rem 1.75rem !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: var(--bitnnock-surface, #1c1712) !important;
  box-shadow: none !important;
  max-width: none !important;
}

.pw-home .wlfi-review__quote {
  color: #ecc46c !important;
  opacity: 0.45;
}

.pw-home .wlfi-review p {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  color: #cecece !important;
}

.pw-home .wlfi-review footer {
  color: #f1dc9d !important;
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

.pw-home .wlfi-review--stack {
  border-top: none !important;
  padding-top: 0 !important;
}

/* Product / market cards in backend strip */
.pw-home .wlfi-card {
  border-radius: 20px !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  background: var(--bitnnock-surface, #1c1712) !important;
}

.pw-home .wlfi-card__banner-glow {
  background: linear-gradient(to bottom, rgba(236, 196, 108, 0.12), transparent 70%) !important;
}

.pw-home .wlfi-card__banner--escrow .wlfi-card__banner-glow {
  background: linear-gradient(to bottom, rgba(236, 196, 108, 0.1), transparent 70%) !important;
}

.pw-home .wlfi-card__banner--markets .wlfi-card__banner-glow {
  background: linear-gradient(to bottom, rgba(236, 196, 108, 0.1), transparent 70%) !important;
}

.pw-home .wlfi-markets__row {
  border-radius: 16px !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.pw-home .wlfi-markets__icon {
  border-color: rgba(236, 196, 108, 0.28) !important;
  background: rgba(236, 196, 108, 0.1) !important;
  color: #ecc46c !important;
}

.pw-home .wlfi-join {
  background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(236, 196, 108, 0.08), transparent 65%) !important;
}

.pw-home .wlfi-offer-inline {
  background: linear-gradient(135deg, rgba(236, 196, 108, 0.06), transparent 55%) !important;
}

.pw-home .pw-embedded .wlfi-subheading,
.pw-home .pw-embedded .wlfi-subheading--left {
  font-family: Sora, system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  color: #a1a1a6 !important;
  line-height: 1.55 !important;
}

/* #wlf-top's sizing/position/hide rules live in plasma-app.css, which
 * this route never loads (home uses this file instead) — without
 * this, the button falls back to bare browser <button> chrome and
 * renders as a full-width grey bar once JS reveals it on scroll. */
body:has(.pw-home) .wlf-top {
  display: none !important;
}