.bb-about-content, .bb-about-content *, .bb-about-content *::before, .bb-about-content *::after {


  box-sizing: border-box;


}





.bb-about-content {


  --teal: #00D2D2;


  --coral: #FF5E5B;


  --gray: #888888;


  --white: #FFFFFF;


  --black: #000000;


  --dark: #111111;


  --darker: #0A0A0A;


  --font-heading: 'Montserrat','Segoe UI',Arial,sans-serif;


  --font-body: 'Inter','Segoe UI',system-ui,sans-serif;


  --font-mono: 'Space Mono', monospace;


  width:100%; margin-left:0; margin-right:0; overflow-x:hidden;


  background: var(--black);


  color: var(--white);


  font-family: var(--font-body);


  line-height: 1.6;


  overflow-x: hidden;


}





.bb-about-content h1,


.bb-about-content h2,


.bb-about-content h3,


.bb-about-content h4,


.bb-about-content p {


  margin-top: 0;


}





.bb-about-content h1,


.bb-about-content h2,


.bb-about-content h3,


.bb-about-content h4 {


  font-family: var(--font-heading);


  font-weight: 800;


  line-height: 1.18;


  letter-spacing: -0.02em;


  color: #fff;


}





.bb-about-content h1 {


  font-size: clamp(2.15rem, 5vw, 3.75rem);


  margin-bottom: 22px;


}





.bb-about-content h2 {


  font-size: clamp(1.6rem, 3.5vw, 2.35rem);


  margin-bottom: 16px;


}





.bb-about-content h3 {


  font-size: 1.06rem;


  margin-bottom: 8px;


}





.bb-about-content p {


  font-size: 1rem;


  color: #c9c9c9;


  margin-bottom: 16px;


  max-width: 720px;


}





.bb-about-content a {


  color: var(--teal);


  text-decoration: none;


}





.bb-about-content a:hover {


  text-decoration: underline;


}





.bb-about__container {


  max-width: 1200px;


  margin: 0 auto;


  padding: 0 24px;


}





.bb-about__container-narrow {


  max-width: 820px;


  margin: 0 auto;


  padding: 0 24px;


}





.bb-about__section {


  padding: 82px 0;


}





.bb-about__section-alt {


  background: var(--dark);


}





.bb-section-label {


  display: block;


  margin-bottom: 14px;


  font-family: var(--font-mono);


  font-size: 0.72rem;


  color: var(--coral);


  text-transform: uppercase;


  letter-spacing: 0.16em;


  font-weight: 700;


}





.bb-section-sub {


  color: #9a9a9a;


  max-width: 700px;


  margin-bottom: 34px;


}





.bb-btn,


.bb-about-content .bb-btn,


.bb-about-content a.bb-btn {


  display: inline-flex;


  align-items: center;


  justify-content: center;


  min-height: 48px;


  padding: 14px 26px;


  border-radius: 4px;


  font-family: var(--font-body);


  font-size: 0.98rem;


  font-weight: 800;


  line-height: 1.2;


  text-decoration: none !important;


  border: 2px solid transparent;


  cursor: pointer;


  transition: opacity 0.2s ease, transform 0.15s ease, background 0.2s ease, color 0.2s ease;


  text-align: center;


  white-space: normal;


}





.bb-btn:hover {


  opacity: 0.94;


  transform: translateY(-1px);


  text-decoration: none !important;


}





.bb-btn-primary {


  background: var(--teal);


  color: #000 !important;


  box-shadow: 0 0 24px rgba(0,210,210,0.14);


}





.bb-btn-coral {


  background: var(--coral);


  color: #000 !important;


  box-shadow: 0 0 24px rgba(255,94,91,0.13);


}





.bb-btn-ghost {


  background: transparent;


  color: var(--coral) !important;


  border-color: var(--coral);


}





.bb-btn-ghost:hover {


  background: var(--coral);


  color: #000 !important;


}





.bb-about__hero {


  padding: 104px 0 86px;


  background:


    radial-gradient(circle at 15% 10%, rgba(0,210,210,0.08) 0%, transparent 34%),


    radial-gradient(circle at 85% 18%, rgba(255,94,91,0.06) 0%, transparent 28%),


    #000;


  text-align: center;


  border-top: 1px solid #0d0d0d;


}





.bb-about__hero h1 {


  max-width: 880px;


  margin-left: auto;


  margin-right: auto;


}





.bb-about__hero-subhead {


  font-size: 1.12rem;


  color: #cfcfcf;


  max-width: 700px;


  margin: 0 auto 12px;


  line-height: 1.72;


}





.bb-about__hero-reassurance {


  font-size: 0.94rem;


  color: #8f8f8f;


  max-width: 620px;


  margin: 0 auto 36px;


}





.bb-about__hero-ctas {


  display: flex;


  gap: 16px;


  justify-content: center;


  flex-wrap: wrap;


  margin-bottom: 48px;


}





.bb-trust-bar {


  display: flex;


  flex-wrap: wrap;


  gap: 10px;


  justify-content: center;


  max-width: 980px;


  margin: 0 auto;


}





.bb-trust-pill {


  background: #0d0d0d;


  border: 1px solid #242424;


  border-radius: 999px;


  padding: 7px 14px;


  font-size: 0.78rem;


  color: #aaa;


  white-space: normal;


}





.bb-trust-pill strong {


  color: var(--teal);


  font-weight: 800;


}





.bb-card-grid-4 {


  display: grid;


  grid-template-columns: repeat(4, 1fr);


  gap: 18px;


  margin-top: 32px;


}





.bb-card-grid-3 {


  display: grid;


  grid-template-columns: repeat(3, 1fr);


  gap: 22px;


  margin-top: 32px;


}





.bb-card-grid-2 {


  display: grid;


  grid-template-columns: repeat(2, 1fr);


  gap: 28px;


  margin-top: 32px;


}





.bb-about-card {


  background: #0a0a0a;


  border: 1px solid #1f1f1f;


  border-radius: 8px;


  padding: 26px 24px;


  transition: border-color 0.2s ease, transform 0.15s ease;


  min-width: 0;


}





.bb-about-card:hover {


  border-color: var(--teal);


  transform: translateY(-1px);


}





.bb-about-card.coral {


  border-left: 4px solid var(--coral);


}





.bb-about-card.teal {


  border-left: 4px solid var(--teal);


}





.bb-about-card-icon {


  font-size: 1.55rem;


  margin-bottom: 12px;


  line-height: 1;


}





.bb-about-card h3 {


  color: #fff;


}





.bb-about-card p {


  font-size: 0.91rem;


  color: #919191;


  max-width: none;


  margin-bottom: 0;


}





.bb-callout {


  background: #080808;


  border: 1px solid #222;


  border-left: 4px solid var(--teal);


  border-radius: 8px;


  padding: 24px;


  margin: 28px 0 0;


}





.bb-callout-label {


  font-family: var(--font-mono);


  font-size: 0.72rem;


  color: var(--teal);


  text-transform: uppercase;


  letter-spacing: 0.14em;


  font-weight: 700;


  margin-bottom: 8px;


}





.bb-callout p {


  color: #cfcfcf;


  font-size: 0.94rem;


  max-width: none;


  margin: 0;


}





.bb-service-card {


  background: #0a0a0a;


  border: 1px solid #1f1f1f;


  border-radius: 8px;


  padding: 30px 28px;


  min-width: 0;


}





.bb-service-card h3 {


  color: var(--teal);


  font-family: var(--font-mono);


  font-size: 0.86rem;


  text-transform: uppercase;


  letter-spacing: 0.12em;


  margin-bottom: 18px;


}





.bb-service-list {


  list-style: none;


  padding: 0;


  margin: 0 0 22px;


  display: flex;


  flex-direction: column;


  gap: 11px;


}





.bb-service-list li {


  position: relative;


  padding-left: 21px;


  color: #cfcfcf;


  font-size: 0.93rem;


  line-height: 1.55;


}





.bb-service-list li::before {


  content: "";


  position: absolute;


  left: 0;


  top: 0.65em;


  width: 7px;


  height: 7px;


  border-radius: 50%;


  background: var(--teal);


}





.bb-process-card {


  text-align: center;


}





.bb-process-num {


  width: 48px;


  height: 48px;


  border-radius: 50%;


  background: var(--teal);


  color: #000;


  font-family: var(--font-heading);


  font-size: 1.2rem;


  font-weight: 800;


  display: flex;


  align-items: center;


  justify-content: center;


  margin: 0 auto 16px;


}





.bb-price-pill {


  display: inline-flex;


  margin-top: 14px;


  background: rgba(0,210,210,0.1);


  border: 1px solid rgba(0,210,210,0.3);


  color: var(--teal);


  border-radius: 999px;


  padding: 5px 12px;


  font-size: 0.82rem;


  font-weight: 800;


}





.bb-note {


  text-align: center;


  color: #8a8a8a;


  font-size: 0.9rem;


  max-width: 760px;


  margin: 28px auto 0;


}





.bb-firm-grid {


  display: grid;


  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);


  gap: 44px;


  align-items: center;


}





.bb-stat-grid {


  display: grid;


  grid-template-columns: repeat(2, 1fr);


  gap: 16px;


}





.bb-stat-card {


  background: #000;


  border: 1px solid #1f1f1f;


  border-radius: 8px;


  padding: 24px 20px;


  text-align: center;


}





.bb-stat-number {


  display: block;


  color: var(--teal);


  font-family: var(--font-heading);


  font-size: 2rem;


  font-weight: 800;


  margin-bottom: 6px;


}





.bb-stat-label {


  color: #8a8a8a;


  font-size: 0.82rem;


  line-height: 1.45;


}





.bb-credential-card {


  display: flex;


  flex-direction: column;


  gap: 8px;


}





.bb-credential-badge {


  width: 42px;


  height: 42px;


  border-radius: 50%;


  background: rgba(0,210,210,0.1);


  display: flex;


  align-items: center;


  justify-content: center;


  font-size: 1.25rem;


}





.bb-badge-row {


  display: flex;


  flex-wrap: wrap;


  gap: 12px;


  justify-content: center;


  margin-top: 32px;


  padding-top: 28px;


  border-top: 1px solid #1f1f1f;


}





.bb-badge-mini {


  background: #0a0a0a;


  border: 1px solid #1f1f1f;


  border-radius: 8px;


  padding: 12px 16px;


  display: flex;


  align-items: center;


  gap: 10px;


  color: #888;


  font-size: 0.82rem;


}





.bb-badge-mini strong {


  display: block;


  color: var(--teal);


  font-size: 0.86rem;


}





.bb-about__faq {


  display: flex;


  flex-direction: column;


  gap: 12px;


  margin-top: 32px;


}





.bb-about__faq-item {


  border: 1px solid #242424;


  border-radius: 8px;


  overflow: hidden;


  background: #0a0a0a;


}





.bb-about__faq-q,


.bb-about-content button.bb-about__faq-q {


  width: 100%;


  max-width: 100%;


  min-width: 0;


  text-align: left;


  background: #0a0a0a !important;


  border: none !important;


  color: #fff !important;


  cursor: pointer;


  padding: 19px 22px;


  display: flex;


  justify-content: space-between;


  align-items: flex-start;


  gap: 18px;


  font-family: var(--font-body);


  font-size: 0.98rem;


  font-weight: 800;


  line-height: 1.45;


  white-space: normal;


  overflow-wrap: anywhere;


  word-break: normal;


  appearance: none;


  box-shadow: none !important;


}





.bb-about__faq-q:hover,


.bb-about-content button.bb-about__faq-q:hover {


  background: #111 !important;


  color: var(--teal) !important;


}





.bb-about__faq-q[aria-expanded="true"] {


  background: #111 !important;


  color: var(--teal) !important;


}





.bb-about__faq-icon {


  color: var(--coral);


  font-size: 1.25rem;


  font-weight: 400;


  flex: 0 0 auto;


  transition: transform 0.2s ease;


  line-height: 1.2;


}





.bb-about__faq-q[aria-expanded="true"] .bb-about__faq-icon {


  transform: rotate(45deg);


}





.bb-about__faq-a {


  display: none;


  padding: 0 22px 22px;


  background: #0a0a0a !important;


}





.bb-about__faq-a.open {


  display: block;


}





.bb-about__faq-a p {


  font-size: 0.92rem;


  color: #aaa;


  max-width: none;


  margin: 0;


}





.bb-final-cta {


  text-align: center;


  padding: 88px 0;


  background:


    radial-gradient(circle at 50% 0%, rgba(0,210,210,0.07) 0%, transparent 28%),


    linear-gradient(180deg, #000 0%, #0a0a0a 100%);


}





.bb-final-cta h2 {


  max-width: 680px;


  margin-left: auto;


  margin-right: auto;


}





.bb-final-cta p {


  max-width: 560px;


  margin-left: auto;


  margin-right: auto;


  color: #969696;


  margin-bottom: 34px;


}





.bb-divider {


  height: 1px;


  background: linear-gradient(90deg, transparent, #252525 20%, #252525 80%, transparent);


}





@media (max-width: 1000px) {


  .bb-card-grid-4 {


    grid-template-columns: repeat(2, 1fr);


  }





  .bb-card-grid-3,


  .bb-card-grid-2,


  .bb-firm-grid {


    grid-template-columns: 1fr;


  }





  .bb-firm-grid {


    gap: 32px;


  }


}





@media (max-width: 640px) {


  .bb-about__section {


    padding: 60px 0;


  }





  .bb-about__hero {


    padding: 70px 0 62px;


  }





  .bb-card-grid-4,


  .bb-card-grid-3,


  .bb-card-grid-2,


  .bb-stat-grid {


    grid-template-columns: 1fr;


  }





  .bb-about__hero-ctas {


    flex-direction: column;


    align-items: stretch;


  }





  .bb-about__container,


  .bb-about__container-narrow {


    padding: 0 20px;


  }





  .bb-about__faq-q {


    padding: 17px 18px;


  }





  .bb-about__faq-a {


    padding: 0 18px 20px;


  }


}