.section-intro--services .section-intro__text a {
  color: var(--color-brand-teal);
  text-decoration: none;
  transition: color 0.3s ease;
}

.section-intro--services .section-intro__text a:hover,
.section-intro--services .section-intro__text a:focus-visible {
  color: var(--color-brand-teal-300);
}

/* ---- "What AI integration requires": center the dark section header ---- */
#ai-integration-requires .ls-build__header {
  grid-template-columns: 1fr;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#ai-integration-differentiators h2 span {
  color: var(--accent-orange);
}

#ai-integration-requires .ls-build__header h2 {
  text-align: center;
}

#ai-integration-requires {
  background: var(--color-brand-navy-800);
}

#ai-integration-requires .ls-build__card {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* ---- Engagement models (dark 3-column card) ---- */
#ai-integration-engagement.bf-expertise {
  padding-top: var(--spacing-80);
}

/* ---- Where we work (industry cards) ---- */
.aii-section.section-industries--cards {
  padding: var(--spacing-80) 0;
  background: var(--primary-bg);
}

.aii-section.section-industries--cards .section-industries__heading span {
  color: var(--color-brand-terracotta);
}

/* Icons follow homepage semantics, not default nth-child order (differs on this page) */
#aii-where .section-industries__item:nth-child(1) .section-industries__icon::before {
  content: "\f19c"; /* bank */
}

#aii-where .section-industries__item:nth-child(2) .section-industries__icon::before {
  content: "\f132"; /* shield — insurance */
}

#aii-where .section-industries__item:nth-child(3) .section-industries__icon::before {
  content: "\f0f8"; /* hospital — life sciences */
}

#aii-where .section-industries__item:nth-child(4) .section-industries__icon::before {
  content: "\e819"; /* fuel — energy */
}

#aii-where .section-industries__item:nth-child(5) .section-industries__icon::before {
  content: "\e82d"; /* team — HR & payroll */
}

#aii-where .section-industries__item:nth-child(6) .section-industries__icon::before {
  content: "\e803"; /* truck — retail & logistics */
}

#aii-where .section-industries__item:nth-child(7) .section-industries__icon::before {
  content: "\e827"; /* world — public sector */
}

.aii-form-cta.ls-section--split {
  padding-top: 0;
}

.aii-form-cta {
  padding: var(--spacing-80) 0;
  background: #fff;
}

.aii-form-cta .ls-section__header {
  margin: 0 auto;
  text-align: center;
}

.aii-form-cta .ls-section__title span {
  color: var(--color-brand-terracotta);
}

@media screen and (max-width: 768px) {
  .aii-differentiators .ls-section__header,
  .aii-form-cta .ls-section__header {
    text-align: left;
  }
}

/* ---- Final CTA: dark block matching the ls-build aesthetic ---- */
.aii-cta {
  padding: var(--spacing-80) 0;
  background: #fff;
}

.aii-cta__inner {
  position: relative;
  overflow: hidden;
  background: var(--color-brand-navy);
  border-radius: 24px;
  padding: clamp(2.5rem, 2rem + 3vw, 4.5rem);
  text-align: center;
}

.aii-cta__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(520px 220px at 50% 100%, rgba(251, 133, 0, 0.34), rgba(251, 133, 0, 0));
  pointer-events: none;
}

.aii-cta__title,
.aii-cta__text,
.aii-cta .btn {
  position: relative;
  z-index: 1;
}

.aii-cta__title {
  margin:0 auto;
  text-align: center;
  margin-bottom: var(--spacing-24);
  font-size: clamp(26px, 20px + 2vw, 40px);
  line-height: 1.25;
  color: var(--white-text);
}

.aii-cta__title span {
  color: var(--accent-orange);
}

.aii-cta__text {
  max-width: 720px;
  margin: 0 auto var(--spacing-32);
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.8);
}

.section-faq {
  padding-bottom: var(--spacing-80);
}
.aii-diff-content{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: start;
}
.aii-diff-content .btn{
align-self:start;
}
.ls-section__lead--bold{
  font-weight: var(--font-weight-600);
  color: var(--primary-text);
}
.ls-section--stuck{
  background:var(--color-brand-navy-800);
  color: #ffffff;
  padding: var(--spacing-80) 0;
}
.ls-section--stuck .ls-section__header{
  color: #ffffff;
}
.ls-section--stuck .ls-section__title{
  color: #ffffff;
}
.ls-section--stuck .ls-section__lead{
  color: rgba(255, 255, 255, 0.8);
}
.ls-section--stuck .ls-section__lead--bold{
  color: #ffffff;
}
.section-industries--cards .section-industries__item{
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
}
@media screen and (max-width: 767px) {
  .section-industries--cards .section-industries__item{
    display: flex;

  }
}
.section-news{
  padding-bottom: var(--spacing-80);
}
.section-industries--cards .section-industries__title{
  min-height: unset;
}
@media screen and (max-width: 767px){
  .section-industries--cards .section-industries__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    }
}
.ls-section__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-16);
}

.ls-section--split .ls-section__header{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  gap: var(--spacing-80);
}

/* Mobile shows this page's hero as the video poster, not the video (see hero-bg-video.js).
   The poster is a close-up of a charge port whose subject — the glowing red ring — sits well
   right of centre. `object-fit: cover` on a tall phone viewport keeps only about a quarter of
   the image width, so the inherited `center` framed just the blurred white flap and cut the
   port out of shot entirely. 85% brings it back into frame.
   Scoped to this page only: _industry-hero.css sets the same property for all hero pages. */
@media screen and (max-width: 768px) {
  .about-hero .hero-bg-wrapper video.hero-bg--video {
    object-position: 85% center;
  }
}