/* Scribbify Lemni-informed Phase 2: integration rail and problem bento */
html body.home.sc-body.sbx4-page {
  --p2-dark: #0C0C11;
  --p2-surface: #12131B;
  --p2-elevated: #191A24;
  --p2-border: #2A2935;
  --p2-ink: #F4F3FA;
  --p2-muted: #AAA7B5;
  --p2-dim: #73707E;
  --p2-violet: #6547F5;
  --p2-deep: #3A236A;
  --p2-bridge: #9A91FF;
  --p2-plum: #21172F;
}

/* Hero handoff becomes a connected integration rail */
html body.home.sc-body.sbx4-page main#brx-content > #brxe-scig01 {
  position: relative !important;
  z-index: 3 !important;
  min-height: auto !important;
  margin-top: -2px !important;
  overflow: hidden !important;
  padding: 24px 24px 86px !important;
  border: 0 !important;
  background:
    radial-gradient(ellipse 42% 90% at 50% -18%, rgba(101,71,245,.12), rgba(101,71,245,0) 72%),
    linear-gradient(180deg, #0C0C11 0%, #12131B 100%) !important;
}

html body.home.sc-body.sbx4-page main#brx-content > #brxe-scig01::before {
  content: "" !important;
  position: absolute !important;
  top: 48px !important;
  left: 50% !important;
  width: min(1120px, 84vw) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(154,145,255,.16) 12%, rgba(101,71,245,.44) 50%, rgba(154,145,255,.16) 88%, transparent) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 28px rgba(101,71,245,.18) !important;
  pointer-events: none !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-wrap {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr {
  display: grid !important;
  grid-template-columns: minmax(180px, .72fr) minmax(0, 2.28fr) !important;
  gap: 32px !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 24px 30px !important;
  border: 1px solid rgba(154,145,255,.12) !important;
  border-radius: 18px !important;
  background: rgba(18,19,27,.58) !important;
  box-shadow: inset 0 1px 0 rgba(244,243,250,.025), 0 30px 72px rgba(12,12,17,.2) !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-label {
  position: relative !important;
  margin: 0 !important;
  padding-left: 20px !important;
  color: var(--p2-bridge) !important;
  -webkit-text-fill-color: var(--p2-bridge) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
  white-space: nowrap !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-label::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--p2-violet) !important;
  box-shadow: 0 0 0 6px rgba(101,71,245,.1), 0 0 18px rgba(101,71,245,.6) !important;
  transform: translateY(-50%) !important;
  animation: sbx-p2-node 3.4s ease-in-out infinite !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr__list {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr__list > span {
  position: relative !important;
  display: grid !important;
  min-height: 42px !important;
  padding: 8px 6px 8px 16px !important;
  place-items: center !important;
  border: 1px solid rgba(244,243,250,.07) !important;
  border-radius: 999px !important;
  background: rgba(244,243,250,.035) !important;
  color: rgba(244,243,250,.58) !important;
  -webkit-text-fill-color: rgba(244,243,250,.58) !important;
  font-size: 11px !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
}

html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr__list > span::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 10px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: var(--p2-bridge) !important;
  box-shadow: 0 0 10px rgba(154,145,255,.45) !important;
  transform: translateY(-50%) !important;
}

/* Problem chapter */
html body.home.sc-body.sbx4-page main#brx-content > #problem.sc-light {
  position: relative !important;
  isolation: isolate !important;
  min-height: auto !important;
  margin-top: -2px !important;
  overflow: hidden !important;
  padding: 98px 24px 128px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 12% 22%, rgba(58,35,106,.2), rgba(58,35,106,0) 28%),
    radial-gradient(circle at 88% 74%, rgba(101,71,245,.14), rgba(101,71,245,0) 30%),
    linear-gradient(180deg, #12131B 0%, #0C0C11 26%, #0C0C11 76%, #12131B 100%) !important;
  color: var(--p2-ink) !important;
}

html body.home.sc-body.sbx4-page main#brx-content > #problem::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  opacity: .2 !important;
  background-image:
    linear-gradient(rgba(154,145,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(154,145,255,.055) 1px, transparent 1px) !important;
  background-size: 86px 86px !important;
  mask-image: radial-gradient(ellipse 74% 60% at 50% 54%, #0C0C11, transparent 78%) !important;
  -webkit-mask-image: radial-gradient(ellipse 74% 60% at 50% 54%, #0C0C11, transparent 78%) !important;
  pointer-events: none !important;
}

html body.home.sc-body.sbx4-page #problem > .sc-wrap {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

html body.home.sc-body.sbx4-page #problem > .sc-wrap > .sc-label {
  display: table !important;
  margin: 0 auto 22px !important;
  color: var(--p2-bridge) !important;
  -webkit-text-fill-color: var(--p2-bridge) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-align: center !important;
}

html body.home.sc-body.sbx4-page #problem > .sc-wrap > .sc-h2 {
  max-width: 760px !important;
  margin: 0 auto 64px !important;
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-size: clamp(42px, 4.7vw, 62px) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.home.sc-body.sbx4-page #problem > .sc-wrap > .sc-h2 i {
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-style: normal !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems {
  width: 100% !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(226px, auto) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature,
html body.home.sc-body.sbx4-page #problem .cap-problems__list > article {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid rgba(154,145,255,.13) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(25,26,36,.88), rgba(18,19,27,.74)) !important;
  box-shadow: inset 0 1px 0 rgba(244,243,250,.03), 0 28px 70px rgba(12,12,17,.24) !important;
  color: var(--p2-ink) !important;
  transition: transform 280ms cubic-bezier(.22,1,.36,1), border-color 280ms ease, box-shadow 280ms ease !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature:hover,
html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:hover {
  border-color: rgba(154,145,255,.25) !important;
  box-shadow: inset 0 1px 0 rgba(244,243,250,.04), 0 34px 84px rgba(12,12,17,.32), 0 0 48px rgba(101,71,245,.06) !important;
  transform: translateY(-4px) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature {
  grid-column: span 7 !important;
  grid-row: span 2 !important;
  display: flex !important;
  min-height: 466px !important;
  padding: 38px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  background:
    radial-gradient(circle at 80% 78%, rgba(101,71,245,.2), rgba(101,71,245,0) 36%),
    linear-gradient(145deg, rgba(33,23,47,.9), rgba(18,19,27,.82)) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  right: -64px !important;
  bottom: -72px !important;
  width: 310px !important;
  height: 310px !important;
  border: 1px solid rgba(154,145,255,.14) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, rgba(101,71,245,.22), rgba(101,71,245,.04) 48%, transparent 70%) !important;
  box-shadow: 0 0 80px rgba(101,71,245,.12), inset 0 0 70px rgba(154,145,255,.04) !important;
  animation: sbx-p2-orbit 9s ease-in-out infinite alternate !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  right: 56px !important;
  bottom: 82px !important;
  width: 190px !important;
  height: 90px !important;
  background:
    radial-gradient(circle at 0 50%, var(--p2-bridge) 0 4px, rgba(154,145,255,.18) 5px 12px, transparent 13px),
    radial-gradient(circle at 50% 50%, var(--p2-violet) 0 4px, rgba(101,71,245,.16) 5px 11px, transparent 12px),
    radial-gradient(circle at 100% 50%, var(--p2-bridge) 0 4px, rgba(154,145,255,.18) 5px 12px, transparent 13px),
    linear-gradient(90deg, rgba(154,145,255,.16), rgba(101,71,245,.72), rgba(154,145,255,.16)) center / 100% 1px no-repeat !important;
  opacity: .78 !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature > h3 {
  max-width: 520px !important;
  margin: 0 !important;
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-size: clamp(31px, 3vw, 44px) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -.047em !important;
  text-wrap: balance !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__feature > p {
  max-width: 500px !important;
  margin: 24px 0 38px !important;
  color: rgba(244,243,250,.58) !important;
  -webkit-text-fill-color: rgba(244,243,250,.58) !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

html body.home.sc-body.sbx4-page #problem .cap-dependency {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(50px, 1fr) max-content !important;
  gap: 14px !important;
  align-items: center !important;
  width: min(100%, 530px) !important;
  margin-top: auto !important;
  padding: 17px 18px !important;
  border: 1px solid rgba(154,145,255,.13) !important;
  border-radius: 12px !important;
  background: rgba(12,12,17,.52) !important;
  color: rgba(244,243,250,.66) !important;
  -webkit-text-fill-color: rgba(244,243,250,.66) !important;
  font-size: 11px !important;
  letter-spacing: -.01em !important;
}

html body.home.sc-body.sbx4-page #problem .cap-dependency strong {
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-weight: 500 !important;
}

html body.home.sc-body.sbx4-page #problem .cap-dependency i {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: repeating-linear-gradient(90deg, rgba(154,145,255,.34) 0 5px, transparent 5px 10px) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-dependency i::before,
html body.home.sc-body.sbx4-page #problem .cap-dependency i::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--p2-violet) !important;
  box-shadow: 0 0 14px rgba(101,71,245,.62) !important;
  transform: translateY(-50%) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-dependency i::before { left: 0 !important; }
html body.home.sc-body.sbx4-page #problem .cap-dependency i::after { right: 0 !important; }

html body.home.sc-body.sbx4-page #problem .cap-problems__list {
  display: contents !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article {
  grid-column: span 5 !important;
  display: flex !important;
  min-height: 226px !important;
  padding: 26px !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(n+3) {
  grid-column: span 4 !important;
  min-height: 250px !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article::before {
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 24px !important;
  border: 1px solid rgba(154,145,255,.17) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle, var(--p2-bridge) 0 3px, rgba(154,145,255,.16) 4px 9px, transparent 10px),
    rgba(101,71,245,.07) !important;
  box-shadow: 0 10px 28px rgba(101,71,245,.1) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 0 !important;
  right: 0 !important;
  width: 150px !important;
  height: 150px !important;
  background: radial-gradient(circle at 100% 0, rgba(101,71,245,.14), transparent 70%) !important;
  pointer-events: none !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(2)::before {
  border-radius: 50% !important;
  background:
    linear-gradient(90deg, transparent 46%, var(--p2-bridge) 46% 54%, transparent 54%),
    linear-gradient(transparent 46%, var(--p2-bridge) 46% 54%, transparent 54%),
    rgba(101,71,245,.07) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(3)::before {
  background:
    linear-gradient(135deg, transparent 36%, var(--p2-bridge) 37% 44%, transparent 45%),
    linear-gradient(45deg, transparent 36%, var(--p2-violet) 37% 44%, transparent 45%),
    rgba(101,71,245,.07) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(4)::before {
  background:
    radial-gradient(circle at 34% 64%, var(--p2-bridge) 0 3px, transparent 4px),
    radial-gradient(circle at 66% 34%, var(--p2-violet) 0 3px, transparent 4px),
    linear-gradient(135deg, transparent 48%, rgba(154,145,255,.48) 49% 51%, transparent 52%),
    rgba(101,71,245,.07) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(5)::before {
  background:
    linear-gradient(90deg, transparent 25%, rgba(154,145,255,.54) 26% 30%, transparent 31% 48%, rgba(101,71,245,.7) 49% 53%, transparent 54% 72%, rgba(154,145,255,.54) 73% 77%, transparent 78%),
    rgba(101,71,245,.07) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list > article > div {
  display: block !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list h3 {
  margin: 0 !important;
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-size: clamp(19px, 1.6vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list p {
  margin: 12px 0 22px !important;
  color: rgba(244,243,250,.54) !important;
  -webkit-text-fill-color: rgba(244,243,250,.54) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

html body.home.sc-body.sbx4-page #problem .cap-problems__list article > span {
  align-self: flex-start !important;
  display: inline-flex !important;
  min-height: 26px !important;
  padding: 6px 10px !important;
  align-items: center !important;
  border: 1px solid rgba(154,145,255,.13) !important;
  border-radius: 999px !important;
  background: rgba(101,71,245,.07) !important;
  color: var(--p2-bridge) !important;
  -webkit-text-fill-color: var(--p2-bridge) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(190px, .6fr) minmax(0, 1.4fr) !important;
  gap: 44px !important;
  align-items: center !important;
  min-height: 230px !important;
  margin-top: 14px !important;
  overflow: hidden !important;
  padding: 36px 48px !important;
  border: 1px solid rgba(154,145,255,.2) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 86% 50%, rgba(154,145,255,.18), rgba(154,145,255,0) 28%),
    linear-gradient(135deg, #21172F 0%, #3A236A 64%, #12131B 140%) !important;
  box-shadow: inset 0 1px 0 rgba(244,243,250,.04), 0 34px 88px rgba(12,12,17,.32) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 50% !important;
  right: 5% !important;
  width: 280px !important;
  height: 280px !important;
  border: 1px solid rgba(154,145,255,.14) !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
  box-shadow: inset 0 0 80px rgba(101,71,245,.1), 0 0 70px rgba(101,71,245,.12) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 50% !important;
  right: 9% !important;
  width: 180px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--p2-bridge), transparent) !important;
  box-shadow:
    -84px 0 0 rgba(154,145,255,.2),
    84px 0 0 rgba(154,145,255,.2) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost > strong {
  position: relative !important;
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-size: clamp(76px, 8.5vw, 118px) !important;
  font-weight: 500 !important;
  line-height: .8 !important;
  letter-spacing: -.075em !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost > strong::after {
  content: "" !important;
  position: absolute !important;
  right: -18px !important;
  bottom: 4px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: var(--p2-bridge) !important;
  box-shadow: 0 0 0 8px rgba(154,145,255,.08), 0 0 24px rgba(154,145,255,.5) !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost h3 {
  max-width: 520px !important;
  margin: 0 !important;
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-size: clamp(28px, 2.8vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

html body.home.sc-body.sbx4-page #problem .cap-cost p {
  max-width: 600px !important;
  margin: 14px 0 0 !important;
  color: rgba(244,243,250,.62) !important;
  -webkit-text-fill-color: rgba(244,243,250,.62) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* Quote closes the chapter without a hard surface change */
html body.home.sc-body.sbx4-page main#brx-content > #brxe-scqt01.sc-quote {
  position: relative !important;
  isolation: isolate !important;
  min-height: 390px !important;
  margin-top: -2px !important;
  overflow: hidden !important;
  padding: 96px 24px 112px !important;
  border: 0 !important;
  background:
    radial-gradient(ellipse 48% 76% at 50% 58%, rgba(101,71,245,.2), rgba(101,71,245,0) 70%),
    linear-gradient(180deg, #12131B 0%, #12131B 18%, #21172F 58%, #12131B 100%) !important;
}

html body.home.sc-body.sbx4-page #brxe-scqt01::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 46% !important;
  left: 50% !important;
  width: min(900px, 76vw) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(154,145,255,.42), transparent) !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 0 40px rgba(101,71,245,.18) !important;
}

html body.home.sc-body.sbx4-page #brxe-scqt01 .sc-wrap {
  position: relative !important;
  z-index: 2 !important;
  width: min(920px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body.home.sc-body.sbx4-page #brxe-scqt01 :where(blockquote,.sc-quote__text,h2,p:first-child) {
  max-width: 860px !important;
  margin-inline: auto !important;
  color: var(--p2-ink) !important;
  -webkit-text-fill-color: var(--p2-ink) !important;
  font-size: clamp(34px, 4.2vw, 56px) !important;
  font-weight: 500 !important;
  line-height: 1.06 !important;
  letter-spacing: -.052em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.home.sc-body.sbx4-page #brxe-scqt01 :where(cite,.sc-quote__by,.sc-label,p:last-child) {
  display: table !important;
  margin: 24px auto 0 !important;
  color: var(--p2-bridge) !important;
  -webkit-text-fill-color: var(--p2-bridge) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

@keyframes sbx-p2-node {
  0%, 100% { opacity: .58; transform: translateY(-50%) scale(.88); }
  50% { opacity: 1; transform: translateY(-50%) scale(1.06); }
}

@keyframes sbx-p2-orbit {
  from { opacity: .68; transform: translate3d(0,0,0) scale(.96); }
  to { opacity: 1; transform: translate3d(-8px,-7px,0) scale(1.04); }
}

@media (max-width: 991px) {
  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr__list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__feature {
    grid-column: span 12 !important;
    grid-row: auto !important;
    min-height: 440px !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article,
  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(n+3) {
    grid-column: span 6 !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:last-child {
    grid-column: span 12 !important;
    min-height: 220px !important;
  }
}

@media (max-width: 767px) {
  html body.home.sc-body.sbx4-page main#brx-content > #brxe-scig01 {
    padding: 18px 18px 68px !important;
  }

  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-wrap,
  html body.home.sc-body.sbx4-page #problem > .sc-wrap {
    width: 100% !important;
  }

  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr {
    padding: 22px !important;
  }

  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-integr__list > span:last-child {
    grid-column: 1 / -1 !important;
  }

  html body.home.sc-body.sbx4-page main#brx-content > #problem.sc-light {
    padding: 80px 18px 96px !important;
  }

  html body.home.sc-body.sbx4-page #problem > .sc-wrap > .sc-h2 {
    margin-bottom: 46px !important;
    font-size: clamp(38px, 10.8vw, 50px) !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__feature,
  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article,
  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:nth-child(n+3),
  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article:last-child {
    grid-column: 1 !important;
    min-height: auto !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__feature {
    padding: 30px !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__feature > h3 {
    font-size: clamp(30px, 8.2vw, 40px) !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article {
    padding: 25px !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-dependency {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 30px !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-dependency i {
    width: 100% !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-cost {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 34px 30px !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-cost > strong {
    width: max-content !important;
  }

  html body.home.sc-body.sbx4-page main#brx-content > #brxe-scqt01.sc-quote {
    min-height: 340px !important;
    padding: 82px 18px 94px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home.sc-body.sbx4-page #brxe-scig01 .sc-label::before,
  html body.home.sc-body.sbx4-page #problem .cap-problems__feature::before {
    animation: none !important;
  }

  html body.home.sc-body.sbx4-page #problem .cap-problems__feature,
  html body.home.sc-body.sbx4-page #problem .cap-problems__list > article {
    transition: none !important;
  }
}

/* Phase 2 layout and material cascade lock */
html body.home.sc-body.sbx4-page main#brx-content > section#brxe-scig01 {
  background-color: #12131B !important;
  background-image:
    radial-gradient(ellipse 42% 90% at 50% -18%, rgba(101,71,245,.12), rgba(101,71,245,0) 72%),
    linear-gradient(180deg, #0C0C11 0%, #12131B 100%) !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__feature,
html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  border: 1px solid rgba(154,145,255,.13) !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__feature {
  grid-column: span 7 !important;
  grid-row: span 2 !important;
  background-color: #21172F !important;
  background-image:
    radial-gradient(circle at 80% 78%, rgba(101,71,245,.2), rgba(101,71,245,0) 36%),
    linear-gradient(145deg, rgba(33,23,47,.9), rgba(18,19,27,.82)) !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article {
  grid-column: span 5 !important;
  background-color: #191A24 !important;
  background-image: linear-gradient(145deg, rgba(25,26,36,.88), rgba(18,19,27,.74)) !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article:nth-child(n+3) {
  grid-column: span 4 !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#brxe-scqt01.sc-quote {
  background-color: #21172F !important;
  background-image:
    radial-gradient(ellipse 48% 76% at 50% 58%, rgba(101,71,245,.2), rgba(101,71,245,0) 70%),
    linear-gradient(180deg, #12131B 0%, #12131B 18%, #21172F 58%, #12131B 100%) !important;
}

@media (max-width: 991px) {
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__feature {
    grid-column: span 12 !important;
    grid-row: auto !important;
  }

  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article,
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article:nth-child(n+3) {
    grid-column: span 6 !important;
  }

  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article:last-child {
    grid-column: span 12 !important;
  }
}

@media (max-width: 767px) {
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__feature,
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article,
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article:nth-child(n+3),
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__list > article:last-child {
    grid-column: 1 !important;
  }
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: minmax(226px, auto) !important;
  gap: 14px !important;
}
@media (max-width: 767px) {
  html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__feature {
  margin: 0 !important;
  align-self: stretch !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#problem .cap-problems .cap-problems__feature {
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  padding: 38px !important;
  transform: none !important;
}

html body.home.sc-body.sbx4-page main#brx-content > section#brxe-scqt01.sc-quote::after {
  content: "" !important;
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  display: block !important;
  background:
    radial-gradient(ellipse 48% 76% at 50% 58%, rgba(101,71,245,.2), rgba(101,71,245,0) 70%),
    linear-gradient(180deg, #12131B 0%, #12131B 18%, #21172F 58%, #12131B 100%) !important;
  pointer-events: none !important;
}