.bsai-nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0 11px;
  border: 1px solid var(--bsai-line);
  border-radius: var(--bsai-radius-sm);
  background: transparent;
  cursor: pointer;
}

.bsai-nav-toggle span {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: var(--bsai-fg);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.bsai-header--open .bsai-nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.bsai-header--open .bsai-nav-toggle span:nth-child(2) { opacity: 0; }
.bsai-header--open .bsai-nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.bsai-page .bsai-contain { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.bsai-page .bsai-demo__grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); }
.bsai-page .bsai-footer__cols { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); }

@media (max-width: 1310px) {
  .bsai-header__bar,
  .bsai-page .bsai-sec {
    padding-left: clamp(20px, 6vw, 130px);
    padding-right: clamp(20px, 6vw, 130px);
  }

  .bsai-page .bsai-heading--h3 .gsc-heading__title { white-space: normal; }
}

@media (max-width: 1100px) {
  .bsai-nav-toggle { display: flex; }

  .bsai-page .bsai-hero__para p {
    width: auto;
    max-width: 540px;
  }

  .bsai-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px clamp(20px, 6vw, 130px) 20px;
    border-bottom: 1px solid var(--bsai-line-soft);
    background: var(--bsai-bg);
  }

  .bsai-header--open .bsai-nav { display: flex; }

  .bsai-nav__link {
    padding: 14px 0;
    border-bottom: 1px solid var(--bsai-line-soft);
    font-size: 16px;
  }

  .bsai-nav .bsai-btn {
    margin-top: 16px;
    padding: 14px 20px;
  }

  .bsai-page .bsai-hero .row-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }

  .bsai-page .bsai-hero .gsc-column {
    flex: none;
    width: 100%;
  }

  .bsai-page .bsai-heading--hero .gsc-heading__title {
    font-size: 52px;
    letter-spacing: -1.5px;
  }

  .bsai-page .bsai-contain,
  .bsai-page .bsai-demo__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
  }

  .bsai-page .bsai-footer__cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 32px;
  }

  .bsai-page .bsai-footer__cols > :first-child { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
  .bsai-page .bsai-sec--first { padding-top: 64px; }
  .bsai-page .bsai-sec--last { padding-bottom: 64px; }
  .bsai-page .bsai-demo { padding-top: 64px; padding-bottom: 64px; }

  .bsai-page .bsai-heading .gsc-heading__title,
  .bsai-page .bsai-demo__h { font-size: 36px; letter-spacing: -0.7px; }
  .bsai-page .bsai-heading--h3 .gsc-heading__title { font-size: 28px; }
  .bsai-page .bsai-heading .gsc-heading__desc,
  .bsai-page .bsai-demo__p { font-size: 16.5px; }

  .bsai-quotes,
  .bsai-page .bsai-outputs,
  .bsai-page .bsai-auds { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }

  .bsai-phases,
  .bsai-steps,
  .bsai-remed { flex-direction: column; }

  .bsai-phases { gap: 14px; }
  .bsai-phase--2,
  .bsai-phase--1 { flex: none; }

  .bsai-arrow { width: 100%; height: 16px; }
  .bsai-arrow img { transform: rotate(90deg); }

  .bsai-remed { align-items: stretch; }
  .bsai-posture { width: 100%; }

  .bsai-page .bsai-split .row-wrapper { flex-direction: column; }
  .bsai-page .bsai-split__score { width: 100%; }
  .bsai-page .bsai-split .column-inner,
  .bsai-page .bsai-split .column-content-inner,
  .bsai-page .bsai-split .bsai-block { height: auto; }
  .bsai-scorecard { height: auto; }


  .bsai-page .bsai-split + .bsai-sec--mid .bsai-callout { width: 100%; }

  .bsai-page .bsai-breaker {
    height: auto;
    padding: 28px 16px;
  }

  .bsai-page .bsai-breaker__line { display: none; }

  .bsai-page .bsai-breaker__steps {
    position: static;
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px 20px;
    width: auto;
  }

  .bsai-page .bsai-bstep__sub { white-space: normal; }
}

@media (max-width: 700px) {
  .bsai-lrow {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .bsai-lrow__label,
  .bsai-lrow__label--wide { width: auto; }

  .bsai-page .bsai-fact {
    flex-wrap: wrap;
    gap: 4px 20px;
  }

  .bsai-page .bsai-fact__v { text-align: left; }
}

@media (max-width: 600px) {
  .bsai-header__bar { gap: 12px; }
  .bsai-logo__word { letter-spacing: 3px; font-size: 12px; }

  .bsai-page .bsai-sec--first { padding-top: 48px; }
  .bsai-page .bsai-sec--last { padding-bottom: 48px; }
  .bsai-page .bsai-demo { padding-top: 48px; padding-bottom: 48px; }
  .bsai-page .bsai-pt48 { padding-top: 56px; }

  .bsai-page .bsai-hero {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .bsai-page .bsai-heading--hero .gsc-heading__title {
    font-size: 38px;
    letter-spacing: -1px;
  }

  .bsai-page .bsai-heading--hero .gsc-heading__desc { font-size: 18px; }
  .bsai-page .bsai-hero__para p { font-size: 16px; }

  .bsai-page .bsai-hero__copy .column-content-inner > .gsc-button {
    flex: 1 1 100%;
    text-align: center;
  }

  .bsai-page .bsai-facts p { white-space: normal; }

  .bsai-page .bsai-heading .gsc-heading__title,
  .bsai-page .bsai-demo__h { font-size: 30px; }
  .bsai-page .bsai-heading--h3 .gsc-heading__title { font-size: 24px; }
  .bsai-page .bsai-contain__h { font-size: 24px; }

  .bsai-dash__posture {
    flex-direction: column;
    align-items: flex-start;
  }

  .bsai-dims { width: 100%; }
  .bsai-dim-row { flex: 1 1 130px; width: auto; }

  .bsai-dash__foot { flex-direction: column; gap: 4px; }
  .bsai-dash__fix { padding: 10px 14px; }
  .bsai-dash__bar { gap: 10px; }

  .bsai-fix { flex-wrap: wrap; }
  .bsai-fix__n { width: auto; }

  .bsai-quote__body { padding: 18px; }
  .bsai-lrow { padding: 16px; }
  .bsai-page .bsai-lrow--tight { padding: 14px 16px; }
  .bsai-chip { white-space: normal; }

  .bsai-page .bsai-form { padding: 20px; }
  .bsai-page .bsai-form__row { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }

  .bsai-page .bsai-demo__email { flex-wrap: wrap; }
  .bsai-page .bsai-demo__email code { word-break: break-all; }


  .bsai-page .bsai-faq__q { gap: 16px; font-size: 16.5px; padding: 12px 0; }

  .bsai-page .bsai-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bsai-page .bsai-footer__base {
    flex-direction: column;
    gap: 6px;
  }
}

.bsai-dimcards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.bsai-dimcard {
  width: auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bsai-principles { gap: 14px; }

@media (max-width: 600px) {
  .bsai-dimcards,
  .bsai-principles { gap: 8px; }

  .bsai-dimcard { padding: 12px 10px; }
  .bsai-dimcard .bsai-label { letter-spacing: 1px; font-size: 10.5px; }
  .bsai-dimcard__text { font-size: 12.5px; }
  .bsai-principle { padding: 12px 8px 0; }
  .bsai-principle__t { font-size: 14px; }
  .bsai-principle__d { font-size: 12.5px; overflow-wrap: anywhere; }
}

@media (max-width: 600px) {
  .bsai-page .bsai-success { padding: 22px 20px; }
  .bsai-page .bsai-success__title { font-size: 20px; }
  .bsai-page .bsai-success__text { font-size: 16px; }
}