/* Homepage information flow: keep long-form help content on the shared dark canvas. */
body.home-wide-body .home-wide-page > .how,
body.home-wide-body .home-wide-page > .faq {
  width: min(1320px, calc(100vw - clamp(24px, 7vw, 136px))) !important;
  max-width: 1320px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

body.home-wide-body .home-wide-page > .how {
  margin-top: clamp(72px, 8vw, 124px) !important;
  margin-bottom: clamp(82px, 9vw, 138px) !important;
  padding: 0 !important;
}

body.home-wide-body .home-wide-page .how-header {
  margin-bottom: clamp(24px, 3vw, 38px) !important;
}

body.home-wide-body .home-wide-page .how-title {
  max-width: 820px;
  color: rgba(247, 249, 252, 0.97) !important;
  font-family: "Space Grotesk", "Manrope", system-ui, sans-serif !important;
  font-size: clamp(2rem, 4vw, 3.35rem) !important;
  font-weight: 650 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  text-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
}

body.home-wide-body .home-wide-page .how-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(560px 220px at 8% 0%, rgba(44, 225, 145, 0.075), transparent 72%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 28px 72px rgba(0, 0, 0, 0.18) !important;
}

body.home-wide-body .home-wide-page .how-grid::before {
  display: none !important;
}

body.home-wide-body .home-wide-page .how-card {
  min-width: 0 !important;
  min-height: 248px !important;
  padding: clamp(24px, 2.3vw, 34px) !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  transition: background-color 180ms ease, box-shadow 180ms ease !important;
}

body.home-wide-body .home-wide-page .how-card:last-child {
  border-right: 0 !important;
}

body.home-wide-body .home-wide-page .how-card:hover {
  background: rgba(52, 229, 143, 0.045) !important;
  box-shadow: inset 0 2px 0 rgba(52, 229, 143, 0.32) !important;
}

body.home-wide-body .home-wide-page .how-number {
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(72, 235, 161, 0.32) !important;
  border-radius: 13px !important;
  color: rgba(202, 255, 228, 0.94) !important;
  background: rgba(43, 217, 143, 0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.home-wide-body .home-wide-page .how-card h3 {
  margin: 0 0 12px !important;
  color: rgba(247, 249, 252, 0.95) !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  font-weight: 760 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

body.home-wide-body .home-wide-page .how-card p {
  margin: 0 !important;
  color: rgba(203, 213, 228, 0.68) !important;
  font-size: 14px !important;
  line-height: 1.68 !important;
}

body.home-wide-body .home-wide-page > .faq {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  margin-bottom: clamp(72px, 8vw, 124px) !important;
  padding: 0 !important;
}

body.home-wide-body .home-wide-page > .faq .faq-header {
  position: relative !important;
  z-index: 2 !important;
  max-width: 820px !important;
  margin-bottom: clamp(28px, 3.5vw, 46px) !important;
}

body.home-wide-body .home-wide-page > .faq .faq-eyebrow {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  min-height: 28px !important;
  margin-bottom: 14px !important;
  padding: 0 11px !important;
  align-items: center !important;
  border: 1px solid rgba(53, 229, 141, 0.22) !important;
  border-radius: 999px !important;
  color: rgba(124, 244, 184, 0.9) !important;
  background: rgba(53, 229, 141, 0.075) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body.home-wide-body .home-wide-page > .faq .faq-header h2 {
  margin: 0 0 12px !important;
  color: rgba(247, 249, 252, 0.97) !important;
  font-family: "Space Grotesk", "Manrope", system-ui, sans-serif !important;
  font-size: clamp(2rem, 4vw, 3.35rem) !important;
  font-weight: 650 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}

body.home-wide-body .home-wide-page > .faq .faq-header p {
  margin: 0 !important;
  color: rgba(203, 213, 228, 0.68) !important;
  font-size: clamp(0.94rem, 1.4vw, 1.06rem) !important;
  line-height: 1.65 !important;
}

body.home-wide-body .home-wide-page > .faq .faq-layout {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 350px) !important;
  gap: clamp(22px, 3vw, 38px) !important;
  align-items: start !important;
}

body.home-wide-body .home-wide-page > .faq .faq-list {
  gap: 10px !important;
}

body.home-wide-body .home-wide-page > .faq .faq-item {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.085) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.026) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  transition: border-color 180ms ease, background-color 180ms ease !important;
}

body.home-wide-body .home-wide-page > .faq .faq-item::before {
  display: none !important;
}

body.home-wide-body .home-wide-page > .faq .faq-item:hover {
  border-color: rgba(255, 255, 255, 0.145) !important;
  background: rgba(255, 255, 255, 0.038) !important;
}

body.home-wide-body .home-wide-page > .faq .faq-item.active {
  border-color: rgba(53, 229, 141, 0.2) !important;
  background:
    linear-gradient(90deg, rgba(53, 229, 141, 0.052), transparent 62%),
    rgba(255, 255, 255, 0.032) !important;
}

body.home-wide-body .home-wide-page > .faq .faq-question {
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 19px 20px !important;
  color: rgba(241, 245, 250, 0.92) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.42 !important;
}

body.home-wide-body .home-wide-page > .faq .faq-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 9px !important;
  color: rgba(205, 216, 230, 0.74) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transform: none !important;
}

body.home-wide-body .home-wide-page > .faq .faq-item.active .faq-icon {
  border-color: rgba(53, 229, 141, 0.3) !important;
  color: #07120c !important;
  background: linear-gradient(135deg, #4bea9f, #18bd76) !important;
  transform: rotate(45deg) !important;
}

body.home-wide-body .home-wide-page > .faq .faq-answer p {
  margin: 0 !important;
  padding: 0 20px 20px !important;
  color: rgba(196, 207, 222, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

body.home-wide-body .home-wide-page > .faq .faq-sticky {
  top: 104px !important;
  padding: 26px !important;
  border: 1px solid rgba(80, 232, 157, 0.17) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(320px 190px at 8% 0%, rgba(53, 229, 141, 0.105), transparent 72%),
    linear-gradient(150deg, rgba(34, 45, 58, 0.9), rgba(18, 25, 35, 0.96)) !important;
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  backdrop-filter: blur(16px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
}

body.home-wide-body .home-wide-page > .faq .faq-sticky__badge {
  color: rgba(161, 250, 205, 0.9) !important;
  background: rgba(53, 229, 141, 0.1) !important;
  border-color: rgba(53, 229, 141, 0.22) !important;
}

body.home-wide-body .home-wide-page > .faq .faq-sticky h3 {
  margin: 18px 0 10px !important;
  color: rgba(247, 249, 252, 0.96) !important;
  font-size: clamp(1.35rem, 2vw, 1.7rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.035em !important;
}

body.home-wide-body .home-wide-page > .faq .faq-sticky p {
  margin: 0 0 22px !important;
  color: rgba(203, 213, 228, 0.7) !important;
  line-height: 1.65 !important;
}

body.home-wide-body .home-wide-page > .faq .faq-chat-btn {
  min-height: 48px !important;
  border: 1px solid rgba(83, 238, 164, 0.28) !important;
  border-radius: 15px !important;
  color: #06110b !important;
  background: linear-gradient(135deg, #e8fff3 0%, #49eaa0 48%, #18bd76 100%) !important;
  box-shadow: 0 16px 38px rgba(29, 204, 125, 0.18) !important;
}

body.home-wide-body .home-wide-page > .home-final-cta {
  width: min(1320px, calc(100vw - clamp(24px, 7vw, 136px))) !important;
  max-width: 1320px !important;
  margin: 0 auto clamp(74px, 8vw, 124px) !important;
  padding: clamp(34px, 5vw, 68px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: clamp(26px, 3vw, 40px) !important;
  background:
    radial-gradient(620px 300px at 4% -16%, rgba(53, 229, 141, 0.14), transparent 70%),
    radial-gradient(520px 280px at 100% 120%, rgba(94, 130, 255, 0.12), transparent 72%),
    linear-gradient(145deg, rgba(29, 39, 51, 0.86), rgba(13, 18, 27, 0.94)) !important;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.home-wide-body .home-wide-page > .home-final-cta .home-final-cta__content {
  max-width: 820px !important;
}

body.home-wide-body .home-wide-page > .home-final-cta .home-final-cta__eyebrow {
  color: rgba(112, 241, 177, 0.9) !important;
}

body.home-wide-body .home-wide-page > .home-final-cta h2 {
  color: rgba(248, 250, 253, 0.98) !important;
  font-size: clamp(2rem, 4vw, 3.45rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}

body.home-wide-body .home-wide-page > .home-final-cta p:not(.home-final-cta__eyebrow) {
  color: rgba(205, 215, 229, 0.72) !important;
  line-height: 1.7 !important;
}

body.home-wide-body .home-wide-page > .home-final-cta .btn {
  min-height: 48px !important;
  border-radius: 15px !important;
}

body.home-wide-body .home-wide-page > .home-final-cta .btn:not(.secondary) {
  color: #06110b !important;
  border-color: rgba(83, 238, 164, 0.3) !important;
  background: linear-gradient(135deg, #dffff0 0%, #48e99f 48%, #18bd76 100%) !important;
  box-shadow: 0 16px 38px rgba(29, 204, 125, 0.18) !important;
}

body.home-wide-body .home-wide-page > .home-final-cta .btn.secondary {
  color: rgba(241, 246, 252, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

@media (max-width: 980px) {
  body.home-wide-body .home-wide-page .how-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-wide-body .home-wide-page .how-card:nth-child(2) {
    border-right: 0 !important;
  }

  body.home-wide-body .home-wide-page .how-card:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  }

  body.home-wide-body .home-wide-page > .faq .faq-layout {
    grid-template-columns: 1fr !important;
  }

  body.home-wide-body .home-wide-page > .faq .faq-sticky {
    position: static !important;
  }
}

@media (max-width: 640px) {
  body.home-wide-body .home-wide-page > .how,
  body.home-wide-body .home-wide-page > .faq,
  body.home-wide-body .home-wide-page > .home-final-cta {
    width: calc(100vw - 24px) !important;
  }

  body.home-wide-body .home-wide-page > .how {
    margin-top: 64px !important;
    margin-bottom: 82px !important;
  }

  body.home-wide-body .home-wide-page .how-title,
  body.home-wide-body .home-wide-page > .faq .faq-header h2,
  body.home-wide-body .home-wide-page > .home-final-cta h2 {
    font-size: clamp(1.85rem, 9vw, 2.55rem) !important;
  }

  body.home-wide-body .home-wide-page .how-grid {
    grid-template-columns: 1fr !important;
    border-radius: 22px !important;
  }

  body.home-wide-body .home-wide-page .how-card {
    min-height: 0 !important;
    padding: 22px 20px 22px 72px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  }

  body.home-wide-body .home-wide-page .how-card:last-child {
    border-bottom: 0 !important;
  }

  body.home-wide-body .home-wide-page .how-number {
    position: absolute !important;
    top: 22px !important;
    left: 18px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
  }

  body.home-wide-body .home-wide-page > .faq .faq-question {
    padding: 17px 16px !important;
  }

  body.home-wide-body .home-wide-page > .faq .faq-answer p {
    padding: 0 16px 18px !important;
  }

  body.home-wide-body .home-wide-page > .faq .faq-sticky {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  body.home-wide-body .home-wide-page > .home-final-cta {
    padding: 30px 22px !important;
    border-radius: 26px !important;
  }

  body.home-wide-body .home-wide-page > .home-final-cta .home-final-cta__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-wide-body .home-wide-page .how-card,
  body.home-wide-body .home-wide-page > .faq .faq-item {
    transition: none !important;
  }
}

/* Give heading glyphs room outside the section's zero-padding content edge. */
body.home-wide-body .home-wide-page > .faq .faq-header {
  box-sizing: border-box;
  overflow: visible !important;
  padding-inline-start: 0.5em;
}

body.home-wide-body .home-wide-page > .faq .faq-header h2 {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  padding: 0;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
}