/* ==========================================================
   BrandStory AI — Page-specific styles
   Organized by page. Shared styles live in global.css.
========================================================== */

/* ==========================================================
   HOME PAGE — styles live in assets/css/home.css
========================================================== */

/* ==========================================================
   SOLUTIONS PAGE
   Figma: My-Space / Solution page (2280:23090)
========================================================== */

.page-solutions .section-title {
  color: var(--brand-muted);
}

/* --- Banner (Figma Banner 6 / 2280:23091) --- */
.solution-banner {
  position: relative;
  isolation: isolate;
  padding: clamp(4.5rem, 10vw, 11rem) 0 clamp(2.5rem, 5vw, 4rem);
  overflow: hidden;
  background: #f9f8ef;
}

/* Cream rounded plane behind content (Rectangle 27) */
.solution-banner__bg {
  position: absolute;
  left: 50%;
  top: -34%;
  z-index: 0;
  width: min(1462px, 118vw);
  height: 152%;
  transform: translateX(-50%);
  background: #f9f8ef;
  border-radius: 30px;
  pointer-events: none;
}

.solution-banner .container {
  position: relative;
  z-index: 1;
}

.solution-banner__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem; /* 32px Frame 5 */
  max-width: 1220px;
}

.solution-banner__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem; /* 12px Frame 36 */
  width: 100%;
}

.solution-banner__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22.5px;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: #f7ff58;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.solution-banner__title {
  margin: 0;
  color: #5e565a;
  font-weight: 500;
  font-size: clamp(2rem, 4.6vw, 4rem); /* 32→64 */
  line-height: 1.05; /* 67/64 */
  letter-spacing: -0.02em; /* -1.28px @ 64 */
  text-align: center;
}

.solution-banner__desc {
  margin: 0;
  max-width: 966px;
  color: rgba(94, 86, 90, 0.7);
  font-weight: 400;
  font-size: clamp(0.9375rem, 1.3vw, 1.0625rem); /* 15→17 */
  line-height: 1.41; /* 24/17 */
  text-align: center;
}

.solution-banner__cta {
  gap: 1rem; /* 16px Frame 35 */
}

.solution-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 56px;
  padding: 0.875rem 1.75rem;
  border-radius: 999px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.solution-banner__btn--primary {
  background: #ff934f;
  border: 1px solid #ff934f;
  color: #fff;
}

.solution-banner__btn--primary:hover,
.solution-banner__btn--primary:focus-visible {
  background: #f07f38;
  border-color: #f07f38;
  color: #fff;
}

.solution-banner__btn--secondary {
  background: #fff;
  border: 1px solid rgba(94, 86, 90, 0.2);
  color: #5e565a;
}

.solution-banner__btn--secondary:hover,
.solution-banner__btn--secondary:focus-visible {
  background: #fff;
  border-color: rgba(94, 86, 90, 0.45);
  color: #5e565a;
}

/* Hero collage — Figma export @1x 1160×520 + @2x 2320×1040 (never upscale past native) */
.solution-banner__visual {
  width: min(100%, 1160px);
  max-width: 1160px;
  margin-top: clamp(0.5rem, 2vw, 1.25rem);
  line-height: 0;
}

.solution-banner__visual picture {
  display: block;
  width: 100%;
}

.solution-banner__collage {
  display: block;
  width: 100%;
  max-width: 1160px;
  height: auto;
  margin-inline: auto;
  aspect-ratio: 1160 / 520;
  object-fit: contain;
  object-position: center;
  image-rendering: auto;
  user-select: none;
  pointer-events: none;
}

/* Laptop */
@media (max-width: 1199.98px) {
  .solution-banner {
    padding-top: clamp(3.5rem, 8vw, 6rem);
  }
}

/* Tablet */
@media (max-width: 991.98px) {
  .solution-banner__content {
    gap: 1.5rem;
  }

  .solution-banner__title {
    font-size: clamp(1.875rem, 5vw, 2.75rem);
  }

  .solution-banner__visual {
    width: 100%;
    max-width: 720px;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .solution-banner {
    padding: 3rem 0 2rem;
  }

  .solution-banner__bg {
    top: -12%;
    width: 140%;
    height: 120%;
    border-radius: 24px;
  }

  .solution-banner__content {
    gap: 1.25rem;
  }

  .solution-banner__title {
    font-size: clamp(1.75rem, 8vw, 2.125rem);
    letter-spacing: -0.03em;
  }

  .solution-banner__desc {
    font-size: 0.9375rem;
    line-height: 1.45;
  }

  .solution-banner__btn {
    width: 100%;
    min-height: 52px;
    font-size: 1rem;
    white-space: normal;
  }

  .solution-banner__cta {
    width: 100%;
    max-width: 22rem;
  }

  .solution-banner__visual {
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .solution-banner__badge {
    font-size: 0.6875rem;
    letter-spacing: 0.4px;
  }
}

/* --- Key takeaways (Figma table panel) --- */
.solution-takeaways__intro {
  margin-bottom: clamp(2rem, 4vw, 2.75rem);
}

.solution-takeaways__lead {
  max-width: 40rem;
}

.solution-takeaways__panel {
  width: 100%;
  max-width: 56rem;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid var(--brand-border);
  border-radius: var(--brand-radius);
  background: #fff;
}

.solution-takeaways__head {
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid var(--brand-border);
  background: rgba(94, 86, 90, 0.04);
  color: var(--brand-muted);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}

.solution-takeaways__item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  height: 100%;
  min-height: 5.5rem;
  padding: 1.25rem 1.35rem;
  border-bottom: 1px solid var(--brand-border);
}

.solution-takeaways__grid > .col-md-6:nth-child(odd) .solution-takeaways__item {
  border-right: 1px solid var(--brand-border);
}

.solution-takeaways__grid > .col-md-6:nth-last-child(-n + 2) .solution-takeaways__item {
  border-bottom: 0;
}

.solution-takeaways__icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 0.15rem;
  display: block;
}

.solution-takeaways__text {
  margin: 0;
  color: var(--brand-muted);
  font-size: clamp(0.875rem, 1.2vw, 0.95rem);
  font-weight: 400;
  line-height: 1.5;
}

.solution-takeaways__cta {
  margin-top: clamp(1.75rem, 3.5vw, 2.25rem);
}

.solution-takeaways__btn {
  min-width: 10.5rem;
  min-height: 52px;
  padding-inline: 2rem;
  font-size: 1rem;
  font-weight: 500;
}

@media (max-width: 767.98px) {
  .solution-takeaways__item {
    min-height: 0;
    padding: 1.1rem 1.15rem;
  }

  .solution-takeaways__grid > .col-md-6:nth-child(odd) .solution-takeaways__item {
    border-right: 0;
  }

  .solution-takeaways__grid > .col-md-6:nth-last-child(-n + 2) .solution-takeaways__item {
    border-bottom: 1px solid var(--brand-border);
  }

  .solution-takeaways__grid > .col-md-6:last-child .solution-takeaways__item {
    border-bottom: 0;
  }

  .solution-takeaways__btn {
    width: 100%;
    max-width: 18rem;
  }
}

@media (max-width: 575.98px) {
  .solution-takeaways__head {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
  }

  .solution-takeaways__text {
    font-size: 0.875rem;
  }
}

/* --- Trusted by (Figma 2280:23296) --- */
.solution-trusted-section {
  overflow-x: clip;
}

.solution-trusted {
  --trusted-pad-x: clamp(1rem, 3vw, 1.5rem);
  position: relative;
  overflow: hidden;
  padding: clamp(2.75rem, 5vw, 3.25rem) 0 clamp(2rem, 4vw, 2.5rem);
  border: 1px solid #ededed;
  border-radius: 1rem;
  background: #f7f6e7;
}

.solution-trusted__intro {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 49rem;
  margin: 0 auto clamp(2rem, 4vw, 2.625rem);
  padding-inline: var(--trusted-pad-x);
}

.solution-trusted__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

.solution-trusted__lead {
  max-width: 42rem;
  margin: 0 auto;
  color: rgba(94, 86, 90, 0.7);
  font-size: 1rem;
  line-height: 1.6;
}

.solution-trusted__pills,
.solution-trusted__media {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
}

.solution-trusted__pills {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.solution-trusted__pills::-webkit-scrollbar,
.solution-trusted__media::-webkit-scrollbar {
  display: none;
}

.solution-trusted__pills-track,
.solution-trusted__media-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  min-width: 100%;
  padding-inline: var(--trusted-pad-x);
  box-sizing: border-box;
}

.solution-trusted__media-track {
  align-items: stretch;
  gap: 1.5rem;
  justify-content: flex-start;
}

.solution-trusted__pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.9375rem;
  padding: 0.35rem 0.95rem;
  border-radius: 999px;
  background: #efecca;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  scroll-snap-align: start;
}

.solution-trusted__shot {
  width: 16.6875rem;
  height: 6.875rem;
  margin: 0;
  overflow: hidden;
  background: #ffffff00;
  scroll-snap-align: center;
}

.solution-trusted__shot--wide {
  width: 24.375rem;
}

.solution-trusted__shot img {
  display: block;
  width: 100%;
  height: 13.625rem;
  margin-top: -3.3rem;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991.98px) {
  .solution-trusted__pills,
  .solution-trusted__media {
    touch-action: pan-x;
    overscroll-behavior-x: contain;
  }

  .solution-trusted__pills-track,
  .solution-trusted__media-track {
    justify-content: flex-start;
  }
}

@media (min-width: 1200px) {
  .solution-trusted__pills-track,
  .solution-trusted__media-track {
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .solution-trusted {
    --trusted-pad-x: 1rem;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    border-radius: 0.875rem;
  }

  .solution-trusted__intro {
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }

  .solution-trusted__pill {
    padding: 0.3rem 0.85rem;
    font-size: 0.8125rem;
  }

  .solution-trusted__pills-track,
  .solution-trusted__media-track {
    gap: 0.65rem;
  }

  .solution-trusted__media-track {
    gap: 0.55rem;
    width: max-content;
  }

  .solution-trusted__shot {
    width: 11.5rem;
    height: 5.5rem;
  }

  .solution-trusted__shot--wide {
    width: 12.5rem;
  }

  .solution-trusted__shot img {
    height: 10rem;
    margin-top: -2.25rem;
  }
  .cus-txt{
    background-color: #fffffff7;
    padding: 10px;
  }
}

/* --- Problem (dark split: intro + pill cards) --- */
.solution-problem {
  background: #5e565a;
  color: #f9f8ef;
}

.solution-problem__intro .eyebrow {
  margin-bottom: 1.25rem;
}

.solution-problem__title {
  margin: 0;
  max-width: 18ch;
  color: #f9f8ef;
  font-weight: 600;
  font-size: clamp(1.75rem, 3.4vw, 2.5rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.solution-problem__item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 3.5rem;
  height: 100%;
  padding: 0.85rem 1.15rem;
  border: 0;
  border-radius: 999px;
  background: #fff;
}

.solution-problem__icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  display: block;
}

.solution-problem__text {
  color: var(--brand-muted);
  font-size: clamp(0.8125rem, 1.15vw, 0.9375rem);
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 991.98px) {
  .solution-problem__title {
    max-width: 28ch;
  }
}

@media (max-width: 575.98px) {
  .solution-problem__item {
    align-items: flex-start;
    min-height: 0;
    padding: 0.9rem 1rem;
    border-radius: 1.25rem;
  }

  .solution-problem__icon {
    margin-top: 0.1rem;
  }

  .solution-problem__text {
    font-size: 0.875rem;
  }
}

/* --- Solution Overview (chips + center diagram image) --- */
.solution-overview {
  background: #f5f4e5;
}

.solution-overview__intro {
  max-width: 56rem;
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.solution-overview__intro .eyebrow {
  margin-bottom: 0.75rem;
}

.solution-overview__title {
  margin: 0 0 1.25rem;
  color: #5e565a;
  font-weight: 500;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.solution-overview__lead {
  max-width: 40rem;
  margin-bottom: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: clamp(0.9375rem, 1.3vw, 1.0625rem);
  line-height: 1.6;
}

.solution-overview__map {
  max-width: 78rem;
  margin-inline: auto;
}

.solution-overview__visual {
  width: 100%;
  max-width: 28rem;
  margin-inline: auto;
}

.solution-overview__image {
  display: block;
  width: 100%;
  max-width: 566px;
  height: auto;
  margin-inline: auto;
  aspect-ratio: 566 / 525;
  object-fit: contain;
  object-position: center;
  user-select: none;
  pointer-events: none;
}

.solution-overview__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  height: 100%;
  /* Match icon row inset inside center diagram */
  padding-block: clamp(1.25rem, 4%, 2.25rem);
}

.solution-overview__list--left {
  align-items: flex-end;
  text-align: left;
}

.solution-overview__list--right {
  align-items: flex-start;
  text-align: left;
}

.solution-overview__chip {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0.9rem 1.75rem;
  border: 2px solid #efecca;
  border-radius: 1rem;
  background: #fcfbf7;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .solution-overview__chip {
    white-space: normal;
    padding: 0.75rem 1.15rem;
    font-size: 0.8125rem;
  }

  .solution-overview__visual {
    max-width: 24rem;
  }
}

@media (max-width: 991.98px) {
  .solution-overview__list {
    align-items: stretch;
    height: auto;
    padding-block: 0;
    gap: 0.75rem;
  }

  .solution-overview__list--left,
  .solution-overview__list--right {
    align-items: stretch;
  }

  .solution-overview__chip {
    width: 100%;
    white-space: normal;
  }

  .solution-overview__visual {
    max-width: 22rem;
  }
}

@media (max-width: 575.98px) {
  .solution-overview__title {
    font-size: clamp(1.5rem, 7vw, 1.85rem);
  }

  .solution-overview__intro {
    margin-bottom: 2rem;
  }

  .solution-overview__chip {
    padding: 0.7rem 1rem;
    border-radius: 0.85rem;
  }

  .solution-overview__visual {
    max-width: 18rem;
  }
}

/* --- Benefits & Outcomes --- */
.solution-benefits {
  background: #fff;
  padding-block: clamp(4rem, 8vw, 6rem);
}

.solution-benefits__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
}

.solution-benefits__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 56rem;
  margin-inline: auto;
  text-align: center;
}

.solution-benefits__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.solution-benefits__title {
  margin: 0;
  max-width: 56rem;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.solution-benefits__lead {
  margin: 0;
  max-width: 40rem;
  color: rgba(94, 86, 90, 0.7);
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.6;
}

.solution-benefits__grid {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  width: 100%;
}

.solution-benefit-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  box-sizing: border-box;
  padding: 1.5625rem;
  background: #fff;
  border: 1px solid rgba(94, 86, 90, 0.12);
  border-radius: 1rem;
  box-shadow: none;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.solution-benefit-card:hover {
  border-color: rgba(94, 86, 90, 0.22);
  box-shadow: 0 8px 24px rgba(94, 86, 90, 0.06);
}

.solution-benefit-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8125rem;
  width: 100%;
}

.solution-benefit-card__icon {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  background: rgba(94, 86, 90, 0.06);
  border-radius: 0.5rem;
}

.solution-benefit-card__icon img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.solution-benefit-card__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}

.solution-benefit-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.84375rem;
  font-weight: 400;
  line-height: 1.55;
}

.solution-benefit-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--brand-ink);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.solution-benefit-card__link:hover {
  color: var(--brand-primary);
}

.solution-benefit-card__link img {
  width: 0.9375rem;
  height: 0.9375rem;
  flex-shrink: 0;
}

.solution-usecase-card img {
  display: block;
}

/* --- Solution Overview / Use cases (Figma 2280:24130) --- */
.solution-usecases {
  background: #f9f8f1;
  padding-block: clamp(4rem, 8vw, 6rem);
}

.solution-usecases__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 2.75rem;
  text-align: center;
}

.solution-usecases__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-usecases__grid {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

.solution-usecase-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  height: 100%;
  padding: 1.5rem 1.35rem;
  background: #fff;
  border: 0;
  border-radius: 1.25rem;
  box-shadow: none;
  text-align: left;
}

.solution-usecase-card__icon {
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  margin-bottom: 0.15rem;
}

.solution-usecase-card__icon img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.solution-usecase-card__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.solution-usecase-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

@media (min-width: 1200px) {
  .solution-usecase-card {
    padding: 1.75rem 1.5rem;
    border-radius: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  .solution-usecases__intro {
    margin-bottom: 1.75rem;
  }

  .solution-usecase-card {
    padding: 1.35rem 1.25rem;
    border-radius: 1.125rem;
  }
}

/* --- Who is it for (Figma 2280:24229) --- */
.solution-audience {
  background: #fff;
  padding-block: clamp(4rem, 8vw, 6rem);
  overflow: hidden;
}

.solution-audience__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 2.75rem;
  text-align: center;
}

.solution-audience__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-audience__media {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 22rem;
  max-width: 28rem;
  margin-inline: auto;
  padding-bottom: 0.5rem;
}

.solution-audience__splash {
  position: absolute;
  left: 50%;
  top: 8%;
  z-index: 0;
  width: 92%;
  height: 78%;
  transform: translateX(-50%);
  background:
    radial-gradient(ellipse 70% 55% at 50% 45%, #f7ff58 0%, #e8f24a 42%, transparent 72%),
    radial-gradient(ellipse 45% 40% at 30% 60%, rgba(247, 255, 88, 0.85) 0%, transparent 70%),
    radial-gradient(ellipse 40% 35% at 70% 35%, rgba(247, 255, 88, 0.7) 0%, transparent 70%);
  filter: contrast(1.05);
  border-radius: 42% 58% 48% 52% / 48% 42% 58% 52%;
  clip-path: polygon(
    8% 22%, 18% 8%, 38% 4%, 58% 10%, 78% 6%, 92% 18%,
    98% 38%, 94% 58%, 88% 78%, 72% 92%, 48% 96%, 28% 90%,
    12% 78%, 4% 58%, 2% 38%
  );
}

.solution-audience__person {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 22rem);
  height: auto;
  object-fit: contain;
  object-position: bottom center;
  mix-blend-mode: normal;
  filter: drop-shadow(0 18px 28px rgba(23, 23, 23, 0.12));
}

.solution-audience__tools {
  position: absolute;
  right: 0;
  top: 42%;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.7rem 0.95rem;
  background: rgba(47, 42, 44, 0.82);
  border-radius: 0.85rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(23, 23, 23, 0.18);
  transform: translateY(-50%);
}

.solution-audience__tool {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  min-width: 2.75rem;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.2;
}

.solution-audience__tool-icon {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  border: 1.5px solid #fff;
}

.solution-audience__tool-icon--layout {
  border-radius: 0.2rem;
}

.solution-audience__tool-icon--shape {
  border-radius: 50%;
}

.solution-audience__tool-icon--color {
  width: 1rem;
  height: 1.2rem;
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  transform: rotate(180deg);
  background: transparent;
}

.solution-audience-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  height: 100%;
  padding: 1.35rem 1.25rem;
  background: rgba(94, 86, 90, 0.04);
  border: 0;
  border-radius: 1rem;
}

.solution-audience-card__icon {
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.solution-audience-card__icon img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.solution-audience-card__title {
  margin: 0 0 0.35rem;
  color: var(--brand-ink);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.solution-audience-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 991.98px) {
  .solution-audience__media {
    min-height: 20rem;
    margin-bottom: 0.5rem;
  }

  .solution-audience__tools {
    right: 4%;
    top: auto;
    bottom: 8%;
    transform: none;
  }
}

@media (max-width: 575.98px) {
  .solution-audience__intro {
    margin-bottom: 1.75rem;
  }

  .solution-audience__media {
    min-height: 18rem;
  }

  .solution-audience__person {
    width: min(100%, 18rem);
  }

  .solution-audience__tools {
    gap: 0.55rem;
    padding: 0.55rem 0.7rem;
  }

  .solution-audience__tool {
    min-width: 2.25rem;
    font-size: 0.625rem;
  }

  .solution-audience-card {
    padding: 1.15rem 1.05rem;
  }
}

/* --- Integrations (Figma 2280:24318) --- */
.solution-integrations {
  background: #f9f8f3;
  padding-block: clamp(4rem, 8vw, 6rem);
}

.solution-integrations__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 2.75rem;
  text-align: center;
}

.solution-integrations__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-integrations__grid {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

.solution-integration-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  height: 100%;
  padding: 1.75rem 1.5rem;
  background: #fff;
  border: 0;
  border-radius: 1.25rem;
  box-shadow: 0 8px 24px rgba(23, 23, 23, 0.04);
}

.solution-integration-card__head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
}

.solution-integration-card__icon {
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.solution-integration-card__icon img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.solution-integration-card__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
}

.solution-integration-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 575.98px) {
  .solution-integrations__intro {
    margin-bottom: 1.75rem;
  }

  .solution-integration-card {
    padding: 1.35rem 1.25rem;
    border-radius: 1.125rem;
  }
}

/* --- Customer Success (Figma 2280:24380) --- */
.solution-success {
  background: #fff;
  padding-block: clamp(4rem, 8vw, 6rem);
  overflow: hidden;
}

.solution-success__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 2.75rem;
  text-align: center;
}

.solution-success__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-success__frame {
  position: relative;
  max-width: 72rem;
  margin-inline: auto;
  padding-top: 1.25rem;
}

.solution-success__tabs {
  position: absolute;
  left: 50%;
  top: 16px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  width: max-content;
  max-width: calc(100% - 1.5rem);
  transform: translateX(-50%);
}

.solution-success__tab {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 0.65rem 1.15rem;
  background: #d7e0c8;
  color: #fff;
  font-size: clamp(0.75rem, 1.4vw, 0.875rem);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

.solution-success__tab.active {
  background: var(--brand-primary);
  color: #fff;
  box-shadow: 0 6px 16px rgba(255, 147, 79, 0.28);
}

.solution-success__tab:not(.active):hover {
  background: #c9d5b6;
}

.solution-success__panel {
  margin-top: 0.85rem;
  padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 3vw, 2.5rem);
  border: 1.5px dashed var(--brand-primary);
  border-radius: 1.5rem;
  background: #fff;
}

.solution-success__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.85rem;
  max-width: 28rem;
}

.solution-success__icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
}

.solution-success__heading {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.25;
}

.solution-success__body {
  margin: 0;
  color: rgba(94, 86, 90, 0.75);
  font-size: 0.975rem;
  font-weight: 400;
  line-height: 1.65;
}

.solution-success__visual {
  position: relative;
  min-height: 18rem;
  padding: 1.25rem 1rem 1.5rem;
  overflow: hidden;
  background: #f4f1e8;
  border-radius: 1.25rem;
}

.solution-success__site {
  padding: 1rem 1.1rem 4rem;
  background: #fff;
  border-radius: 0.85rem;
  box-shadow: 0 10px 28px rgba(23, 23, 23, 0.06);
}

.solution-success__site-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  color: rgba(94, 86, 90, 0.55);
  font-size: 0.75rem;
}

.solution-success__site-nav strong {
  margin-right: 0.5rem;
  color: var(--brand-ink);
  font-size: 0.95rem;
  letter-spacing: 0.04em;
}

.solution-success__site-kicker {
  margin: 0 0 0.35rem;
  color: rgba(94, 86, 90, 0.55);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.solution-success__site-headline {
  margin: 0;
  max-width: 16rem;
  color: var(--brand-ink);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-weight: 600;
  line-height: 1.25;
}

.solution-success__writer {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: auto;
  width: min(18.5rem, calc(100% - 2rem));
  padding: 1rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow:
    0 18px 40px rgba(23, 23, 23, 0.12),
    0 0 0 1px rgba(94, 86, 90, 0.06);
}

.solution-success__writer-head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.85rem;
  color: var(--brand-ink);
  font-size: 0.875rem;
}

.solution-success__writer-mark {
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 0.25rem;
  background: linear-gradient(135deg, #ff934f, #ffc49e);
}

.solution-success__writer-label {
  display: block;
  margin-bottom: 0.35rem;
  color: rgba(94, 86, 90, 0.55);
  font-size: 0.7rem;
  font-weight: 500;
}

.solution-success__writer-prompt {
  margin: 0 0 0.9rem;
  color: var(--brand-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}

.solution-success__writer-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}

.solution-success__writer-field {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.solution-success__writer-field span {
  color: rgba(94, 86, 90, 0.55);
  font-size: 0.65rem;
}

.solution-success__writer-field strong {
  color: var(--brand-ink);
  font-size: 0.8125rem;
  font-weight: 600;
}

.solution-success__writer-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  flex-shrink: 0;
  padding: 0.45rem 0.75rem;
  border-radius: 0.5rem;
  background: var(--brand-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(255, 147, 79, 0.35);
}

@media (max-width: 991.98px) {
  .solution-success__tabs {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    max-width: none;
    margin-bottom: 0.75rem;
    transform: none;
  }

  .solution-success__frame {
    padding-top: 0;
  }

  .solution-success__panel {
    margin-top: 0;
  }

  .solution-success__copy {
    max-width: none;
  }
}

@media (max-width: 575.98px) {
  .solution-success__intro {
    margin-bottom: 1.75rem;
  }

  .solution-success__tab {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .solution-success__panel {
    padding: 1.35rem 1.1rem;
    border-radius: 1.15rem;
  }

  .solution-success__visual {
    min-height: 16rem;
  }

  .solution-success__writer {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 1rem;
  }

  .solution-success__site {
    padding-bottom: 1.25rem;
  }
}

/* --- ROI & Impact (Figma 2280:24456) --- */
.solution-roi {
  background: #f9f8f3;
  padding-block: clamp(4rem, 8vw, 6rem);
}

.solution-roi__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 3rem;
  text-align: center;
}

.solution-roi__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-roi__grid {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 0;
}

.solution-roi-item {
  height: 100%;
  padding: 1.75rem 0;
  border-bottom: 1px solid rgba(94, 86, 90, 0.12);
  background: transparent;
  box-shadow: none;
}

.solution-roi-item__title {
  margin: 0 0 0.65rem;
  color: var(--brand-ink);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
}

.solution-roi-item__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 767.98px) {
  .solution-roi__intro {
    margin-bottom: 1.75rem;
  }

  .solution-roi__grid {
    --bs-gutter-x: 0;
  }

  .solution-roi-item {
    padding: 1.35rem 0;
  }
}

/* --- Product Experience (Figma 2280:24495) --- */
.solution-experience {
  background: #fff;
  padding-block: clamp(4rem, 8vw, 6rem);
  overflow: hidden;
}

.solution-experience__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 38rem;
  margin: 0 auto 2.625rem;
  text-align: center;
}

.solution-experience__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  line-height: 1.15;
}

.solution-experience__row + .solution-experience__row {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .solution-experience__row + .solution-experience__row {
    margin-top: 2rem;
  }

  .solution-experience__row {
    --bs-gutter-x: 2rem;
  }
}

.solution-experience__stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}

@media (min-width: 992px) {
  .solution-experience__stack {
    gap: 2rem;
  }
}

.solution-exp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 2rem 2rem 0;
  background:
    linear-gradient(180deg, rgba(239, 236, 202, 0) 0%, rgba(239, 236, 202, 0.22) 100%),
    #fff;
  border: 1px solid #f0efe3;
  border-radius: 1rem;
  overflow: hidden;
}

.solution-exp-card__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
  max-width: 27rem;
}

.solution-exp-card__icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.solution-exp-card__title {
  margin: 0;
  color: #5e565a;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.solution-exp-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.9375rem;
  line-height: 1.6;
}

.solution-exp-card__visual {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  margin-top: 1.25rem;
  min-height: 12rem;
}

.solution-exp-card--tall {
  min-height: 28rem;
}

.solution-exp-card--split {
  flex: 1 1 auto;
  min-height: 13.25rem;
  padding-bottom: 1.5rem;
}

.solution-exp-card--split .solution-exp-card__copy {
  max-width: 15rem;
}

.solution-exp-card__visual--editing {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  margin-left: -0.25rem;
  padding-bottom: 1.25rem;
  overflow: hidden;
}

.solution-exp-card__icons {
  flex: 0 0 auto;
  width: min(42%, 12.5rem);
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(237, 234, 206, 0.8));
}

.solution-exp-card__widgets {
  display: flex;
  align-items: flex-end;
  gap: 0.65rem;
  flex: 1 1 auto;
  min-width: 0;
}

.solution-exp-widget {
  background: #fff;
  border-radius: 0.9rem;
  box-shadow: 0 2px 32px #f1efd9;
}

.solution-exp-widget--product {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 0 0 auto;
  width: 8.5rem;
  padding: 0.9rem;
}

.solution-exp-widget--product img {
  width: 100%;
  height: auto;
  border-radius: 0.4rem;
  object-fit: cover;
}

.solution-exp-widget--product strong {
  color: #111827;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.1;
}

.solution-exp-widget--product span {
  color: #6b7280;
  font-size: 0.6rem;
  font-weight: 600;
}

.solution-exp-widget--product em {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 0.15rem;
  padding: 0.2rem 0.45rem;
  color: #111827;
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 500;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
}

.solution-exp-widget--app {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 13.5rem;
  padding: 0.9rem;
}

.solution-exp-widget__top {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.solution-exp-widget__top img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  object-fit: cover;
}

.solution-exp-widget__top span {
  padding: 0.35rem 0.65rem;
  color: #fff;
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: #ff934f;
  border-radius: 999px;
}

.solution-exp-widget--app strong {
  max-width: 7rem;
  color: #111827;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
}

.solution-exp-widget--app p {
  margin: 0;
  color: #374151;
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.solution-exp-widget__btn {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 0.25rem;
  padding: 0.35rem 0.9rem;
  color: #111827;
  font-size: 0.6rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
}

.solution-exp-card__visual--preview {
  position: absolute;
  right: -1.5rem;
  bottom: -1.25rem;
  width: min(68%, 22rem);
  height: 100%;
  min-height: 0;
  margin: 0;
  pointer-events: none;
}

.solution-exp-card__visual--preview > img:first-child {
  position: absolute;
  top: 12%;
  right: 18%;
  width: 72%;
  height: auto;
  border-radius: 0.15rem;
  object-fit: cover;
}

.solution-exp-card__device {
  position: absolute;
  right: -4%;
  bottom: -8%;
  width: 78%;
  height: auto;
  object-fit: contain;
}

.solution-exp-card__visual--components {
  position: absolute;
  right: 1rem;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  width: auto;
  height: 85%;
  min-height: 0;
  margin: 0;
  pointer-events: none;
}

.solution-exp-card__visual--components > img {
  width: auto;
  height: 92%;
  max-height: 15rem;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.06));
}

.solution-exp-lofi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  width: 7.5rem;
  margin-bottom: 1.25rem;
}

.solution-exp-lofi span {
  display: block;
  aspect-ratio: 1.35;
  background: rgba(237, 237, 237, 0.65);
  border: 1px solid #e5e7eb;
  border-radius: 0.4rem;
}

.solution-exp-card__visual--brand {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.5rem;
  overflow: hidden;
}

.solution-exp-brand {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 0.75rem;
  width: 100%;
  max-width: 34rem;
}

.solution-exp-brand__type,
.solution-exp-brand__space,
.solution-exp-brand__icons {
  padding: 0.75rem;
  background: #fff;
  border-radius: 0.65rem;
  box-shadow: 0 4px 20px rgba(238, 237, 223, 0.7);
}

.solution-exp-brand__type span,
.solution-exp-brand__space span {
  display: block;
  margin-bottom: 0.5rem;
  color: #525252;
  font-size: 0.55rem;
}

.solution-exp-brand__weights {
  display: flex;
  gap: 0.5rem;
}

.solution-exp-brand__weights b {
  flex: 1;
  color: #171717;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-align: center;
}

.solution-exp-brand__weights b:nth-child(2) {
  font-weight: 500;
}

.solution-exp-brand__weights b:nth-child(3) {
  font-weight: 600;
}

.solution-exp-brand__bars {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.solution-exp-brand__bars i {
  display: block;
  width: var(--w, 50%);
  height: 0.55rem;
  background: rgba(255, 147, 79, 0.2);
  border-radius: 0.15rem;
}

.solution-exp-brand__swatches {
  grid-column: 1 / -1;
  display: flex;
  gap: 0.4rem;
  padding: 0.55rem;
  background: #fff;
  border-radius: 0.65rem;
  box-shadow: 0 4px 20px rgba(238, 237, 223, 0.7);
}

.solution-exp-brand__swatches span {
  flex: 1;
  height: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.3rem;
}

.solution-exp-brand__icons {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
}

.solution-exp-brand__icons img {
  width: 1rem;
  height: 1rem;
  opacity: 0.85;
}

.solution-exp-card__visual--analytics {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.5rem;
}

.solution-exp-analytics {
  width: 100%;
  max-width: 32.5rem;
  padding: 1.25rem 1.25rem 1rem;
  background: #fff;
  border: 1px solid #ececd7;
  border-radius: 0.65rem;
  box-shadow: 0 4px 30px rgba(234, 231, 196, 0.3);
}

.solution-exp-analytics__label {
  display: block;
  margin-bottom: 0.85rem;
  color: #111827;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.solution-exp-analytics__stats {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0.65rem;
}

.solution-exp-analytics__stats span {
  display: block;
  margin-bottom: 0.25rem;
  color: #404040;
  font-size: 0.8rem;
  line-height: 1.2;
}

.solution-exp-analytics__stats b {
  color: #111827;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.solution-exp-analytics__chart {
  display: block;
  width: 100%;
  height: auto;
}

.solution-exp-analytics__months {
  display: flex;
  justify-content: space-between;
  margin-top: 0.35rem;
  padding: 0 0.35rem;
  color: #525252;
  font-size: 0.7rem;
}

@media (max-width: 991.98px) {
  .solution-exp-card--tall,
  .solution-exp-card--split {
    min-height: 0;
  }

  .solution-exp-card--split {
    position: relative;
    min-height: 16rem;
  }

  .solution-exp-card__visual--preview {
    width: min(62%, 18rem);
  }

  .solution-exp-card__visual--editing {
    flex-wrap: wrap;
  }

  .solution-exp-card__icons {
    width: min(48%, 10rem);
  }
}

@media (max-width: 575.98px) {
  .solution-exp-card {
    padding: 1.5rem 1.25rem 0;
  }

  .solution-exp-widget--app {
    display: none;
  }

  .solution-exp-analytics__stats {
    flex-direction: column;
    gap: 0.75rem;
  }

  .solution-exp-brand {
    grid-template-columns: 1fr;
  }

  .solution-exp-card__visual--components > img {
    max-height: 11rem;
  }

  .solution-exp-lofi {
    display: none;
  }
}

/* --- Why BrandStory (Figma 2280:24828) --- */
.solution-why {
  background: #3f3b40;
  padding-block: clamp(4rem, 8vw, 6.5rem);
  overflow: hidden;
}

.solution-why__copy .eyebrow {
  margin-bottom: 1.25rem;
}

.solution-why__title {
  margin: 0 0 1.25rem;
  color: #f9f8ef;
  font-size: clamp(1.75rem, 3.2vw, 2.65rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

.solution-why__lead {
  margin: 0;
  color: rgba(249, 248, 239, 0.72);
  font-size: clamp(0.95rem, 1.3vw, 1.05rem);
  line-height: 1.65;
}

.solution-why__panel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 28rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: #ff934f;
  border-radius: clamp(1.5rem, 3vw, 2.25rem);
}

.solution-why__orbit {
  position: relative;
  width: min(100%, 25rem);
  aspect-ratio: 1;
  margin: 0 auto;
}

.solution-why__ring {
  position: absolute;
  inset: 18%;
  border: 0px dashed rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  pointer-events: none;
}

.solution-why__hub {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.55rem 0.55rem 1rem;
  background: #171717;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.solution-why__hub-name {
  color: #fff;
  font-size: clamp(0.85rem, 1.5vw, 1.05rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
}

.solution-why__hub-ai {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.35rem 0.55rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}

.solution-why__node {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  width: 7.5rem;
  text-align: center;
}

.solution-why__tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.solution-why__tile svg {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
}

.solution-why__label {
  color: #171717;
  font-size: clamp(0.7rem, 1.1vw, 0.8125rem);
  font-weight: 600;
  line-height: 1.25;
}

.solution-why__node--top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.solution-why__node--top-right {
  top: 14%;
  right: 0;
  align-items: flex-end;
  text-align: right;
}

.solution-why__node--bottom-right {
  right: 0;
  bottom: 14%;
  align-items: flex-end;
  text-align: right;
}

.solution-why__node--bottom {
  bottom: 0;
  left: 50%;
  flex-direction: column-reverse;
  transform: translateX(-50%);
}

.solution-why__node--bottom-left {
  bottom: 14%;
  left: 0;
  align-items: flex-start;
  text-align: left;
}

.solution-why__node--top-left {
  top: 14%;
  left: 0;
  align-items: flex-start;
  text-align: left;
}

@media (max-width: 991.98px) {
  .solution-why__copy {
    max-width: 36rem;
    margin: 0 auto;
    text-align: center;
  }

  .solution-why__panel {
    min-height: 24rem;
  }
}

@media (max-width: 575.98px) {
  .solution-why__panel {
    min-height: 0;
    padding: 1.25rem 0.85rem 1.5rem;
  }

  .solution-why__orbit {
    width: 90%;
  }

  .solution-why__ring {
    inset: 22%;
  }

  .solution-why__node {
    width: 5.75rem;
    gap: 0.3rem;
  }

  .solution-why__tile {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.6rem;
  }

  .solution-why__tile svg {
    width: 1.1rem;
    height: 1.1rem;
  }

  .solution-why__label {
    font-size: 0.625rem;
  }

  .solution-why__hub {
    padding: 0.4rem 0.4rem 0.4rem 0.75rem;
  }

  .solution-why__hub-name {
    font-size: 0.75rem;
  }

  .solution-why__hub-ai {
    min-width: 1.6rem;
    padding: 0.28rem 0.4rem;
    font-size: 0.65rem;
  }
}

/* --- Security & Reliability (Figma 2280:24878) --- */
.solution-security {
  background: #f9f8f3;
  padding-block: clamp(4rem, 8vw, 6rem);
}

.solution-security__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 52rem;
  margin: 0 auto 2.75rem;
  text-align: center;
}

.solution-security__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.solution-security__lead {
  margin: 0;
  max-width: 42rem;
  color: rgba(94, 86, 90, 0.7);
  font-size: clamp(0.95rem, 1.3vw, 1.125rem);
  line-height: 1.6;
}

.solution-security__grid {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

.solution-security-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-height: 100%;
  padding: 3rem 1.75rem 1.75rem;
  background: #fff;
  border: 1px solid rgba(94, 86, 90, 0.12);
  border-radius: 1rem;
  box-shadow: 0 1px 2px rgba(94, 86, 90, 0.06);
}

.solution-security-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 1.125rem;
}

.solution-security-card__icon svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.solution-security-card__title {
  margin: 0 0 0.65rem;
  color: #5e565a;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.3;
}

.solution-security-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.84375rem;
  line-height: 1.55;
}

@media (max-width: 767.98px) {
  .solution-security__intro {
    margin-bottom: 2rem;
  }

  .solution-security-card {
    padding: 2rem 1.35rem 1.35rem;
  }
}

/* --- FAQ (Figma 2280:24878) --- */
.solution-faq-section {
  background: #fff;
  padding-block: clamp(4rem, 8vw, 6rem);
}

.solution-faq-section__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 40rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.solution-faq-section__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

/* --- Core Capabilities (Figma 2280:23655) --- */
.solution-capabilities {
  background: #f9f7f4;
  padding-block: clamp(4rem, 8vw, 6rem);
  overflow: hidden;
}

.solution-capabilities__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 2.75rem;
  text-align: center;
}

.solution-capabilities__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-capabilities__row + .solution-capabilities__row {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .solution-capabilities__row + .solution-capabilities__row {
    margin-top: 1.5rem;
  }
}

.solution-capabilities__stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}

@media (min-width: 992px) {
  .solution-capabilities__stack {
    gap: 1.5rem;
  }
}

.solution-cap-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.75rem 1.75rem 0;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 1.5rem;
  overflow: hidden;
}

.solution-cap-card__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
  max-width: 22rem;
}

.solution-cap-card__icon {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
}

.solution-cap-card__icon img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(34%) sepia(7%) saturate(602%) hue-rotate(288deg) brightness(94%) contrast(88%);
}

.solution-cap-card__title {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
}

.solution-cap-card__text {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
}

.solution-cap-card__visual {
  position: relative;
  flex: 1 1 auto;
  margin-top: 1.25rem;
  min-height: 12rem;
}

/* AI generation — tall card with prompt bar */
.solution-cap-card--ai {
  min-height: 28rem;
}

.solution-cap-card__visual--ai {
  margin-top: 1.5rem;
  margin-inline: -0.25rem;
  min-height: 16rem;
  border-radius: 0.75rem 0.75rem 0 0;
  overflow: hidden;
}

.solution-cap-card__ai-bg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 16rem;
  object-fit: cover;
  object-position: center top;
  transform: scale(1.08);
  filter: blur(1px) brightness(0.92);
}

.solution-cap-prompt {
  position: absolute;
  left: 50%;
  bottom: 18%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(31.25rem, 88%);
  padding: 0.65rem 0.75rem;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 0.9375rem;
  box-shadow:
    0 0 90px rgba(0, 0, 0, 0.35),
    0 16px 32px rgba(0, 0, 0, 0.12);
}

.solution-cap-prompt__plus {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(234, 234, 234, 0.7);
  border-radius: 0.5rem;
}

.solution-cap-prompt__plus img {
  width: 0.875rem;
  height: 0.875rem;
}

.solution-cap-prompt__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.2rem;
  height: 1.875rem;
  padding: 0 0.85rem;
  border-radius: 0.5rem;
  background: var(--brand-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(255, 147, 79, 0.45);
}

/* Split cards — text left, visual right */
.solution-cap-card--split {
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  min-height: 13.5rem;
  padding: 1.75rem 0 1.75rem 1.75rem;
}

.solution-cap-card--split .solution-cap-card__copy {
  flex: 1 1 48%;
  max-width: none;
  padding-right: 0.5rem;
  justify-content: center;
}

.solution-cap-card--split .solution-cap-card__visual {
  flex: 1 1 52%;
  margin: 0;
  min-height: 11rem;
  align-self: stretch;
}

.solution-cap-card__visual--brand {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}

.solution-cap-card__visual--brand img {
  width: 115%;
  max-width: none;
  height: auto;
  object-fit: contain;
  object-position: right bottom;
  transform: translate(8%, 6%) rotate(-2deg);
}

.solution-cap-card__visual--responsive {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}

.solution-cap-card__device {
  position: absolute;
  bottom: 0;
  border-radius: 0.75rem;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  object-fit: cover;
}

.solution-cap-card__device--desk {
  right: 12%;
  width: 58%;
  max-width: 15rem;
  height: auto;
  z-index: 1;
}

.solution-cap-card__device--mobile {
  right: 4%;
  width: 38%;
  max-width: 9rem;
  height: auto;
  z-index: 2;
  transform: translateY(8%);
}

/* Tall bottom cards */
.solution-cap-card--tall {
  min-height: 26rem;
}

.solution-cap-card__visual--templates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 1.5rem -0.5rem 0;
  padding: 0 0.5rem 1rem;
  max-height: 16rem;
  overflow: hidden;
  mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
}

.solution-cap-card__visual--templates img {
  width: 100%;
  height: 5.5rem;
  border-radius: 0.65rem;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.solution-cap-card__visual--templates img:nth-child(4n + 1) {
  height: 6.5rem;
}

.solution-cap-card__visual--templates img:nth-child(4n + 3) {
  height: 4.5rem;
}

.solution-cap-card__visual--media {
  margin: 1.25rem -1rem 0;
  min-height: 15rem;
  overflow: hidden;
}

.solution-cap-media {
  position: absolute;
  border-radius: 1rem;
  object-fit: cover;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}

.solution-cap-media--1 {
  left: 6%;
  bottom: 8%;
  width: 42%;
  max-width: 14rem;
  aspect-ratio: 5 / 4;
  transform: rotate(-8deg);
  z-index: 2;
}

.solution-cap-media--2 {
  left: 38%;
  bottom: 28%;
  width: 36%;
  max-width: 12rem;
  aspect-ratio: 16 / 10;
  transform: rotate(6deg);
  z-index: 1;
}

.solution-cap-media--3 {
  right: 8%;
  bottom: 10%;
  width: 28%;
  max-width: 9rem;
  aspect-ratio: 3 / 4;
  transform: rotate(12deg);
  z-index: 3;
}

.solution-cap-media--4 {
  left: 28%;
  bottom: -4%;
  width: 34%;
  max-width: 11rem;
  aspect-ratio: 4 / 3;
  transform: rotate(-4deg);
  z-index: 4;
}

.solution-cap-media--5 {
  right: 22%;
  bottom: -8%;
  width: 24%;
  max-width: 8rem;
  aspect-ratio: 3 / 4;
  transform: rotate(18deg);
  z-index: 5;
}

.solution-cap-media__play {
  position: absolute;
  left: 48%;
  bottom: 32%;
  z-index: 6;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  transform: translate(-50%, 50%);
}

.solution-cap-media__play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.45rem 0 0.45rem 0.75rem;
  border-color: transparent transparent transparent var(--brand-ink);
  transform: translate(-50%, -50%);
}

/* Responsive breakpoints */
@media (max-width: 1199.98px) {
  .solution-cap-card--ai {
    min-height: 24rem;
  }

  .solution-cap-card--split {
    min-height: 12.5rem;
  }
}

@media (max-width: 991.98px) {
  .solution-capabilities__row + .solution-capabilities__row {
    margin-top: 0;
  }

  .solution-cap-card--ai,
  .solution-cap-card--tall {
    min-height: 0;
  }

  .solution-cap-card--split {
    flex-direction: column;
    padding: 1.5rem 1.5rem 0;
    min-height: 0;
  }

  .solution-cap-card--split .solution-cap-card__copy {
    max-width: 28rem;
    padding-right: 0;
  }

  .solution-cap-card--split .solution-cap-card__visual {
    position: relative;
    min-height: 13rem;
    margin-top: 1rem;
  }

  .solution-cap-card__visual--brand img {
    width: 90%;
    transform: translate(10%, 8%);
  }

  .solution-cap-card__device--desk,
  .solution-cap-card__device--mobile {
    position: absolute;
    bottom: 0;
  }

  .solution-cap-card__device--desk {
    right: 18%;
    width: 55%;
    margin: 0;
  }

  .solution-cap-card__device--mobile {
    right: 6%;
    width: 34%;
  }

  .solution-cap-card__visual--templates {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 14rem;
  }
}

@media (max-width: 575.98px) {
  .solution-cap-card {
    padding: 1.35rem 1.25rem 0;
    border-radius: 1.25rem;
  }

  .solution-cap-card--split {
    padding: 1.35rem 1.25rem 0;
  }

  .solution-cap-prompt {
    width: 92%;
    bottom: 12%;
    padding: 0.5rem 0.6rem;
  }

  .solution-cap-card__visual--ai {
    min-height: 13rem;
  }

  .solution-cap-card__ai-bg {
    min-height: 13rem;
  }

  .solution-cap-card__visual--templates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 12rem;
  }

  .solution-cap-card__visual--media {
    min-height: 13rem;
  }

  .solution-cap-media--1,
  .solution-cap-media--2,
  .solution-cap-media--3,
  .solution-cap-media--4,
  .solution-cap-media--5 {
    width: 40%;
  }

  .solution-cap-media__play {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (max-width: 359.98px) {
  .solution-capabilities__title {
    font-size: 1.5rem;
  }

  .solution-cap-card__title {
    font-size: 1.05rem;
  }

  .solution-cap-prompt__btn {
    min-width: 3.5rem;
    font-size: 0.7rem;
  }
}

/* --- How it works (Figma 2280:24085) --- */
.solution-hiw {
  background: #a9cbb7;
  padding-block: clamp(4rem, 8vw, 6rem);
  overflow: hidden;
}

.solution-hiw__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 48rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.solution-hiw__title {
  margin: 0;
  max-width: 47.125rem;
  color: var(--brand-muted);
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

.solution-hiw__tabs-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}

.solution-hiw__tabs {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  max-width: 100%;
  margin: 0;
  padding: 0.25rem;
  overflow-x: auto;
  background: rgba(94, 86, 90, 0.06);
  border-radius: 999px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.solution-hiw__tabs::-webkit-scrollbar {
  display: none;
}

.solution-hiw__tabs .nav-item {
  flex: 0 0 auto;
}

.solution-hiw__tabs .nav-link {
  margin: 0;
  padding: 0.55rem 1.1rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.15;
  white-space: nowrap;
  transition: background 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

.solution-hiw__tabs .nav-link:hover {
  color: var(--brand-muted);
}

.solution-hiw__tabs .nav-link.active {
  background: #fff;
  color: var(--brand-muted);
  box-shadow: 0 1px 2px rgba(94, 86, 90, 0.06);
}

.solution-hiw-panel {
  background: #fff;
  border-radius: 1.5rem;
  overflow: hidden;
  min-height: 24.5rem;
  box-shadow: none;
  border: 0;
}

.solution-hiw-panel__row {
  min-height: inherit;
}

.solution-hiw-panel__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.85rem;
  height: 100%;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.5rem);
}

.solution-hiw-panel__eyebrow {
  margin: 0;
  color: var(--brand-primary);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.solution-hiw-panel__heading {
  margin: 0;
  color: var(--brand-muted);
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 500;
  line-height: 1.2;
}

.solution-hiw-panel__body {
  margin: 0;
  max-width: 28rem;
  color: rgba(94, 86, 90, 0.7);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
}

.solution-hiw-panel__visual {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 18rem;
  height: 100%;
  padding: clamp(2rem, 4vw, 3rem) 1.25rem;
  background: rgba(217, 217, 217, 0.15);
}

.solution-hiw-prompt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: min(31.25rem, 100%);
  min-height: 8.5625rem;
  padding: 1.15rem 0.95rem 0.95rem;
  background: #fff;
  border-radius: 0.9375rem;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.1),
    0 0 90px rgba(0, 0, 0, 0.12);
}

.solution-hiw-prompt__input {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 1.625rem;
  padding-left: 0.35rem;
  border-left: 1.5px solid var(--brand-muted);
}

.solution-hiw-prompt__caret {
  display: none;
}

.solution-hiw-prompt__placeholder {
  color: rgba(94, 86, 90, 0.7);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625;
}

.solution-hiw-prompt__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.75rem;
}

.solution-hiw-prompt__plus {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(235, 235, 235, 0.7);
  border-radius: 0.5rem;
}

.solution-hiw-prompt__plus img {
  width: 0.875rem;
  height: 0.875rem;
  filter: brightness(0) saturate(100%) invert(34%) sepia(7%) saturate(602%) hue-rotate(288deg) brightness(94%) contrast(88%);
}

.solution-hiw-prompt__start {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-width: 4.2rem;
  height: 1.875rem;
  padding: 0 0.7rem 0 0.55rem;
  border-radius: 0.5rem;
  background: var(--brand-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.solution-hiw-prompt__start::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1.875rem;
  border-radius: 0.5rem;
  background: linear-gradient(270deg, #ff934f 0%, #ffc49e 100%);
  opacity: 0.4;
  filter: blur(2px);
  z-index: -1;
}

.solution-hiw-prompt__spark {
  flex-shrink: 0;
}

.solution-hiw-chips {
  display: flex;
  align-items: center;
  gap: 0.8125rem;
}

.solution-hiw-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: 1.5rem;
  padding: 0.2rem 0.625rem;
  border: 1px solid rgba(94, 86, 90, 0.12);
  border-radius: 1.875rem;
  background: #fff;
  color: #000;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.solution-hiw-chip img,
.solution-hiw-chip svg {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
}

@media (max-width: 991.98px) {
  .solution-hiw-panel {
    min-height: 0;
  }

  .solution-hiw-panel__visual {
    min-height: 16rem;
    padding-bottom: 2rem;
  }

  .solution-hiw__tabs-wrap {
    margin-bottom: 1.75rem;
  }
}

@media (max-width: 575.98px) {
  .solution-hiw__intro {
    margin-bottom: 1.75rem;
  }

  .solution-hiw__tabs .nav-link {
    padding: 0.5rem 0.85rem;
    font-size: 0.8125rem;
  }

  .solution-hiw-panel {
    border-radius: 1.25rem;
  }

  .solution-hiw-panel__copy {
    padding: 1.5rem 1.25rem 1.25rem;
    gap: 0.65rem;
  }

  .solution-hiw-prompt {
    min-height: 7.5rem;
    padding: 1rem 0.85rem 0.85rem;
  }

  .solution-hiw-prompt__bar {
    margin-top: 1.25rem;
  }

  .solution-hiw-prompt__placeholder {
    font-size: 0.9375rem;
  }
}

@media (max-width: 359.98px) {
  .solution-hiw__title {
    font-size: 1.5rem;
  }

  .solution-hiw-chips {
    gap: 0.5rem;
  }
}

/* --- Pricing CTA (Figma 2280:24878) --- */
.solution-pricing {
  background: #5e565a;
  padding-block: clamp(4.5rem, 8vw, 6.5rem);
}

.solution-pricing__inner {
  max-width: 46rem;
}

.solution-pricing__title {
  margin: 0 0 1.25rem;
  color: #f5f4e5;
  font-size: clamp(1.75rem, 3.2vw, 2.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.solution-pricing__lead {
  margin: 0 auto 2rem;
  max-width: 46rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: clamp(0.95rem, 1.3vw, 1.0625rem);
  line-height: 1.6;
}

.solution-pricing__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.solution-pricing .btn-lg {
  min-height: 3.5rem;
  padding: 0.85rem 1.5rem;
  font-size: 1.0625rem;
  font-weight: 500;
  border-radius: 999px;
}

.solution-pricing .btn-primary {
  --bs-btn-color: #f5f4e5;
  --bs-btn-hover-color: #f5f4e5;
  border-color: transparent;
}

.solution-pricing .btn-outline-light {
  --bs-btn-border-color: rgba(255, 255, 255, 0.2);
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.35);
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.08);
}

@media (max-width: 575.98px) {
  .solution-pricing__actions {
    flex-direction: column;
    width: 100%;
  }

  .solution-pricing__actions .btn {
    width: 100%;
    max-width: 22rem;
  }
}

/* --- Explore more (Figma 2280:24878) --- */
.solution-explore {
  background: #f9f8f3;
  padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.solution-explore__intro {
  max-width: 42rem;
  margin: 0 auto 2rem;
}

.solution-explore__title {
  margin: 0 0 0.85rem;
  color: #5e565a;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.solution-explore__lead {
  margin: 0;
  color: rgba(94, 86, 90, 0.7);
  font-size: 1rem;
  line-height: 1.6;
}

.solution-explore__pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  max-width: 70rem;
  margin: 0 auto;
}

.solution-explore__pill {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.95rem;
  border: 1px solid rgba(94, 86, 90, 0.2);
  border-radius: 999px;
  background: #f5f4e5;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: border-color 250ms ease, color 250ms ease, background 250ms ease;
}

.solution-explore__pill:hover {
  border-color: rgba(94, 86, 90, 0.35);
  color: #5e565a;
  background: #fff;
}

/* --- Closing (Figma 2280:24878) --- */
.solution-closing {
  background: #a9cbb7;
  padding-block: clamp(4rem, 7vw, 5.5rem);
}

.solution-closing__inner {
  max-width: 48rem;
}

.solution-closing__title {
  margin: 0 0 1rem;
  color: #5e565a;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.solution-closing__lead {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  line-height: 1.6;
}

/* --- FAQ accordion overrides --- */
  border: 0;
  border-bottom: 1px solid rgba(94, 86, 90, 0.12);
  border-radius: 0 !important;
  margin-bottom: 0;
  background: transparent;
  box-shadow: none;
}

.solution-faq .accordion-item + .accordion-item {
  border-top: 0;
}

.solution-faq .accordion-header {
  margin: 0;
}

.solution-faq .accordion-button {
  padding: 1.375rem 3rem 1.375rem 0.25rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  background: transparent;
  box-shadow: none !important;
}

.solution-faq .accordion-button:not(.collapsed) {
  color: #5e565a;
  background: transparent;
}

.solution-faq .accordion-button::after {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23FF934F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 1.5rem;
  transform: rotate(0deg);
  transition: transform 250ms ease;
}

.solution-faq .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.solution-faq .accordion-collapse {
  border: 0;
}

.solution-faq .accordion-body {
  padding: 0 3rem 1.375rem 0.25rem;
  color: rgba(94, 86, 90, 0.7);
  font-size: 0.90625rem;
  line-height: 1.55;
}

@media (max-width: 575.98px) {
  .solution-faq .accordion-button {
    padding-right: 2.25rem;
    font-size: 0.9375rem;
  }

  .solution-faq .accordion-body {
    padding-right: 2.25rem;
    font-size: 0.875rem;
  }
}

/* ==========================================================
   INDUSTRIES PAGE
   Figma: My-Space / Industries (2300:3320)
========================================================== */

.industry-banner {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(26rem, 55vw, 43.75rem); /* ~600�700px desktop */
  overflow: hidden;
  background-color: #efecca;
  background-image: url("../images/vertical/industry-hero-banner.png");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.industry-banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Soft left veil for text � light image, avoid heavy dark wash */
  background: linear-gradient(
    90deg,
    rgba(239, 236, 202, 0.72) 0%,
    rgba(239, 236, 202, 0.38) 42%,
    rgba(239, 236, 202, 0.08) 68%,
    transparent 100%
  );
}

.industry-banner .container {
  position: relative;
  z-index: 1;
  width: 100%;
}

.industry-banner .min-vh-banner {
  min-height: clamp(22rem, 48vw, 36rem);
}

.industry-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 34rem;
}

.industry-banner__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  background: #f7ff58;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-banner__title {
  margin: 0;
  color: #111111;
  font-weight: 500;
  font-size: clamp(1.875rem, 4vw, 3.25rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.industry-banner__lead {
  margin: 0;
  max-width: 30rem;
  color: #5e565a;
  font-weight: 300;
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.55;
}

.industry-banner__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding-top: 0.5rem;
  width: 100%;
}

.industry-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  height: 3.3125rem;
  padding: 0.75rem 2.5rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  text-decoration: none;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.industry-banner__btn--primary {
  background: #ff934f;
  border: 0;
  color: #000;
}

.industry-banner__btn--primary:hover,
.industry-banner__btn--primary:focus-visible {
  background: #f07f38;
  color: #000;
}

.industry-banner__btn--secondary {
  background: rgba(255, 255, 255, 0.35);
  border: 2px solid #5e565a;
  color: #5e565a;
}

.industry-banner__btn--secondary:hover,
.industry-banner__btn--secondary:focus-visible {
  background: rgba(255, 255, 255, 0.65);
  color: #111;
}

@media (max-width: 767.98px) {
  .industry-banner {
    min-height: 0;
    background-position: 72% center;
  }

  .industry-banner__overlay {
    background: linear-gradient(
      180deg,
      rgba(239, 236, 202, 0.88) 0%,
      rgba(239, 236, 202, 0.72) 55%,
      rgba(239, 236, 202, 0.45) 100%
    );
  }

  .industry-banner .min-vh-banner {
    min-height: 0;
  }

  .industry-banner__content {
    max-width: none;
  }

  .industry-banner__cta {
    flex-direction: column;
    align-items: stretch;
  }

  .industry-banner__btn {
    width: 100%;
    padding-inline: 1.5rem;
  }
}

/* --- Key Takeaways (Figma 2305:3230) --- */
.industry-takeaways {
  background: #efecca;
  padding-block: clamp(3.5rem, 8vw, 6.25rem);
}

.industry-takeaways .is-hidden {
  display: none !important;
}

.industry-takeaways__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.75rem, 4vw, 2.75rem);
  background: #f9f8f3;
  border: 1px solid rgba(94, 86, 90, 0.12);
  border-radius: 1.5rem; /* 24px */
  box-shadow: 0 8px 28px rgba(94, 86, 90, 0.04);
}

.industry-takeaways__title {
  margin: 0;
  color: #5e565a;
  font-weight: 500;
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.industry-takeaways__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.industry-takeaways__item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.industry-takeaways__item:last-child {
  border-bottom: 0;
}

.industry-takeaways__icon {
  position: relative;
  flex: 0 0 0.75rem;
  width: 0.75rem;
  height: 1.35rem;
  margin-top: 0.2rem;
}

/* Vertical line + center circle (Figma pin icon) */
.industry-takeaways__icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1.5px;
  transform: translateX(-50%);
  background: #245035;
  border-radius: 1px;
}

.industry-takeaways__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  transform: translate(-50%, -50%);
  border: 1.5px solid #245035;
  border-radius: 50%;
  background: #f9f8f3;
  box-sizing: border-box;
}

.industry-takeaways__text {
  margin: 0;
  flex: 1 1 auto;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-takeaways__cta {
  margin-top: 0.25rem;
}

.industry-takeaways__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  height: 2.75rem;
  padding: 0.4rem 1.75rem;
  border: 2px solid #5e565a;
  border-radius: 0.75rem;
  background: transparent;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.industry-takeaways__btn:hover,
.industry-takeaways__btn:focus-visible {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 2px 10px rgba(94, 86, 90, 0.08);
}

@media (max-width: 767.98px) {
  .industry-takeaways__item {
    padding: 0.9rem 0;
  }

  .industry-takeaways__btn {
    width: 100%;
    max-width: 16rem;
  }
}

/* ========== Executive Summary (Figma 2305:3308) ========== */
.industry-executive {
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
}

.industry-executive .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.5rem, 5vw, 3.75rem);
}

.industry-executive__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.18125rem;
  /* max-width: 49.375rem; */
  margin: 0 auto;
  text-align: center;
}

.industry-executive__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  background: #f7ff58;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-executive__title {
  margin: 0;
  padding-top: 0.28rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-executive__lead {
  margin: 0;
  max-width: 44.125rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-executive__grid {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
  width: 100%;
}

.industry-executive-shell {
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 18px;
}

.industry-executive-card {
  padding: 1.5rem;
  gap: 2rem;
  background: #fff;
  border: 1px solid #f4f4f4;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.industry-executive-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(94, 86, 90, 0.14);
}

.industry-executive-card__preview {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
  width: 100%;
  min-height: 11.375rem;
  padding: 1.5rem;
  background: #f9f9f9;
  border: 0.5px solid #f0f0f0;
  border-radius: 12px;
  overflow: hidden;
}

.industry-executive-card__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  gap: 0.4375rem;
}

.industry-executive-card__rail img {
  display: block;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.industry-executive-card__rail-arrow {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 1.5px solid #000;
  border-bottom: 1.5px solid #000;
  transform: rotate(45deg);
  margin: 0.05rem 0;
  opacity: 0.85;
}

.industry-executive-card__preview-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0;
}

.industry-executive-card__preview-label {
  margin: 0;
  color: #5d5d5d;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
}

.industry-executive-card__stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  width: 100%;
  max-width: 15.0625rem;
  padding: 1rem 0.875rem 0.75rem;
  background: #ef753f;
  border-radius: 6px;
  color: #fff;
}

.industry-executive-card__stat-metric {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.15;
}

.industry-executive-card__stat-row {
  display: flex;
  align-items: baseline;
  gap: 0.65rem;
}

.industry-executive-card__stat-value {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
}

.industry-executive-card__stat-delta {
  color: #1dff76;
  font-size: 0.5625rem;
  font-weight: 400;
  line-height: 1.2;
}

.industry-executive-card__spark {
  display: block;
  width: 100%;
  max-width: 13.5625rem;
  height: auto;
  margin-top: 0.15rem;
}

.industry-executive-card__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6875rem;
  width: 100%;
}

.industry-executive-card__title {
  margin: 0;
  color: #5e565a;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-executive-card__text {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

@media (max-width: 575.98px) {
  .industry-executive-card__preview {
    padding: 1rem;
    gap: 0.75rem;
  }

  .industry-executive-card__stat {
    max-width: none;
  }
}

/* ========== Trusted / Social Proof (Figma 199:393) ========== */
.industry-trusted {
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #a9cbb7;
  border-block: 1px solid #5e565a;
}

.industry-trusted .container {
  max-width: 1240px;
}

.industry-trusted__card {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: clamp(28rem, 55vw, 41rem);
  background: #f7f7f8;
  border: 1px solid #58886c;
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-trusted__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr);
  align-items: stretch;
  min-height: inherit;
}

.industry-trusted__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25rem;
  padding: clamp(1.75rem, 4vw, 3.75rem) clamp(1.25rem, 3vw, 3.75rem);
  z-index: 2;
}

.industry-trusted__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
  width: 100%;
  max-width: 34.4375rem;
}

.industry-trusted__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
  width: 100%;
}

.industry-trusted__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  background: rgba(247, 255, 88, 0.1);
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-trusted__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
}

.industry-trusted__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
  width: 100%;
}

.industry-trusted__body p {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-trusted__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12rem;
  min-height: 2.75rem;
  height: 3.3125rem;
  padding: 0.75rem 1.25rem;
  border: 2px solid #ff934f;
  border-radius: 1rem;
  background: transparent;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}

.industry-trusted__btn:hover,
.industry-trusted__btn:focus-visible {
  background: #ff934f;
  color: #fff;
  border-color: #ff934f;
}

.industry-trusted__btn:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

.industry-trusted__visual {
  position: relative;
  min-height: 22rem;
  z-index: 1;
}

.industry-trusted__deco {
  position: absolute;
  width: min(46.625rem, 145%);
  height: auto;
  max-width: none;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: multiply;
  opacity: 0.85;
  -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 35%, #000 100%);
  mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 35%, #000 100%);
}

.industry-trusted__deco--low {
  left: -8%;
  bottom: -6%;
}

.industry-trusted__deco--high {
  right: -18%;
  top: -4%;
}

.industry-trusted__photo {
  position: absolute;
  z-index: 2;
  right: 6%;
  top: 16%;
  width: min(31.25rem, 78%);
  padding: 4px;
  background: #f7f7f7;
  border: 1px solid #efecca;
  border-radius: 1.5rem;
}

.industry-trusted__photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  object-fit: cover;
}

.industry-trusted__chart {
  position: absolute;
  z-index: 3;
  left: 4%;
  top: 10%;
  width: min(13.1875rem, 42%);
  padding: 4px;
  background: #f7f7f7;
  border: 1px solid #efecca;
  border-radius: 0.75rem;
  box-shadow: 0 4px 23.2px rgba(0, 0, 0, 0.04);
}

.industry-trusted__chart img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
}

.industry-trusted__caption {
  position: absolute;
  z-index: 3;
  right: 7%;
  bottom: 7%;
  margin: 0;
  max-width: 29rem;
  color: #245035;
  font-size: clamp(1.125rem, 2vw, 1.625rem);
  font-weight: 700;
  line-height: 1.23;
  text-align: right;
}

@media (max-width: 991.98px) {
  .industry-trusted__layout {
    grid-template-columns: 1fr;
  }

  .industry-trusted__card {
    min-height: 0;
  }

  .industry-trusted__visual {
    min-height: 32rem;
    margin-top: -1rem;
  }

  .industry-trusted__photo {
    right: 8%;
    top: 12%;
    width: min(28rem, 72%);
  }

  .industry-trusted__chart {
    left: 6%;
    top: 8%;
  }

  .industry-trusted__caption {
    right: 8%;
    bottom: 6%;
  }
}

@media (max-width: 575.98px) {
  .industry-trusted {
    padding-inline: 1rem;
  }

  .industry-trusted__card {
    border-radius: 1.25rem;
  }

  .industry-trusted__copy {
    padding: 1.5rem 1.25rem 1.25rem;
  }

  .industry-trusted__top {
    gap: 1.5rem;
  }

  .industry-trusted__btn {
    width: 100%;
    max-width: 12rem;
  }

  .industry-trusted__visual {
    min-height: 24rem;
  }

  .industry-trusted__photo {
    width: 78%;
    right: 5%;
    top: 18%;
  }

  .industry-trusted__chart {
    width: 46%;
    left: 4%;
    top: 8%;
  }

  .industry-trusted__caption {
    max-width: 90%;
    font-size: 1.05rem;
  }
}

/* ========== Overview / Segment (Figma 199:430) ========== */
.industry-overview {
  padding-block: clamp(3.5rem, 6vw, 5rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-overview .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1240px;
}

.industry-overview__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  text-align: center;
}

.industry-overview__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-overview__title {
  margin: 0;
  max-width: 60.4375rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
}

.industry-overview__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(1.5rem, 3vw, 3rem);
  width: 100%;
}

.industry-overview__col--copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
}

.industry-overview__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}

.industry-overview__copy p {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-overview__quote {
  margin: 0;
  width: 100%;
  padding: 1.25rem;
  background: #ff934f;
  border: 1px solid #cf753c;
  border-radius: 1rem;
}

.industry-overview__quote p {
  margin: 0;
  color: #fff;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5625;
}

.industry-overview__flow {
  box-sizing: border-box;
  height: 100%;
  padding: 0.625rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.25rem;
}

.industry-overview__flow img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #fff;
  border-radius: 0.625rem;
  object-fit: cover;
}

.industry-overview__col--aside {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 2.25rem;
}

.industry-overview__photo {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  background: #f7f7f7;
  border: 1px solid #efefef;
  border-radius: 1.0625rem;
}

.industry-overview__photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.9375rem;
  object-fit: cover;
  aspect-ratio: 364 / 282;
}

.industry-overview__aside-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.75rem;
  width: 100%;
}

.industry-overview__aside-copy p {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-overview__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12rem;
  min-height: 2.75rem;
  height: 3.3125rem;
  padding: 0.75rem 1.25rem;
  border: 2px solid #ff934f;
  border-radius: 1rem;
  background: transparent;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}

.industry-overview__btn:hover,
.industry-overview__btn:focus-visible {
  background: #ff934f;
  color: #fff;
  border-color: #ff934f;
}

.industry-overview__btn:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

@media (max-width: 991.98px) {
  .industry-overview__grid {
    grid-template-columns: 1fr;
  }

  .industry-overview__col--copy {
    order: 1;
  }

  .industry-overview__col--flow {
    order: 2;
    max-width: 25rem;
    margin-inline: auto;
    width: 100%;
  }

  .industry-overview__col--aside {
    order: 3;
  }

  .industry-overview__photo img {
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 575.98px) {
  .industry-overview {
    padding-inline: 1rem;
  }

  .industry-overview__btn {
    width: 100%;
    max-width: 12rem;
  }
}

/* ========== Key Benefits (Figma 2305:3523) ========== */
.industry-benefits {
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-benefits .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(2.5rem, 4vw, 3.5rem);
  max-width: 1240px;
}

.industry-benefits__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.18125rem;
  width: 100%;
}

.industry-benefits__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-benefits__titles {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.1875rem;
  width: 100%;
}

.industry-benefits__title {
  margin: 0;
  flex: 1 1 20rem;
  max-width: 39.5rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
}

.industry-benefits__lead {
  margin: 0;
  flex: 1 1 16rem;
  max-width: 33.5625rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
}

.industry-benefits__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(1.5rem, 4vw, 3.8125rem);
  width: 100%;
}

.industry-benefits__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.6875rem;
  padding-block: 1.5rem;
  margin: 0;
}

.industry-benefit__shell {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 18px;
}

.industry-benefit__trigger {
  display: flex;
  align-items: center;
  gap: 1.375rem;
  width: 100%;
  padding: 1rem;
  margin: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #5e565a;
  text-align: left;
  cursor: pointer;
}

.industry-benefit__trigger:focus-visible {
  outline: 2px solid #ef753f;
  outline-offset: 2px;
}

.industry-benefit__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  background: #efecca;
  border-radius: 6px;
}

.industry-benefit__icon img {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  object-fit: contain;
}

.industry-benefit__title {
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-benefit__panel {
  padding: 0 1rem 1rem 4.5rem;
}

.industry-benefit__text {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-benefit:not(.is-open) .industry-benefit__panel {
  display: none;
}

.industry-outcomes {
  width: 100%;
}

.industry-outcomes__shell {
  box-sizing: border-box;
  height: 100%;
  min-height: 28rem;
  padding: 4px;
  background: #f7f7f7;
  border: 1px solid #efecca;
  border-radius: 1.5rem;
}

.industry-outcomes__stage {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: inherit;
  border-radius: 1.25rem;
  background: #efecca;
}

.industry-outcomes__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.industry-outcomes__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.125rem;
  width: calc(100% - 3.75rem);
  max-width: 33rem;
  margin: 2rem 1.85rem 0;
  padding: 2rem 1.8rem 4rem;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100%);
  border-radius: 1.25rem;
}

.industry-outcomes__title {
  margin: 0;
  color: #ef753f;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.22px;
}

.industry-outcomes__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6875rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.industry-outcomes__item {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.193px;
}

.industry-outcomes__pin {
  position: relative;
  flex: 0 0 auto;
  width: 1rem;
  height: 1.1rem;
}

.industry-outcomes__pin::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1.5px;
  transform: translateX(-50%);
  background: #245035;
  border-radius: 1px;
}

.industry-outcomes__pin::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.45rem;
  height: 0.45rem;
  transform: translate(-50%, -50%);
  border: 1.5px solid #245035;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  .industry-benefits__layout {
    grid-template-columns: 1fr;
  }

  .industry-outcomes__shell,
  .industry-outcomes__stage {
    min-height: 26rem;
  }

  .industry-benefit__panel {
    padding-left: 1rem;
  }
}

@media (max-width: 575.98px) {
  .industry-benefits {
    padding-inline: 1rem;
  }

  .industry-benefits__list {
    padding-block: 0;
  }

  .industry-outcomes__panel {
    width: calc(100% - 2rem);
    margin: 1.25rem 1rem 0;
    padding: 1.25rem 1rem 3rem;
  }
}

/* ========== Core Capabilities (Figma 2305:3619) ========== */
.industry-capabilities {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #efecca;
}

.industry-capabilities .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2rem, 3.5vw, 2.5rem);
  max-width: 1240px;
}

.industry-capabilities__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.18125rem;
  max-width: 60rem;
  margin: 0 auto;
  text-align: center;
}

.industry-capabilities__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-capabilities__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-capabilities__lead {
  margin: 0;
  max-width: 44.9375rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-capabilities__tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.75rem, 3vw, 3.25rem);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.industry-capabilities__tab-item {
  flex: 1 1 0;
  min-width: 7.5rem;
  margin: 0;
}

.industry-capabilities__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 4.875rem;
  padding: 0 0 1rem;
  border: 0;
  border-bottom: 4px solid transparent;
  background: transparent;
  color: #5e565a;
  font-size: clamp(0.95rem, 1.4vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 180ms ease, border-color 180ms ease;
}

.industry-capabilities__tab:hover,
.industry-capabilities__tab:focus-visible {
  opacity: 0.85;
}

.industry-capabilities__tab:focus-visible {
  outline: 2px solid #7c7744;
  outline-offset: 3px;
}

.industry-capabilities__tab.active {
  opacity: 1;
  border-bottom-color: #7c7744;
}

.industry-capabilities__content {
  width: 100%;
}

.industry-capabilities__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  width: 100%;
  padding: clamp(1.5rem, 4vw, 3.75rem) clamp(1.25rem, 4vw, 3.75rem) 0;
  overflow: hidden;
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.0509804);
}

.industry-capabilities__panel-body {
  margin: 0;
  max-width: 56.1875rem;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 1.25;
}

.industry-capabilities__media {
  width: 100%;
  max-height: clamp(16rem, 45vw, 28.125rem);
  overflow: hidden;
  border-radius: 1.25rem 1.25rem 0 0;
  background: #f0efed;
}

.industry-capabilities__media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  border-radius: 1.25rem 1.25rem 0 0;
  object-fit: cover;
  object-position: top center;
}

@media (max-width: 991.98px) {
  .industry-capabilities__tabs {
    justify-content: flex-start;
  }

  .industry-capabilities__tab-item {
    flex: 0 0 auto;
    min-width: 9.5rem;
  }

  .industry-capabilities__tab {
    min-height: 3.75rem;
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .industry-capabilities {
    padding-inline: 1rem;
  }

  .industry-capabilities__panel {
    gap: 1.5rem;
  }
}

/* ========== Product Tour (Figma 2305:3645) ========== */
.industry-tour {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #f5f5f6;
}

.industry-tour__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, 0.92) 0%,
      rgba(245, 245, 246, 0.55) 42%,
      rgba(255, 255, 255, 0.88) 100%
    );
}

.industry-tour__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1660px, 140%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) scaleX(-1);
  opacity: 0.28;
  filter: grayscale(0.85) contrast(0.92) brightness(1.15);
  mix-blend-mode: multiply;
}

.industry-tour .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.5rem, 4vw, 3.5rem);
  max-width: 1240px;
}

.industry-tour__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 47.5rem;
  text-align: center;
}

.industry-tour__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-tour__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-tour__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2rem;
  width: 100%;
}

.industry-tour-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.875rem;
  height: 100%;
  min-height: 100%;
}

.industry-tour-mock {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  width: 100%;
  height: 19.375rem; /* Figma 310px — equal mock shells */
  padding: 0 0 1.5rem;
  gap: 1.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 20px 60px rgba(94, 86, 90, 0.18);
}

.industry-tour-mock--stats {
  padding-bottom: 1.5rem; /* match siblings */
}

.industry-tour-mock__bar {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 0.375rem;
  width: 100%;
  padding: 0.875rem 1.125rem;
}

.industry-tour-mock__bar span {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 5px;
  background: rgba(94, 86, 90, 0.25);
}

.industry-tour-mock__chart,
.industry-tour-mock__flow,
.industry-tour-mock__row {
  flex: 1 1 auto;
  width: min(18.875rem, 88%);
  min-height: 0;
}

.industry-tour-mock__chart {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
  height: auto;
  padding: 1rem;
  background: #efecca;
  border-radius: 0.75rem;
}

.industry-tour-mock__bar-col {
  display: block;
  width: 3.8125rem;
  height: var(--h, 100px);
  max-height: 100%;
  border-radius: 6px 6px 0 0;
}

.industry-tour-mock__bar-col--coral {
  background: #ff934f;
}

.industry-tour-mock__bar-col--mint {
  background: #a9cbb7;
}

.industry-tour-mock__flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.industry-tour-mock__flow-node {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem 1.5rem;
  background: #fff;
  border: 1px solid rgba(94, 86, 90, 0.25);
  border-radius: 0.75rem;
  box-shadow: 0 2px 10px rgba(94, 86, 90, 0.06);
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
}

.industry-tour-mock__flow-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.8rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.55;
  opacity: 0.5;
}

.industry-tour-mock__row {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1rem;
}

.industry-tour-mock__stat {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0;
  min-height: 0;
  height: 100%;
  padding: 0.9375rem 1rem 1rem;
  background: #efecca;
  border-radius: 0.75rem;
}

.industry-tour-mock__num {
  color: #5e565a;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.55;
}

.industry-tour-mock__lbl {
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.55;
  opacity: 0.7;
}

.industry-tour-item__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  gap: 0.75rem;
  width: 100%;
}

.industry-tour-item__title {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
}

.industry-tour-item__text {
  margin: 0;
  flex: 1 1 auto;
  min-height: 4.6875rem; /* ~3 lines @ 25px — equal copy block */
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

@media (max-width: 991.98px) {
  .industry-tour__grid {
    grid-template-columns: 1fr;
    max-width: 24.5rem;
    margin-inline: auto;
  }

  .industry-tour-item__text {
    min-height: 0;
  }
}

@media (max-width: 575.98px) {
  .industry-tour {
    padding-inline: 1rem;
  }

  .industry-tour-mock {
    height: 17.5rem;
  }

  .industry-tour-mock__bar-col {
    width: 2.75rem;
  }
}

/* ========== Demo (Figma 2305:3708) ========== */
.industry-demo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #a9cbb7;
  border-block: 1px solid #5e565a;
}

.industry-demo__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.industry-demo__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(2538px, 180%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  opacity: 0.45;
  mix-blend-mode: multiply;
}

.industry-demo .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(2.5rem, 4.5vw, 3.75rem);
  max-width: 1240px;
}

.industry-demo__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.9375rem;
  width: 100%;
}

.industry-demo__title {
  margin: 0;
  flex: 1 1 18rem;
  max-width: 32.1875rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.4vw, 2.75rem);
  font-weight: 500;
  line-height: 1.34;
  letter-spacing: -0.28px;
}

.industry-demo__lead {
  margin: 0;
  flex: 1 1 18rem;
  max-width: 38.28125rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-demo__media {
  margin: 0;
  width: 100%;
  line-height: 0;
}

.industry-demo__media img {
  display: block;
  width: 100%;
  height: auto;
  border: 7px solid #437c6b;
  border-radius: 1.25rem;
  background: #fff;
}

.industry-demo__band {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: clamp(1.25rem, 4vw, 4.0625rem);
  width: 100%;
}

.industry-demo__stat {
  display: flex;
  flex: 1 1 8rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 7.5rem;
  text-align: center;
}

.industry-demo__stat-value {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.6875rem;
  color: #5e565a;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
}

.industry-demo__stat-label {
  margin: 0;
  max-width: 12.25rem;
  color: #5e565a;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
}

@media (max-width: 767.98px) {
  .industry-demo__band {
    justify-content: center;
  }

  .industry-demo__stat {
    flex: 1 1 42%;
  }
}

@media (max-width: 575.98px) {
  .industry-demo {
    padding-inline: 1rem;
  }

  .industry-demo__media img {
    border-width: 4px;
    border-radius: 1rem;
  }
}

/* ========== Deep Dive / How It Works (Figma 2305:3736) ========== */
.industry-hiw {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-hiw__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.industry-hiw__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1660px, 140%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) scaleX(-1);
  opacity: 0.28;
  filter: grayscale(0.85) contrast(0.92) brightness(1.15);
  mix-blend-mode: multiply;
}

.industry-hiw .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2rem, 3.5vw, 2.5rem);
  max-width: 1240px;
}

.industry-hiw__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 47.5rem;
  margin: 0;
  text-align: center;
}

.industry-hiw__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-hiw__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-hiw__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  width: 100%;
}

.industry-hiw__tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  padding: 0.5rem;
  margin: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: rgba(94, 86, 90, 0.08);
  backdrop-filter: blur(35.45px);
  border-radius: 1.5rem;
  scrollbar-width: thin;
}

.industry-hiw__tab {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-width: 10rem;
  min-height: 4.25rem;
  padding: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.875rem;
  background: transparent;
  color: rgba(23, 28, 32, 0.5);
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.industry-hiw__tab:hover,
.industry-hiw__tab:focus-visible {
  color: #5e565a;
}

.industry-hiw__tab:focus-visible {
  outline: 2px solid #ff934f;
  outline-offset: 2px;
}

.industry-hiw__tab.active {
  background: #ff934f;
  border-color: #cf753c;
  border-radius: 1rem;
  color: #fff;
}

.industry-hiw__tab-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
}

.industry-hiw__tab-icon svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.industry-hiw-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.05fr);
  align-items: stretch;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  width: 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.5rem;
}

.industry-hiw-panel__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  min-height: 100%;
  padding-bottom: 1rem;
}

.industry-hiw-panel__copy-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
}

.industry-hiw-panel__heading {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.28px;
}

.industry-hiw-panel__body {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-hiw-panel__outcome {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  max-width: 27.5rem;
}

.industry-hiw-panel__outcome-label {
  margin: 0;
  color: #ff934f;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
}

.industry-hiw-panel__outcome-text {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
}

.industry-hiw-panel__media {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  background: #f7f7f7;
  border: 1px solid #efecca;
  border-radius: 1.5rem;
  overflow: hidden;
}

.industry-hiw-panel__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 16rem;
  object-fit: cover;
  border-radius: 1.25rem;
}

@media (max-width: 991.98px) {
  .industry-hiw-panel {
    grid-template-columns: 1fr;
  }

  .industry-hiw__tab {
    flex: 0 0 auto;
    min-width: 11rem;
  }
}

@media (max-width: 575.98px) {
  .industry-hiw {
    padding-inline: 1rem;
  }

  .industry-hiw__tabs {
    gap: 0.5rem;
  }

  .industry-hiw-panel {
    padding: 1.25rem;
  }
}

/* ========== Workflow / Feature Deep Dive (Figma 2305:3782) ========== */
.industry-workflow {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(2.5rem, 4vw, 2.5rem) clamp(1rem, 4vw, 6.25rem) clamp(4rem, 7vw, 6.25rem);
  background: #fff;
}

.industry-workflow__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.industry-workflow__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1660px, 140%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(180deg);
  opacity: 0.28;
  filter: grayscale(0.85) contrast(0.92) brightness(1.15);
  mix-blend-mode: multiply;
}

.industry-workflow .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.5rem, 4vw, 3.5rem);
  max-width: 1240px;
}

.industry-workflow__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.05625rem;
  width: 100%;
  text-align: center;
}

.industry-workflow__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-workflow__title {
  margin: 0;
  max-width: 49.7rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-workflow__layout {
  display: grid;
  grid-template-columns: minmax(0, 588fr) minmax(0, 596fr);
  align-items: stretch;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  width: 100%;
}

.industry-workflow__media,
.industry-workflow__frame {
  height: 100%;
}

.industry-workflow__frame {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: #fffef1;
  border: 1px solid #efecca;
  border-radius: 1.5rem;
  overflow: hidden;
}

.industry-workflow__frame img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 20rem;
  object-fit: cover;
  object-position: center top;
  border-radius: 1.25rem;
}

.industry-workflow__steps {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  margin: 0;
  min-height: 100%;
}

.industry-workflow-step {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
}

.industry-workflow-step__trigger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  width: 100%;
  padding: 0 0 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #5e565a;
  text-align: left;
  cursor: pointer;
}

.industry-workflow-step:not(.is-open) .industry-workflow-step__trigger {
  align-items: center;
  min-height: 4rem;
}

.industry-workflow-step.is-open .industry-workflow-step__trigger {
  padding-bottom: 0.75rem;
}

.industry-workflow-step__trigger:focus-visible {
  outline: 2px solid #ff934f;
  outline-offset: 2px;
}

.industry-workflow-step__main {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  min-width: 0;
  flex: 1 1 auto;
}

.industry-workflow-step:not(.is-open) .industry-workflow-step__main {
  align-items: center;
}

.industry-workflow-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
  background: #ff934f;
  border-radius: 1rem;
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.55;
}

.industry-workflow-step__title {
  display: block;
  padding-top: 1rem;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-workflow-step:not(.is-open) .industry-workflow-step__title {
  padding-top: 0;
}

.industry-workflow-step__toggle {
  position: relative;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1.25rem;
}

.industry-workflow-step:not(.is-open) .industry-workflow-step__toggle {
  margin-top: 0;
}

.industry-workflow-step__toggle::before,
.industry-workflow-step__toggle::after {
  content: "";
  position: absolute;
  left: 14.07%;
  right: 14.07%;
  top: 45.12%;
  bottom: 45.12%;
  background: #000;
  border-radius: 1px;
}

.industry-workflow-step__toggle::after {
  left: 45.12%;
  right: 45.12%;
  top: 14.06%;
  bottom: 14.07%;
}

.industry-workflow-step.is-open .industry-workflow-step__toggle::after {
  display: none;
}

.industry-workflow-step__panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 2.75rem 1.25rem 5.5rem;
}

.industry-workflow-step:not(.is-open) .industry-workflow-step__panel,
.industry-workflow-step__panel[hidden] {
  display: none;
}

.industry-workflow-step__text {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

@media (max-width: 991.98px) {
  .industry-workflow__layout {
    grid-template-columns: 1fr;
  }

  .industry-workflow__frame img {
    min-height: 18rem;
  }

  .industry-workflow-step__panel {
    padding-left: 0;
    padding-right: 0;
  }

  .industry-workflow-step__main {
    gap: 1rem;
  }
}

@media (max-width: 575.98px) {
  .industry-workflow-step__num {
    width: 3.25rem;
    height: 3.25rem;
    font-size: 1.25rem;
    border-radius: 0.85rem;
  }

  .industry-workflow-step__panel {
    padding-bottom: 1rem;
  }
}

/* ========== AI & Automation (Figma 2305:3833) ========== */
.industry-ai {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #a9cbb7;
  border-block: 1px solid #5e565a;
}

.industry-ai__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  background: #a9cbb7;
}

.industry-ai__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1564px, 130%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  opacity: 0.55;
  mix-blend-mode: plus-darker;
}

@supports not (mix-blend-mode: plus-darker) {
  .industry-ai__bg img {
    mix-blend-mode: multiply;
    opacity: 0.4;
  }
}

.industry-ai .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  max-width: 1240px;
}

.industry-ai__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 50.5rem;
  margin: 0;
  text-align: center;
}

.industry-ai__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background: #fff;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
  white-space: nowrap;
}

.industry-ai__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.36px;
  text-align: center;
}

.industry-ai__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 1.25rem;
  width: 100%;
}

.industry-ai-card {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 13.4375rem;
}

.industry-ai-card__shell {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: 1px solid rgba(244, 244, 244, 0.3);
  border-radius: 1.125rem;
  filter: drop-shadow(0 2px 12.3px rgba(0, 0, 0, 0.25));
}

.industry-ai-card__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-ai-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  background: #efecca;
  border-radius: 0.25rem;
}

.industry-ai-card__icon img {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  object-fit: contain;
}

.industry-ai-card__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  width: 100%;
}

.industry-ai-card__title {
  margin: 0;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.14px;
}

.industry-ai-card__text {
  margin: 0;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 991.98px) {
  .industry-ai__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .industry-ai__grid {
    grid-template-columns: 1fr;
  }

  .industry-ai-card {
    min-height: 0;
  }
}

/* ========== Analytics & Reporting (Figma 2305:3889) ========== */
.industry-analytics {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-analytics__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.industry-analytics__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1660px, 140%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) scaleX(-1);
  opacity: 0.28;
  filter: grayscale(0.85) contrast(0.92) brightness(1.15);
  mix-blend-mode: multiply;
}

.industry-analytics .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 1240px;
}

.industry-analytics__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 51.4375rem;
  margin: 0;
  text-align: center;
}

.industry-analytics__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-analytics__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-analytics__lead {
  margin: 0;
  max-width: 29.875rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-analytics__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  width: 100%;
}

.industry-analytics-card {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 13.03125rem;
}

.industry-analytics-card__shell {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 1.125rem;
}

.industry-analytics-card__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-analytics-card__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-analytics-card__verb {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
}

.industry-analytics-card__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.industry-analytics-card__list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-analytics-card__pin {
  position: relative;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
}

.industry-analytics-card__pin::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 5%;
  bottom: 5%;
  width: 1.5px;
  transform: translateX(-50%);
  background: #245035;
  border-radius: 1px;
}

.industry-analytics-card__pin::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.35rem;
  height: 0.35rem;
  transform: translate(-50%, -50%);
  border: 1.5px solid #245035;
  border-radius: 50%;
  background: transparent;
  box-sizing: border-box;
}

@media (max-width: 991.98px) {
  .industry-analytics__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .industry-analytics-card__list {
    grid-template-columns: 1fr;
    max-width: none;
  }
}

/* ========== Insights Accordion (Figma 2305:4093) ========== */
.industry-insights {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(2.5rem, 5vw, 3.75rem) clamp(1rem, 4vw, 6.25rem) clamp(4rem, 7vw, 6.25rem);
  background: #fff;
}

.industry-insights__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.industry-insights__bg img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1720px, 145%);
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%) scaleX(-1);
  opacity: 0.28;
  filter: grayscale(0.85) contrast(0.92) brightness(1.15);
  mix-blend-mode: multiply;
}

.industry-insights .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 1240px;
}

.industry-insights__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 51.4375rem;
  margin: 0;
  text-align: center;
}

.industry-insights__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-insights__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-insights__lead {
  margin: 0;
  max-width: 29.875rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-insights__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 2rem;
  width: 100%;
}

.industry-insights__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  width: 100%;
  margin: 0;
}

.industry-insight__shell {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 1.125rem;
}

.industry-insight__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-insight:not(.is-open) .industry-insight__inner {
  padding-block: 1.5rem;
}

.industry-insight__trigger {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #5e565a;
  text-align: left;
  cursor: pointer;
}

.industry-insight__trigger:focus-visible {
  outline: 2px solid #ff934f;
  outline-offset: 2px;
}

.industry-insight__title {
  display: block;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-insight__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
}

.industry-insight:not(.is-open) .industry-insight__panel,
.industry-insight__panel[hidden] {
  display: none;
}

.industry-insight__verb {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
}

.industry-insight__list-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 0.75rem;
  row-gap: 1.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.industry-insight__list-items li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-insight__pin {
  position: relative;
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
}

.industry-insight__pin::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 5%;
  bottom: 5%;
  width: 1.5px;
  transform: translateX(-50%);
  background: #245035;
  border-radius: 1px;
}

.industry-insight__pin::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.35rem;
  height: 0.35rem;
  transform: translate(-50%, -50%);
  border: 1.5px solid #245035;
  border-radius: 50%;
  background: transparent;
  box-sizing: border-box;
}

.industry-insights__media,
.industry-insights__media-shell,
.industry-insights__media-inner {
  height: 100%;
}

.industry-insights__media-shell {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 1.125rem;
}

.industry-insights__media-inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.75rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-insights__photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 28rem;
  object-fit: cover;
  object-position: center;
  border-radius: 0.75rem;
  transform: scaleX(-1);
}

.industry-insights__overlay {
  position: absolute;
  z-index: 1;
  left: 1.875rem;
  top: 16.1875rem;
  width: min(17.385rem, 52%);
  height: auto;
  filter: drop-shadow(0 12px 28px rgba(55, 45, 48, 0.18));
}

@media (max-width: 991.98px) {
  .industry-insights__layout {
    grid-template-columns: 1fr;
  }

  .industry-insights__photo {
    min-height: 22rem;
  }

  .industry-insights__overlay {
    left: 1.25rem;
    top: auto;
    bottom: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  .industry-insight__list-items {
    grid-template-columns: 1fr;
    row-gap: 0.75rem;
  }

  .industry-insights__overlay {
    width: min(14rem, 62%);
  }
}

/* ========== Integrations (Figma 2305:4168) ========== */
.industry-integrations {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #efecca;
}

.industry-integrations .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 1240px;
}

.industry-integrations__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.05625rem;
  width: 100%;
  margin: 0;
  text-align: center;
}

.industry-integrations__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-integrations__title {
  margin: 0.4rem 0 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-integrations__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 2.5rem;
  width: 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: #fff;
  border-radius: 1.25rem;
}

.industry-integrations__tabs {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 1.1875rem;
}

.industry-integrations__tab {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  padding: 1rem;
  margin: 0;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  color: #5e565a;
  text-align: left;
  cursor: pointer;
  transition: background 200ms ease, border-color 200ms ease, color 200ms ease;
}

.industry-integrations__tab.is-active {
  padding: 1.25rem;
  background: #ff934f;
  border: 1px solid #cf753c;
  color: #fff;
}

.industry-integrations__tab:not(.is-active) .industry-integrations__tab-label {
  opacity: 0.5;
}

.industry-integrations__tab:focus-visible {
  outline: 2px solid #ff934f;
  outline-offset: 2px;
}

.industry-integrations__tab-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  color: #ff934f;
  border-radius: 0.25rem;
}

.industry-integrations__tab.is-active .industry-integrations__tab-icon {
  color: #fff;
}

.industry-integrations__tab-icon svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.industry-integrations__tab-label {
  flex: 1 1 auto;
  font-size: clamp(1.05rem, 1.6vw, 1rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-integrations__visual {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid rgba(234, 233, 211, 0.6);
  border-radius: 1.25rem;
}

.industry-integrations__visual img {
  display: block;
  width: min(100%, 21.3125rem);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}

.industry-integrations__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  min-height: 100%;
}

.industry-integrations__copy-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4375rem;
  width: 100%;
}

.industry-integrations__heading {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-integrations__body,
.industry-integrations__closing {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-integrations__tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0.5rem;
  row-gap: 0.5625rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.25rem;
  list-style: none;
  background: #f7fffa;
  border-radius: 0.875rem;
}

.industry-integrations__tools li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
}

.industry-integrations__check {
  display: inline-flex;
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
}

.industry-integrations__check svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1199.98px) {
  .industry-integrations__panel {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 1.5rem;
  }

  .industry-integrations__visual {
    grid-column: 1 / -1;
    order: 3;
    min-height: 18rem;
  }
}

@media (max-width: 767.98px) {
  .industry-integrations__panel {
    grid-template-columns: 1fr;
  }

  .industry-integrations__tools {
    grid-template-columns: 1fr;
  }
}

/* ========== Security & Compliance (Figma 2305:4244) ========== */
.industry-security {
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-security .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 1240px;
}

.industry-security__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 62.9375rem;
  margin: 0;
  text-align: center;
}

.industry-security__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-security__title {
  margin: 0;
  max-width: 39.8125rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-security__lead {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-security__lead--narrow {
  max-width: 44.8125rem;
}

.industry-security__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 2rem;
  width: 100%;
  padding-top: clamp(1.5rem, 3vw, 2.81875rem);
}

.industry-security-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.68125rem;
  width: 100%;
  height: 100%;
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-security-card:nth-child(2) {
  gap: 1.25rem;
}

.industry-security-card__media {
  width: 100%;
  overflow: hidden;
  border-radius: 1.25rem;
  background:
    linear-gradient(0deg, #a9cbb7, #a9cbb7),
    #cff1dd;
  background-blend-mode: color, normal;
}

.industry-security-card__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 540 / 304;
  object-fit: cover;
  object-position: center top;
}

.industry-security-card__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6875rem;
  width: 100%;
}

.industry-security-card__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-security-card__text {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-security-card__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.industry-security-card__tags li {
  display: inline-flex;
  align-items: center;
  padding: 0.4375rem 1rem 0.543125rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .industry-security__grid {
    grid-template-columns: 1fr;
    padding-top: 1.5rem;
  }
}

/* ========== Testimonials (Figma 2305:4282) ========== */
.industry-testimonials {
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #f9f8ef;
}

.industry-testimonials .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  max-width: 1240px;
}

.industry-testimonials__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.46125rem;
  width: 100%;
  max-width: 47.5rem;
  margin: 0;
  text-align: center;
}

.industry-testimonials__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-testimonials__title {
  margin: 0;
  max-width: 43.625rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 2.5rem;
  width: 100%;
}

.industry-testimonial-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  background: #f8f8f8;
  border-radius: 1.5rem;
}

.industry-testimonial-card__profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.industry-testimonial-card__person {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-width: 0;
}

.industry-testimonial-card__avatar {
  display: block;
  flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
  background: #e1e1e1;
}

.industry-testimonial-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
}

.industry-testimonial-card__name,
.industry-testimonial-card__role {
  margin: 0;
  font-family: "Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
}

.industry-testimonial-card__name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.28;
}

.industry-testimonial-card__role {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}

.industry-testimonial-card__stars {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
}

.industry-testimonial-card__stars img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.industry-testimonial-card__rule {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #dcdcdc;
}

.industry-testimonial-card__quote {
  margin: 0;
  max-width: 28.5625rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.555;
}

@media (max-width: 991.98px) {
  .industry-testimonials__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .industry-testimonial-card {
    padding: 1.5rem;
  }

  .industry-testimonial-card__profile {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ========== Success Stories (Figma 2305:4345) ========== */
.industry-success {
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-success .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
  max-width: 1240px;
}

.industry-success__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.46125rem;
  width: 100%;
  max-width: 52.9375rem;
  margin: 0;
  text-align: center;
}

.industry-success__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-success__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-success__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2rem;
  width: 100%;
}

.industry-success-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.69375rem;
  width: 100%;
  height: 100%;
  padding: 2.5rem 2rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-success-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #ff934f;
  border: 1px solid #ff934f;
  border-radius: 0.5rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
  white-space: nowrap;
}

.industry-success-card__title {
  margin: 0.4875rem 0 0;
  color: #5e565a;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-success-card__text {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-success-card__label {
  margin: 0.24375rem 0 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5625;
}

.industry-success-card__results {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  margin: 0.3rem 0 0;
  padding: 0;
  list-style: none;
}

.industry-success-card__results li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
}

.industry-success-card__check {
  display: inline-flex;
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
}

.industry-success-card__check svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 991.98px) {
  .industry-success__grid {
    grid-template-columns: 1fr;
  }
}

/* ========== ROI (Figma 2305:4449) ========== */
.industry-roi {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  min-height: auto;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  background-color: #efecca;
  background-image: url("../images/vertical/image-roi-bg.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}

.industry-roi::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(239, 236, 202, 0.55) 0%,
    rgba(239, 236, 202, 0.28) 42%,
    rgba(239, 236, 202, 0) 62%
  );
}

.industry-roi .container,
.industry-roi .row {
  position: relative;
  z-index: 1;
}

.industry-roi .container {
  display: flex;
  align-items: center;
  min-height: inherit;
}

.industry-roi__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.75rem;
  width: 100%;
  max-width: 100%;
}

.industry-roi__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
}

.industry-roi__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.375rem 0.875rem;
  background: rgba(247, 255, 88, 0.2);
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-roi__title {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
}

.industry-roi__lead {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
}

.industry-roi__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 2.75rem;
  min-height: 3.3125rem;
  padding: 0.75rem 3.625rem;
  background: #ff934f;
  border: none;
  border-radius: 0.75rem;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  text-decoration: none;
  transition: background-color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
}

.industry-roi__cta:hover {
  background: #f07f38;
  color: #000;
  box-shadow: 0 8px 20px rgba(255, 147, 79, 0.28);
  transform: translateY(-1px);
}

.industry-roi__cta:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

@media (max-width: 991.98px) {
  .industry-roi {
    min-height: clamp(24rem, 70vw, 32rem);
    background-position: 72% center;
  }

  .industry-roi::before {
    background: linear-gradient(
      180deg,
      rgba(239, 236, 202, 0.92) 0%,
      rgba(239, 236, 202, 0.78) 58%,
      rgba(239, 236, 202, 0.35) 100%
    );
  }

  .industry-roi__copy {
    gap: 2rem;
    max-width: none;
  }
}

@media (max-width: 575.98px) {
  .industry-roi {
    background-position: 78% center;
  }

  .industry-roi__cta {
    width: 100%;
    padding-inline: 1.5rem;
  }

  .industry-roi__badge {
    white-space: normal;
    text-align: center;
  }
}

/* ========== Where ROI Comes From (Figma 2305:4461) ========== */
.industry-roi-from {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding-block: clamp(2.5rem, 5vw, 3.75rem) clamp(3.5rem, 7vw, 6.25rem);
  background: #efecca;
}

.industry-roi-from .container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  max-width: 1240px;
}

.industry-roi-from__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  padding-top: 1.4375rem;
}

.industry-roi-from__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.375rem, 2.4vw, 1.75rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.28px;
}

.industry-roi-from__nav {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 1.5rem;
}

.industry-roi-from__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: opacity 200ms ease, transform 200ms ease;
}

.industry-roi-from__nav-btn img {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
}

.industry-roi-from__nav-btn:hover:not(:disabled) {
  transform: translateY(-1px);
}

.industry-roi-from__nav-btn:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

.industry-roi-from__nav-btn:disabled {
  opacity: 0.35;
  cursor: default;
}

.industry-roi-from__viewport {
  position: relative;
  isolation: isolate;
  width: 100%;
}

.industry-roi-from__swiper {
  overflow: hidden;
  width: 100%;
}

.industry-roi-from__slide {
  width: 21.875rem;
  height: auto;
}

.industry-roi-from-shell {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: 1px solid #f4f4f4;
  border-radius: 1.125rem;
}

.industry-roi-from-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  box-sizing: border-box;
  width: 100%;
  min-height: 22.5rem;
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-roi-from-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 3rem;
  height: 2.875rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
}

.industry-roi-from-card__icon img {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}

.industry-roi-from-card__title {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-roi-from-card__text {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-roi-from__fade {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 7.875rem;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(270deg, rgba(239, 236, 202, 0.9) 0%, rgba(239, 236, 202, 0) 100%);
}

@media (max-width: 991.98px) {
  .industry-roi-from__slide {
    width: 18.75rem;
  }

  .industry-roi-from-card {
    min-height: 20rem;
    padding: 1.5rem;
  }

  .industry-roi-from__fade {
    width: 4.5rem;
  }
}

@media (max-width: 575.98px) {
  .industry-roi-from__head {
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0;
  }

  .industry-roi-from__slide {
    width: min(17.5rem, 82vw);
  }

  .industry-roi-from__fade {
    width: 3rem;
  }
}

/* ========== Compare / Why Choose Us (Figma 2305:4516) ========== */
.industry-compare {
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-compare .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 1240px;
}

.industry-compare__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.0625rem;
  width: 100%;
  max-width: 65.375rem;
  margin: 0;
  text-align: center;
}

.industry-compare__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-compare__title {
  margin: 0;
  max-width: 45.4375rem;
  padding-top: 0.4rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-compare__lead {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-compare__lead--narrow {
  max-width: 45rem;
}

.industry-compare__table-wrap {
  width: 100%;
  padding-top: 2rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.industry-compare-table {
  width: 100%;
  min-width: 44rem;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(239, 236, 202, 0.2);
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.08);
  overflow: hidden;
}

.industry-compare-table thead th {
  padding: 1.25rem 2.5rem;
  background: #3c3639;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.42px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  border: 0;
}

.industry-compare-table thead th:nth-child(3) {
  color: #ff934f;
}

.industry-compare-table tbody td {
  padding: 1.25rem 2.5rem;
  color: #5e565a;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.55;
  text-align: left;
  vertical-align: middle;
  border: 0;
  background: #fff;
}

.industry-compare-table tbody tr:nth-child(even) td {
  background: #e7efe7;
}

.industry-compare-table__win {
  position: relative;
  isolation: isolate;
  padding-left: 2.75rem !important;
  font-weight: 500 !important;
}

.industry-compare-table__win::before {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #ff934f;
  transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  .industry-compare-table thead th,
  .industry-compare-table tbody td {
    padding: 1rem 1.25rem;
  }

  .industry-compare-table__win {
    padding-left: 2.25rem !important;
  }

  .industry-compare-table__win::before {
    left: 0.85rem;
  }
}

/* ========== Related Pages (Figma 2305:4599) ========== */
.industry-related {
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #efecca;
}

.industry-related .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.5rem, 5vw, 3.75rem);
  max-width: 1240px;
}

.industry-related__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.18125rem;
  width: 100%;
  max-width: 47.5rem;
  margin: 0;
  text-align: center;
}

.industry-related__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-related__title {
  margin: 0;
  padding-top: 0.31875rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-related__lead {
  margin: 0;
  max-width: 45.125rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-related__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  box-sizing: border-box;
  width: 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: #a9cbb7;
  border-radius: 1.5rem;
}

.industry-related__panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}

.industry-related__panel-head--solo {
  align-items: center;
}

.industry-related__panel-title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.375rem, 2.4vw, 1.75rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.28px;
}

.industry-related__view-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 2.75rem;
  min-height: 2.8125rem;
  padding: 0.5rem 1.75rem;
  border: 2px solid #5e565a;
  border-radius: 0.75rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.industry-related__view-all:hover {
  background: #5e565a;
  color: #fff;
  transform: translateY(-1px);
}

.industry-related__view-all:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

.industry-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  width: 100%;
}

.industry-related-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
  color: inherit;
  text-decoration: none;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.industry-related-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(94, 86, 90, 0.14);
}

.industry-related-card:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

.industry-related-card__media {
  width: 100%;
  height: 12.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #eee;
}

.industry-related-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.industry-related-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem;
}

.industry-related-card__title {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375;
  letter-spacing: -0.14px;
}

.industry-related-card__text {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-related__panel:last-child .industry-related-card {
  gap: 0.425rem;
}

.industry-related__panel:last-child .industry-related-card__body {
  gap: 0.4375rem;
}

.industry-related__panel:last-child .industry-related-card__text {
  font-size: 1rem;
  line-height: 1.55;
}

@media (max-width: 991.98px) {
  .industry-related__grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .industry-related__panel-head {
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (max-width: 575.98px) {
  .industry-related__view-all {
    width: 100%;
  }

  .industry-related-card__media {
    height: 11rem;
  }
}

/* ========== Resources (Figma 2305:4648) ========== */
.industry-resources {
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #fff;
}

.industry-resources .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.5rem, 5vw, 3.5rem);
  max-width: 1240px;
}

.industry-resources__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.05625rem;
  width: 100%;
  margin: 0;
  text-align: center;
}

.industry-resources__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-resources__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-resources__lead {
  margin: 0;
  max-width: 65.3125rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

.industry-resources__lead--narrow {
  max-width: 61.1875rem;
}

.industry-resources__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2rem;
  width: 100%;
}

.industry-resources-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.575rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 2.71875rem 2rem 2.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
}

.industry-resources-card__tag {
  display: block;
  margin: 0;
  color: #ff934f;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;
  text-transform: uppercase;
}

.industry-resources-card__title {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-resources-card__text {
  margin: 0;
  width: 100%;
  padding-top: 0.1rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-resources-card__list-label {
  margin: 0;
  width: 100%;
  padding-top: 0.35rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
}

.industry-resources-card__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
  width: 100%;
  margin: 0;
  padding: 0.425rem 0 0;
  list-style: none;
}

.industry-resources-card__list li {
  margin: 0;
  width: 100%;
  color: #5e565a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 991.98px) {
  .industry-resources__grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .industry-resources-card {
    padding: 2rem 1.5rem;
  }
}

/* ========== FAQ (Figma 2305:4714) ========== */
.industry-faq {
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #efecca;
}

.industry-faq__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2.5rem, 5vw, 3.5rem);
  width: 100%;
  max-width: 52.5rem;
  margin: 0 auto;
}

.industry-faq__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 47.5rem;
  text-align: center;
}

.industry-faq__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.375rem 0.875rem;
  background: #f7ff58;
  border: 1px solid #5e565a;
  border-radius: 0.5rem;
  color: #5e565a;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  white-space: nowrap;
}

.industry-faq__title {
  margin: 0;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-faq__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
}

.industry-faq-item {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1.75rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(94, 86, 90, 0.08);
}

.industry-faq-item__summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-sizing: border-box;
  min-height: 4.24375rem;
  padding: 0.75rem 2rem 0.75rem 0;
  list-style: none;
  cursor: pointer;
}

.industry-faq-item__summary::-webkit-details-marker {
  display: none;
}

.industry-faq-item__summary::marker {
  content: "";
}

.industry-faq-item__question {
  flex: 1 1 auto;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.55;
  text-align: left;
}

.industry-faq-item__icon {
  position: relative;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
}

.industry-faq-item__icon::before,
.industry-faq-item__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #5e565a;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}

.industry-faq-item__icon::before {
  width: 1rem;
  height: 2px;
}

.industry-faq-item__icon::after {
  width: 2px;
  height: 1rem;
}

.industry-faq-item[open] .industry-faq-item__icon::after {
  display: none;
}

.industry-faq-item__body {
  padding: 0 0 1.5rem;
}

.industry-faq-item__body p {
  margin: 0;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
}

.industry-faq-item__summary:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 4px;
  border-radius: 0.5rem;
}

@media (max-width: 575.98px) {
  .industry-faq-item {
    padding-inline: 1.25rem;
  }

  .industry-faq-item__question {
    font-size: 1rem;
  }

  .industry-faq-item__summary {
    min-height: 3.5rem;
    padding-right: 1.75rem;
  }
}

/* ========== Final CTA (Figma 2305:4770) ========== */
.industry-cta {
  box-sizing: border-box;
  padding-block: clamp(3.5rem, 7vw, 6.25rem);
  padding-inline: clamp(1rem, 4vw, 6.25rem);
  background: #a9cbb7;
  border-block: 1px solid #5e565a;
}

.industry-cta .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  max-width: 1240px;
}

.industry-cta__title {
  margin: 0;
  max-width: 51.6875rem;
  color: #5e565a;
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.48px;
  text-align: center;
}

.industry-cta__stage {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: clamp(28rem, 55vw, 38.8125rem);
  padding: clamp(10rem, 22vw, 18.125rem) clamp(1rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem);
  overflow: hidden;
  border-radius: 1.25rem;
  background: #fff;
}

.industry-cta__media {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
}

.industry-cta__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.industry-cta__fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(169, 203, 183, 0) 57.17%,
    rgba(169, 203, 183, 0.7) 77.92%,
    #a9cbb7 100%
  );
}

.industry-cta__cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  width: 100%;
}

.industry-cta-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(94, 86, 90, 0.1);
  text-align: center;
}

.industry-cta-card__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.industry-cta-card__title {
  margin: 0;
  color: #5e565a;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.22px;
}

.industry-cta-card__text {
  margin: 0;
  max-width: 28.9rem;
  color: #5e565a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
}

.industry-cta-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0.4125rem 1.75rem 0.525rem;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  text-decoration: none;
  transition: background-color 250ms ease, color 250ms ease, border-color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
}

.industry-cta-card__btn--primary {
  background: #ff934f;
  border: 0;
  color: #000;
}

.industry-cta-card__btn--primary:hover {
  background: #f07f38;
  color: #000;
  box-shadow: 0 8px 20px rgba(255, 147, 79, 0.28);
  transform: translateY(-1px);
}

.industry-cta-card__btn--outline {
  background: transparent;
  border: 2px solid #5e565a;
  color: #5e565a;
}

.industry-cta-card__btn--outline:hover {
  background: #5e565a;
  color: #fff;
  transform: translateY(-1px);
}

.industry-cta-card__btn:focus-visible {
  outline: 2px solid #5e565a;
  outline-offset: 3px;
}

.industry-cta__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 48.75rem;
}

.industry-cta__lead {
  margin: 0;
  max-width: 47.625rem;
  padding-top: 2rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.555;
  text-align: center;
}

.industry-cta__note {
  margin: 0;
  max-width: 44rem;
  color: #5e565a;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.555;
  text-align: center;
}

@media (max-width: 991.98px) {
  .industry-cta__stage {
    min-height: 0;
    padding-top: 12rem;
  }

  .industry-cta__cards {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  .industry-cta__stage {
    padding: 9rem 1rem 1.25rem;
  }

  .industry-cta-card__btn {
    width: 100%;
  }
}

.industry-stat-band {
  background: #fff;
  border: 1px solid var(--brand-border);
  border-radius: var(--brand-radius);
  padding: 1.5rem;
}

/* ==========================================
   INDUSTRIES PAGE — shared utilities
========================================== */

.page-industries,
.page-industries-main,
.page-vertical,
.page-resources {
  overflow-x: clip;
}

.page-industries .is-hidden,
.page-industries-main .is-hidden,
.page-vertical .is-hidden,
.page-resources .is-hidden,
.industries-takeaways .is-hidden {
  display: none !important;
}

.page-industries .section-title,
.page-industries-main .section-title,
.page-vertical .section-title,
.page-resources .section-title {
  color: #5e565a;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.page-industries .nav-tabs-brand,
.page-industries-main .nav-tabs-brand,
.page-vertical .nav-tabs-brand,
.page-resources .nav-tabs-brand {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  gap: 0.35rem;
  padding-bottom: 0.35rem;
  scrollbar-width: thin;
}

.page-industries .nav-tabs-brand .nav-item,
.page-industries-main .nav-tabs-brand .nav-item,
.page-vertical .nav-tabs-brand .nav-item,
.page-resources .nav-tabs-brand .nav-item {
  flex: 0 0 auto;
}

@media (max-width: 575.98px) {
  .page-industries .nav-tabs-brand .nav-link,
  .page-industries-main .nav-tabs-brand .nav-link,
  .page-vertical .nav-tabs-brand .nav-link,
  .page-resources .nav-tabs-brand .nav-link {
    white-space: nowrap;
    font-size: 0.875rem;
    padding-inline: 0.85rem;
  }
}

.page-industries section#banner {
  padding: 55px 15px;
}