/**
 * Single Product Stylesheet (vanilla CSS)
 *
 * @package BIM_Works
 */

html {
  scroll-behavior: smooth;
}

/* Container geral da página */
.single-product-page {
  background-color: #0a0a0b;
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  overflow: hidden;
}

/* =============================================================
   Seção: Hero
   ============================================================= */

.product-hero {
  position: relative;
  width: 100%;
  /* max-width: 1494px; */
  padding-top: 60px;
  padding-bottom: 118px;
  min-height: auto;
  height: auto;
  margin: 0 auto;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  overflow: hidden;
  /* border-bottom: 1px solid var(--product-color-border); */
}

/* Camada de Overlay */
.product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--hero-overlay-gradient);
  z-index: 1;
  pointer-events: none;
}

/* Indicador de Scroll */
.product-hero__scroll-indicator {
  position: absolute;
  bottom: 30px; /* Ajustado: invasão de 20px + 10px de distância visual desejada */
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: #6a7282;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
  cursor: pointer;
  transition:
    color 300ms ease-out,
    transform 300ms ease-out;
}

.product-hero__scroll-indicator:hover {
  color: var(--product-color);
  transform: translateX(-50%) translateY(4px);
}

/* Container do Hero */
.product-hero__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 768px) {
  .product-hero__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-hero__container {
    padding: 0 95px;
  }
}

/* Bloco único de conteúdo do Hero (Sempre posicionado à esquerda) */
.product-hero__content-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}

/* Logo do produto (A logo ocupa 100% de largura do bloco de 740px e alinha à esquerda/direita) */
.product-hero__logo-wrapper {
  width: 100%;
  display: flex;
  padding-top: 0;
  margin-bottom: 46px;
}

.product-hero__logo-wrapper--left {
  justify-content: flex-start;
}

.product-hero__logo-wrapper--right {
  justify-content: flex-end;
}

.product-hero__logo {
  width: 170.051px;
  height: 59.963px;
  object-fit: contain;
  display: block;
}

/* Título com destaque */
.product-hero__title {
  color: #ffffff;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 36px;
  width: 100%;
  max-width: 1100px;
}

@media (min-width: 768px) {
  .product-hero__title {
    font-size: 60px;
  }
}

.product-hero__title strong,
.product-hero__title b {
  display: inline;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--product-color);
  font-size: 54px;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: -2px;
}

@media (min-width: 768px) {
  .product-hero__title strong,
  .product-hero__title b {
    font-size: 90px;
    line-height: 88px;
  }
}

/* Duas Colunas sob o Título (Exclusivamente para a linha + descrição) */
.product-hero__details-grid {
  display: grid;
  grid-template-columns: 452px 1fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 40px;
  width: 100%;
}

.product-hero__line-col {
  display: flex;
  align-items: center;
  width: 452px;
  height: auto;
}

.product-hero__line-col svg {
  width: 452px;
  height: auto;
  display: block;
}

.product-hero__desc-col {
  display: flex;
  flex-direction: column;
}

.product-hero__desc {
  color: #99a1af;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
}

@media (min-width: 768px) {
  .product-hero__desc {
    font-size: 18px;
    line-height: 28px;
  }
}

/* Integrações dentro do Hero */
.product-hero__integrations {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  width: 100%;
}

.product-hero__integrations-header {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 20px;
}

.product-hero__integrations-line {
  width: 380px;
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
}

.product-hero__integrations-title {
  color: #6a7282;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.7px;
  white-space: nowrap;
}

.product-hero__integrations-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 146px;
}

.product-hero__integration-link {
  display: block;
  opacity: 0.65;
  transition:
    opacity 300ms ease-out,
    filter 300ms ease-out;
}

.product-hero__integration-link:hover {
  opacity: 1;
  filter: drop-shadow(0 0 8px var(--product-color-shadow));
}

.product-hero__integration-img {
  height: 32px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* =============================================================
   Responsividade: Hero Mobile
   ============================================================= */

@media (max-width: 991px) {
  .product-hero {
    padding-top: 120px;
    padding-bottom: 80px;
    overflow: visible;
  }

  .product-hero__container,
  .product-hero__content-block,
  .product-hero__details-grid,
  .product-hero__desc-col {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
  }

  .product-hero__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .product-hero__content-block {
    align-items: center;
    text-align: center;
  }

  .product-hero__logo-wrapper {
    padding-top: 0;
    margin-bottom: 32px;
    margin-inline: auto;
    justify-content: center;
  }

  .product-hero__title strong,
  .product-hero__title b {
    font-size: 54px;
    line-height: 56px;
    -webkit-text-stroke-width: 1.5px;
    white-space: normal;
  }

  .product-hero__details-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: center;
  }

  .product-hero__line-col {
    display: none; /* oculta a linha diagonal em telas pequenas */
  }

  .product-hero__desc {
    display: block;
    width: 100%;
    max-width: calc(100vw - 40px);
    min-width: 0;
    height: auto;
    max-height: none;
    overflow: visible;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    text-align: center;
    margin-inline: auto;
  }

  .product-hero__integrations {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: visible;
  }

  .product-hero__integrations-header {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .product-hero__integrations-title {
    white-space: normal;
    text-align: center;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .product-hero__integrations-line {
    width: auto;
    flex-grow: 1;
  }

  .product-hero__integrations-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px 32px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding: 0;
    box-sizing: border-box;
  }

  .product-hero__integration-link {
    flex: 0 1 auto;
  }

  .product-hero__integration-img {
    max-width: 120px;
    height: auto;
  }
}

/* =============================================================
   Seção 2: Detalhes do Produto (Features)
   ============================================================= */

.product-features {
  margin-top: -30px;
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
}

.product-features__inner {
  position: relative;
  z-index: 2;
  width: 1343px;
  max-width: 100%;
  background: #1b1b1d;
  margin-left: auto;
  margin-right: auto;
  padding-top: 137px;
  padding-bottom: 94px;
  padding-left: 90px;
  padding-right: 90px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 140px;
}

/* Coluna 1 */
.product-features__left {
  display: flex;
  flex-direction: column;
}

/* Título */
.product-features__title {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 300;
  line-height: 68px;
  letter-spacing: -1px;
  margin: 0 0 60px 0;
}

.product-features__title strong,
.product-features__title b {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: -1px;
  display: inline;
}

/* Item destacado */
.product-features__highlight {
  display: flex;
  /* align-items: center; */
  gap: 26px;
  margin: 0 0 60px 0;
}

.product-features__icon-box {
  display: flex;
  width: 86.473px;
  height: 80px;
  justify-content: center;
  align-items: center;
  background: #0a0a0b;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 8px;
}

.product-features__icon {
  color: var(--product-color);
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  width: 26px;
  height: 26px;
  display: block;
}

.product-features__highlight-text {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

/* Descrição */
.product-features__description {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 28px;
  margin: 0 0 60px 0;
}

/* Imagem */
.product-features__image-wrapper {
  width: 100%;
  margin: 0;
}

.product-features__image {
  max-width: 421.2px;
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 5;
  object-fit: contain;
  display: block;
}

/* Coluna 2 */
.product-features__right {
  display: flex;
  flex-direction: column;
}

.product-features__items-list {
  display: flex;
  flex-direction: column;
  gap: 70px;
}

.product-features__item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.product-features__item-marker {
  color: var(--product-color);
  font-size: 14px;
  line-height: 26px; /* Alinhado ao topo com a primeira linha do título */
  flex-shrink: 0;
  user-select: none;
}

.product-features__item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-features__item-title {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
}

.product-features__item-desc {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 28px;
  margin: 0;
}

/* =============================================================
   Responsividade: Seção 2
   ============================================================= */

@media (max-width: 1200px) {
  .product-features__inner {
    padding-left: 40px;
    padding-right: 40px;
    gap: 60px;
  }
}

@media (max-width: 991px) {
  .product-features__inner {
    grid-template-columns: 1fr;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    gap: 80px;
  }

  .product-features__left {
    gap: 40px;
  }

  .product-features__title {
    font-size: 42px;
    line-height: 50px;
  }

  .product-features__title strong,
  .product-features__title b {
    font-size: 46px;
    line-height: 50px;
  }

  .product-features__highlight-text {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 480px) {
  .product-features__inner {
    padding-left: 20px;
    padding-right: 20px;
    gap: 60px;
  }

  .product-features__highlight {
    gap: 16px;
  }

  .product-features__icon-box {
    width: 60px;
    height: 56px;
  }

  .product-features__icon {
    font-size: 24px;
  }
}

/* =============================================================
   Seção 3: Promoção / Download (Promo)
   ============================================================= */

.product-promo {
  background-color: #0a0a0b;
  padding-top: 92px;
  padding-bottom: 200px;
  width: 100%;
  box-sizing: border-box;
}

.product-promo__container {
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  gap: 60px;
  align-items: center;
}

@media (min-width: 768px) {
  .product-promo__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-promo__container {
    padding: 0 95px;
    gap: 80px;
  }
}

/* Coluna 1 */
.product-promo__left {
  width: 588px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.product-promo__title {
  color: #ffffff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: -1px;
  margin: 0 0 77px 0;
}

.product-promo__title strong,
.product-promo__title b {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 54px;
  letter-spacing: -1px;
}

.product-promo__btn {
  display: inline-flex;
  width: 372px;
  max-width: 100%;
  height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1.5px solid var(--product-color);
  background: rgba(255, 255, 255, 0);
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;

  /* Texto do botão */
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1px;

  /* Cor/gradiente do texto */
  background: linear-gradient(
    0deg,
    var(--product-color) 0%,
    var(--product-color) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  transition:
    transform 300ms ease-out,
    opacity 300ms ease-out,
    box-shadow 300ms ease-out;
}

.product-promo__btn:hover {
  transform: translateY(-2px);
  opacity: 0.9;
  box-shadow: 0 4px 12px var(--product-color-shadow);
}

/* Coluna 2 */
.product-promo__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.product-promo__image {
  height: 386px;
  width: 100%;
  object-fit: cover;
  display: block;
  margin-bottom: 18px;
}

.product-promo__desc {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  text-align: left;
  margin: 0;
  max-width: 500px;
}

/* Responsividade: Seção 3 */
@media (max-width: 991px) {
  .product-promo {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .product-promo__container {
    flex-direction: column;
    gap: 60px;
    text-align: center;
  }

  .product-promo__left {
    margin: 0 auto;
    align-items: center;
  }

  .product-promo__title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 40px;
  }

  .product-promo__title strong,
  .product-promo__title b {
    font-size: 32px;
    line-height: 42px;
  }

  .product-promo__btn {
    width: 100%;
  }
}

/* =============================================================
   Seção 4: Imagem Full
   ============================================================= */
.product-image-full {
  position: relative;
  width: 100%;
  height: 490px;
  z-index: 1;
  margin-bottom: 0;
}

.product-image-full__img {
  width: 100%;
  height: 490px;
  object-fit: cover;
  display: block;
}

.product-image-full::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    20deg,
    var(--product-color-rgba18) 92%,
    var(--product-color-rgba16) 78%,
    var(--product-color-rgba19) 95%
  );
  pointer-events: none;
  z-index: 1;
}

/* =============================================================
   Seção 5: Bloco Sobreposto (Features Box)
   ============================================================= */
.product-features-box {
  background-color: #0a0a0b;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  padding-bottom: 60px;
}

.product-features-box__inner {
  width: 1350px;
  max-width: 100%;
  min-height: 710px;
  height: auto;
  background: #1b1b1d;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-60px);
  margin-bottom: -60px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 140px;
  padding-left: 92px;
  padding-right: 92px;
  padding-bottom: 120px;
  position: relative;
}

.product-features-box__left {
  padding-top: 120px;
  display: flex;
  flex-direction: column;
}

.product-features-box__right {
  padding-top: 0;
  display: flex;
  flex-direction: column;
}

/* Título */
.product-features-box__title {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 66px;
  letter-spacing: -1px;
  margin: 0 0 42px 0;
}

.product-features-box__title strong,
.product-features-box__title b {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: -1px;
}

.product-features-box__title span.stroke {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--product-color);
  color: transparent;
  font-family: "Space Grotesk", sans-serif;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: -1px;
  display: inline-block;
}

/* Descrição */
.product-features-box__description,
.product-features-box__description p {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
}

.product-features-box__description p {
  margin-bottom: 16px;
}

.product-features-box__description p:last-child {
  margin-bottom: 0;
}

.product-features-box__description strong,
.product-features-box__description b,
.product-features-box__description p strong,
.product-features-box__description p b {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

/* Card Coluna 2 */
.product-features-box__card {
  transform: translateY(-20px);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 428.321px; /* Largura de referência baseada na imagem/card */
  margin-left: auto; /* Alinha à direita da coluna no desktop */
}

.product-features-box__card-image {
  height: 341.736px;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 157 / 105;
  display: block;
}

.product-features-box__media-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 58px;
}

.product-features-box__media-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2.297px;
  background: linear-gradient(
    57deg,
    var(--product-color) 0%,
    var(--product-color) -28%,
    rgba(0, 0, 0, 0) 75%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 3;
}

.product-features-box__card-content {
  background: #0a0a0b;
  display: flex;
  width: 100%; /* Ocupa exatamente a mesma largura da imagem/card */
  max-width: 100%;
  min-height: 109.09px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 28px 42px;
}

.product-features-box__card-text {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16.076px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.263px;
  margin: 0;
}

.product-features-box__card-link {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
  transition:
    opacity 300ms ease,
    transform 300ms ease;
  display: inline-block;
}

.product-features-box__card-link:hover {
  opacity: 0.8;
  transform: translateX(4px);
}

/* Responsividade */
@media (max-width: 1399px) {
  .product-features-box__inner {
    width: 100%;
    padding-left: 95px;
    padding-right: 95px;
    gap: 40px;
  }
}

@media (max-width: 1024px) {
  .product-features-box__inner {
    gap: 50px;
  }

  .product-features-box__title {
    font-size: 42px;
    line-height: 52px;
  }

  .product-features-box__title strong,
  .product-features-box__title b {
    font-size: 42px;
    line-height: 52px;
  }

  .product-features-box__title span.stroke {
    font-size: 54px;
    line-height: 52px;
  }
}

@media (max-width: 991px) {
  .product-features-box {
    margin-top: 0;
    padding-bottom: 60px;
  }

  .product-features-box__inner {
    transform: translateY(0); /* Remove a sobreposição no mobile */
    margin-bottom: 0;
    grid-template-columns: 1fr;
    gap: 60px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
  }

  .product-features-box__left {
    padding-top: 40px; /* Padding reduzido no mobile */
  }

  .product-features-box__right {
    padding-top: 0;
  }

  .product-features-box__card {
    transform: translateY(0); /* Sem translação no mobile */
    max-width: 100%; /* Largura total da coluna empilhada */
    margin-left: 0;
  }

  .product-features-box__card-content {
    width: 100%;
    max-width: 100%;
    padding: 20px 24px; /* Padding reduzido no mobile */
  }
}

@media (max-width: 480px) {
  .product-features-box__inner {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
  }

  .product-features-box__left {
    padding-top: 30px;
  }

  .product-features-box__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
  }

  .product-features-box__title strong,
  .product-features-box__title b {
    font-size: 32px;
    line-height: 40px;
  }

  .product-features-box__title span.stroke {
    font-size: 40px;
    line-height: 40px;
  }

  .product-features-box__card-content {
    padding: 16px 20px;
  }
}

/* =============================================================
   Seção 6 & 8: Vídeo / Demonstração (Demo Sec 6 & 8)
   ============================================================= */
.product-demo-sec6__logo {
  height: 34px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.product-demo-sec6,
.product-demo-sec8 {
  background-color: #0a0a0b;
  padding-top: 33px;
  padding-bottom: 157px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.product-demo-sec8__icon {
  height: 30px;
  max-width: 116px;
  width: auto;
  display: block;
  margin: 0 auto 82px auto;
  object-fit: contain;
}

/* Título */
.product-demo-sec6__title,
.product-demo-sec8__title,
.product-demo-sec8__title p {
  color: #e5e5e5;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000000;
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.product-demo-sec6__title,
.product-demo-sec8__title {
  margin: 0 auto 108px auto;
  max-width: 900px;
}

.product-demo-sec8__title p {
  margin: 0;
}

.product-demo-sec6__title strong,
.product-demo-sec6__title b,
.product-demo-sec8__title strong,
.product-demo-sec8__title b,
.product-demo-sec8__title p strong,
.product-demo-sec8__title p b {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}

/* Grid Layout */
.product-demo-sec6__grid,
.product-demo-sec8__grid {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 92px;
  display: grid;
  grid-template-columns: 590px 1fr;
  gap: 60px;
  box-sizing: border-box;
}

/* Coluna 1: Vídeo */
.product-demo-sec6__left,
.product-demo-sec8__left {
  display: flex;
  flex-direction: column;
}

.product-demo-sec6__video-wrapper,
.product-demo-sec8__video-wrapper {
  position: relative;
  display: block;
  width: 590px;
  max-width: 100%;
  height: 352px;
  border-radius: 14px;
  overflow: hidden;
  box-sizing: border-box;
}

.product-demo-sec6__video-img,
.product-demo-sec8__video-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 500ms ease;
}

.product-demo-sec6__video-overlay,
.product-demo-sec8__video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--product-color-rgba20) 100%
  );

  pointer-events: none;
  transition: opacity 300ms ease;
  z-index: 1;
}

.product-demo-sec6__play-box,
.product-demo-sec8__play-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 127.452px;
  height: 127.452px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    180deg,
    var(--product-color-dark-rgba20) 0%,
    var(--product-color-rgba20) 100%
  );
  z-index: 2;
  transition:
    transform 300ms ease,
    background 300ms ease;
}

.product-demo-sec6__play-box::before,
.product-demo-sec8__play-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 2.197px;
  background: linear-gradient(
    116deg,
    var(--product-color) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.product-demo-sec6__play-icon,
.product-demo-sec8__play-icon {
  position: relative;
  z-index: 2;
  width: 60px;
  height: 60px;
  color: var(--product-color);
  display: block;
}

/* Hover Effects */
.product-demo-sec6__video-wrapper:hover .product-demo-sec6__video-img,
.product-demo-sec8__video-wrapper:hover .product-demo-sec8__video-img {
  transform: scale(1.03);
}

.product-demo-sec6__video-wrapper:hover .product-demo-sec6__play-box,
.product-demo-sec8__video-wrapper:hover .product-demo-sec8__play-box {
  transform: translate(-50%, -50%) scale(1.08);
}

/* Coluna 2: Conteúdo de Texto e CTA */
.product-demo-sec6__right,
.product-demo-sec8__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.product-demo-sec6__text,
.product-demo-sec6__text p {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin: 0;
}

.product-demo-sec6__text {
  margin-bottom: 54px;
}

.product-demo-sec6__text p {
  margin-bottom: 24px;
}

.product-demo-sec6__text p:last-child {
  margin-bottom: 0;
}

.product-demo-sec6__text strong,
.product-demo-sec6__text b,
.product-demo-sec6__text p strong,
.product-demo-sec6__text p b {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.product-demo-sec8__text,
.product-demo-sec8__text p {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin: 0;
}

.product-demo-sec8__text {
  margin-bottom: 54px;
}

.product-demo-sec8__text p {
  margin-bottom: 24px;
}

.product-demo-sec8__text p:last-child {
  margin-bottom: 0;
}

.product-demo-sec8__text strong,
.product-demo-sec8__text b,
.product-demo-sec8__text p strong,
.product-demo-sec8__text p b {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.product-demo-sec6__cta-wrapper,
.product-demo-sec8__cta-wrapper {
  display: flex;
  align-items: center;
  gap: 35px;
}

.product-demo-sec6__cta,
.product-demo-sec8__cta {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    opacity 300ms ease,
    transform 300ms ease;
  display: inline-block;
}

.product-demo-sec6__cta:hover,
.product-demo-sec8__cta:hover {
  opacity: 0.8;
  transform: translateX(4px);
}

.product-demo-sec6__cta-icon,
.product-demo-sec8__cta-icon {
  width: 99px;
  height: 34.909px;
  object-fit: contain;
  display: block;
}

/* Responsividade: Seção 6 & 8 */
@media (max-width: 1399px) {
  .product-demo-sec6__grid,
  .product-demo-sec8__grid {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .product-demo-sec6__video-wrapper,
  .product-demo-sec8__video-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 590 / 352;
  }
}

@media (max-width: 991px) {
  .product-demo-sec6,
  .product-demo-sec8 {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .product-demo-sec6__title,
  .product-demo-sec8__title,
  .product-demo-sec8__title p {
    font-size: 32px;
    line-height: 42px;
  }

  .product-demo-sec6__title,
  .product-demo-sec8__title {
    margin-bottom: 50px;
    padding: 0 20px;
  }

  .product-demo-sec6__title b,
  .product-demo-sec6__title strong,
  .product-demo-sec8__title b,
  .product-demo-sec8__title strong,
  .product-demo-sec8__title p b,
  .product-demo-sec8__title p strong {
    font-size: 32px;
    line-height: 42px;
  }

  .product-demo-sec6__grid,
  .product-demo-sec8__grid {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .product-demo-sec6__right,
  .product-demo-sec8__right {
    height: auto;
  }

  .product-demo-sec6__text,
  .product-demo-sec8__text {
    margin-bottom: 35px;
  }

  .product-demo-sec6__cta-wrapper,
  .product-demo-sec8__cta-wrapper {
    justify-content: flex-start; /* CTA alinhado à esquerda no mobile */
  }
}

@media (max-width: 480px) {
  .product-demo-sec6__grid,
  .product-demo-sec8__grid {
    padding-left: 16px;
    padding-right: 16px;
    gap: 30px;
  }

  .product-demo-sec6__title,
  .product-demo-sec8__title,
  .product-demo-sec8__title p {
    font-size: 26px;
    line-height: 34px;
  }

  .product-demo-sec6__title,
  .product-demo-sec8__title {
    margin-bottom: 40px;
  }

  .product-demo-sec6__title b,
  .product-demo-sec6__title strong,
  .product-demo-sec8__title b,
  .product-demo-sec8__title strong,
  .product-demo-sec8__title p b,
  .product-demo-sec8__title p strong {
    font-size: 26px;
    line-height: 34px;
  }

  .product-demo-sec6__cta-wrapper,
  .product-demo-sec8__cta-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

/* =============================================================
   Seção 7: Pioneiro no Cálculo (Pioneer Sec 7)
   ============================================================= */
.product-pioneer-sec7 {
  background-color: #0a0a0b;
  padding-top: 70px;
  padding-bottom: 70px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.product-pioneer-sec7__container {
  width: 1350px;
  max-width: 100%;
  background: #1b1b1d;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-right: 93px;
  padding-bottom: 90px;
  padding-left: 93px;
  box-sizing: border-box;
  position: relative;
}

.product-pioneer-sec7__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: flex-start;
}

/* Coluna 1: Título e Descrição */
.product-pioneer-sec7__left {
  display: flex;
  flex-direction: column;
}

.product-pioneer-sec7__title,
.product-pioneer-sec7__title p {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1px;
}

.product-pioneer-sec7__title {
  margin: 0 0 42px 0;
}

.product-pioneer-sec7__title p {
  margin: 0;
}

.product-pioneer-sec7__title p + p {
  margin-top: 42px;
}

.product-pioneer-sec7__title strong,
.product-pioneer-sec7__title b,
.product-pioneer-sec7__title p strong,
.product-pioneer-sec7__title p b {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--product-color);
  color: transparent;
  font-family: "Space Grotesk", sans-serif;
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  display: inline;
}

.product-pioneer-sec7__description,
.product-pioneer-sec7__description p {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
}

.product-pioneer-sec7__description p {
  margin-bottom: 16px;
}

.product-pioneer-sec7__description p:last-child {
  margin-bottom: 0;
}

.product-pioneer-sec7__description strong,
.product-pioneer-sec7__description b,
.product-pioneer-sec7__description p strong,
.product-pioneer-sec7__description p b {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

/* Coluna 2: Card e Link */
.product-pioneer-sec7__right {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-self: end;
  align-items: flex-end;
}

@media (min-width: 992px) {
  .product-pioneer-sec7__right {
    transform: translateY(-142px);
  }
}

.product-pioneer-sec7__card {
  position: relative;
  width: 425px;
  max-width: 100%;
  border-radius: 18.373px 71.196px 18.373px 18.373px;
  background: #1a1a1c;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 28px;
}

.product-pioneer-sec7__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2.297px;
  background: linear-gradient(
    116deg,
    var(--product-color) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}

.product-pioneer-sec7__card > * {
  position: relative;
  z-index: 1;
}

.product-pioneer-sec7__card-img {
  height: 440px;
  width: 100%;
  object-fit: cover;
  display: block;
}

.product-pioneer-sec7__card-content {
  padding: 30px 40px;
  background: #1a1a1c;
}

.product-pioneer-sec7__card-text {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
}

.product-pioneer-sec7__card-link {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    opacity 300ms ease,
    transform 300ms ease;
  display: inline-block;
  align-self: flex-start;
}

.product-pioneer-sec7__card-link:hover {
  opacity: 0.8;
  transform: translateX(4px);
}

/* Responsividade: Seção 7 */
@media (max-width: 1399px) {
  .product-pioneer-sec7__container {
    width: 100%;
    padding-left: 95px;
    padding-right: 95px;
  }
}

@media (max-width: 991px) {
  .product-pioneer-sec7 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .product-pioneer-sec7__container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .product-pioneer-sec7__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .product-pioneer-sec7__right {
    width: 100%;
    margin-left: 0;
    justify-self: stretch;
    transform: none;
    align-items: flex-start;
  }

  .product-pioneer-sec7__card {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .product-pioneer-sec7__title,
  .product-pioneer-sec7__title p {
    font-size: 26px;
    line-height: normal;
  }

  .product-pioneer-sec7__title strong,
  .product-pioneer-sec7__title b,
  .product-pioneer-sec7__title p strong,
  .product-pioneer-sec7__title p b {
    font-size: 60px;
    line-height: 50px;
  }
}

@media (max-width: 480px) {
  .product-pioneer-sec7__container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-pioneer-sec7__card-img {
    height: 300px;
  }

  .product-pioneer-sec7__card-content {
    padding: 20px 24px;
  }

  .product-pioneer-sec7__title strong,
  .product-pioneer-sec7__title b,
  .product-pioneer-sec7__title p strong,
  .product-pioneer-sec7__title p b {
    font-size: 48px;
    line-height: 48px;
  }
}

/* =============================================================
   Seção 9: Números / Indicadores (Numbers Sec 9)
   ============================================================= */
.product-numbers-sec9 {
  background-color: #0f0f10;
  padding-top: 70px;
  padding-bottom: 170px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  text-align: center;
}

.product-numbers-sec9__container {
  width: 1350px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Eyebrow */
.product-numbers-sec9__eyebrow {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin-bottom: 38px;
  display: inline-block;
}

.product-numbers-sec9__icon {
  height: 30px;
  max-width: 116px;
  width: auto;
  display: block;
  margin: 0 auto 60px auto;
  object-fit: contain;
}

/* Título */
.product-numbers-sec9__title,
.product-numbers-sec9__title p {
  color: #e5e5e5;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
}

.product-numbers-sec9__title {
  margin: 0 auto 100px auto;
  max-width: 900px;
}

.product-numbers-sec9__title p {
  margin: 0;
}

.product-numbers-sec9__title strong,
.product-numbers-sec9__title b,
.product-numbers-sec9__title p strong,
.product-numbers-sec9__title p b {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

/* Grid Layout */
.product-numbers-sec9__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 196px;
  width: 100%;
  max-width: 1350px;
  box-sizing: border-box;
}

/* Item */
.product-numbers-sec9__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 211.051px;
}

/* Círculo Wrapper */
.product-numbers-sec9__circle-wrapper {
  position: relative;
  width: 211.051px;
  height: 211.051px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.product-numbers-sec9__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* Número dentro do círculo */
.product-numbers-sec9__number {
  position: relative;
  z-index: 2;
  color: var(--product-color);
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 59.958px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.product-numbers-sec9__suffix {
  color: inherit;
  font: inherit;
  line-height: inherit;
}

/* Descrição abaixo */
.product-numbers-sec9__desc {
  color: #99a1af;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16.788px;
  font-style: normal;
  font-weight: 300;
  line-height: 26.381px;
  margin: 0;
  width: 280px;
}

/* Responsividade: Seção 9 */
@media (max-width: 1399px) {
  .product-numbers-sec9__grid {
    gap: 100px;
  }
}

@media (max-width: 991px) {
  .product-numbers-sec9 {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .product-numbers-sec9__title,
  .product-numbers-sec9__title p {
    font-size: 32px;
    line-height: 44px;
  }

  .product-numbers-sec9__title {
    margin-bottom: 60px;
  }

  .product-numbers-sec9__title b,
  .product-numbers-sec9__title strong,
  .product-numbers-sec9__title p b,
  .product-numbers-sec9__title p strong {
    font-size: 32px;
    line-height: 44px;
  }

  .product-numbers-sec9__grid {
    gap: 60px;
  }
}

@media (max-width: 767px) {
  .product-numbers-sec9__grid {
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
}

@media (max-width: 480px) {
  .product-numbers-sec9__title,
  .product-numbers-sec9__title p {
    font-size: 26px;
    line-height: 36px;
  }

  .product-numbers-sec9__title b,
  .product-numbers-sec9__title strong,
  .product-numbers-sec9__title p b,
  .product-numbers-sec9__title p strong {
    font-size: 26px;
    line-height: 36px;
  }
}

/* =============================================================
   Seção 10: Cards de Produtos (.product-sec10)
   ============================================================= */
.product-sec10 {
  background-color: #0a0a0b;
  padding-top: 122px;
  padding-bottom: 0;
  width: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.product-sec10__container {
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product-sec10__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-sec10__container {
    padding: 0 95px;
  }
}

/* Cabeçalho superior (2 colunas) */
.product-sec10__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 115px;
}

.product-sec10__header-left {
  display: flex;
  width: 560px;
  height: 36px;
  flex-direction: column;
  /* justify-content: center; */
  overflow: visible;
}

.product-sec10__title,
.product-sec10__title p {
  color: #ffffff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 56px;
  letter-spacing: -1px;
  margin: 0;
}

.product-sec10__title strong,
.product-sec10__title b,
.product-sec10__title p strong,
.product-sec10__title p b {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--product-color);
  color: transparent;
  font-family: "Space Grotesk", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -1px;
  display: inline;
}

.product-sec10__header-right {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}

.product-sec10__icon {
  width: 100%;
  max-width: 200px;
  height: 64px;
  width: auto;
  display: block;
  margin-bottom: 42px;
}

.product-sec10__eyebrow {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.5px;
  margin-bottom: 42px;
  display: block;
}

.product-sec10__description {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

/* Grade de cards */
.product-sec10__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  width: 100%;
  max-width: 1494px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.product-sec10__card {
  width: 100%;
  height: 500px;
  margin: 0;
  background-size: cover;
  background-position: center;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 16px;
  border: 1px solid var(--product-color);
  overflow: hidden;
  transition:
    transform 300ms ease,
    border-color 300ms ease,
    box-shadow 300ms ease;
}

.product-sec10__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px var(--product-color-shadow);
  z-index: 3;
}

.product-sec10__card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(10, 10, 11, 0) 0%,
    rgba(10, 10, 11, 0.5) 0.01%,
    rgba(10, 10, 11, 0.96) 100%
  );
  z-index: 1;
  pointer-events: none;
}

.product-sec10__card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 100%;
}

.product-sec10__card-title {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 8px;
}

.product-sec10__card-desc {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 46px;
}

.product-sec10__button {
  display: flex;
  width: 341px;
  max-width: 100%;
  height: 44px;
  justify-content: center;
  align-items: center;
  border: 1.5px solid var(--product-color);
  background: transparent;
  color: #fff;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 300ms ease;
  margin-top: auto;
}

.product-sec10__button:hover {
  background-color: var(--product-color);
  color: #ffffff;
  box-shadow: 0 4px 12px var(--product-color-shadow);
}

/* Responsividade */
@media (max-width: 1199px) {
  .product-sec10__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {
  .product-sec10 {
    padding-top: 80px;
  }

  .product-sec10__header {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 60px;
  }

  .product-sec10__header-left {
    width: 100%;
    height: auto;
  }

  .product-sec10__title,
  .product-sec10__title p {
    font-size: 32px;
    line-height: 40px;
  }

  .product-sec10__title strong,
  .product-sec10__title b,
  .product-sec10__title p strong,
  .product-sec10__title p b {
    font-size: 42px;
    line-height: 48px;
  }

  .product-sec10__eyebrow {
    margin-bottom: 20px;
  }

  .product-sec10__description {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .product-sec10__cards {
    grid-template-columns: 1fr;
  }
}

/* =============================================================
   Seção 11: Depoimentos (.product-sec11)
   ============================================================= */
.product-sec11 {
  background-color: #0a0a0b;
  padding-top: 122px;
  padding-bottom: 122px;
  width: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.product-sec11__container {
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product-sec11__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-sec11__container {
    padding: 0 95px;
  }
}

/* Título da Seção 11 */
.product-sec11__title,
.product-sec11__title p {
  color: #e5e5e5;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  margin: 0 auto 60px auto;
  max-width: 900px;
}

.product-sec11__title strong,
.product-sec11__title b,
.product-sec11__title p strong,
.product-sec11__title p b {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}

/* Slider */
.product-sec11__slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 60px;
  box-sizing: border-box;
}

.product-sec11__slides {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.product-sec11__slide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition:
    opacity 400ms ease,
    visibility 400ms ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.product-sec11__slide--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
}

/* Depoimento */
.product-sec11__testimonial {
  color: #99a1af;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  margin: 0 auto 66px auto;
  max-width: 740px;
}

/* Dados do cliente */
.product-sec11__client {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.product-sec11__photo-wrap {
  position: relative;
  width: 128px;
  height: 128px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-sec11__photo-ring {
  position: relative;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  border: 8px solid #4b2a86;
  background: #ffffff;
  overflow: hidden;
  z-index: 2;
  box-sizing: border-box;
}

.product-sec11__photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.product-sec11__photo-decor {
  position: absolute;
  width: 13px;
  height: 27px;
  border-radius: 0;
  z-index: 1;
}

.product-sec11__photo-decor--cyan {
  background: var(--product-color);
  top: -23px;
  right: 26px;
  transform: rotate(25deg);
}

.product-sec11__photo-decor--orange {
  background: #ff9f1c;
  top: -5px;
  right: -1px;
  transform: rotate(48deg);
}

.product-sec11__photo-decor--red {
  background: #e91e63;
  top: 24px;
  right: -15px;
  transform: rotate(87deg);
}

.product-sec11__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-sec11__name {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.product-sec11__role {
  color: #6a7282;
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}

/* Setas de navegação com CSS Mask */
.product-sec11__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  z-index: 5;
  transition:
    transform 200ms ease,
    opacity 200ms ease;
}

.product-sec11__arrow:hover {
  transform: translateY(-50%) scale(1.1);
}

.product-sec11__arrow::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: var(--product-color);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color 200ms ease;
}

.product-sec11__arrow:hover::before {
  background-color: #ffffff;
}

.product-sec11__arrow--left {
  left: 0;
}

.product-sec11__arrow--left::before {
  -webkit-mask-image: url("../images/icon/chevron-left.svg");
  mask-image: url("../images/icon/chevron-left.svg");
}

.product-sec11__arrow--right {
  right: 0;
}

.product-sec11__arrow--right::before {
  -webkit-mask-image: url("../images/icon/chevron-right.svg");
  mask-image: url("../images/icon/chevron-right.svg");
}

/* Responsividade */
@media (max-width: 991px) {
  .product-sec11 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .product-sec11__title,
  .product-sec11__title p {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 40px;
  }

  .product-sec11__title strong,
  .product-sec11__title b,
  .product-sec11__title p strong,
  .product-sec11__title p b {
    font-size: 30px;
    line-height: 38px;
  }

  .product-sec11__slider {
    padding: 0 40px;
  }

  .product-sec11__testimonial {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 40px;
  }

  .product-sec11__arrow {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 575px) {
  .product-sec11__slider {
    padding: 0 36px;
  }
}

/* =============================================================
   Seção 12: Bloco de Contato Customizado (.product-sec12)
   ============================================================= */
.product-sec12 {
  background-color: #0a0a0b;
  padding: 100px 0;
  width: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  overflow: visible;
}

.product-sec12__container {
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

@media (min-width: 768px) {
  .product-sec12__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-sec12__container {
    padding: 0 95px;
  }
}

.product-sec12__box {
  position: relative;
  width: 100%;
  max-width: 1350px;
  min-height: 771px;
  background: linear-gradient(
    180deg,
    var(--product-color) 72.6%,
    var(--product-color-dark, #003838) 100%
  );
  padding: 100px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin: 0 auto;
  border-radius: 20px;
}

/* Coluna esquerda */
.product-sec12__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.product-sec12__title {
  color: #1a1a1c;
  font-family: "Space Grotesk", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  margin: 0 0 32px 0;
}

.product-sec12__description {
  color: #1a1a1c;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  margin: 0 0 60px 0;
}

.product-sec12__btn {
  display: inline-flex;
  width: 275px;
  height: 52px;
  border-radius: 6px;
  border: 1.5px solid #1a1a1c;
  background: rgba(255, 255, 255, 0);
  color: #1a1a1c;
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  box-sizing: border-box;
  transition:
    background-color 200ms ease,
    color 200ms ease;
}

.product-sec12__btn:hover {
  background-color: #1a1a1c;
  color: #ffffff;
}

/* Coluna direita */
.product-sec12__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

.product-sec12__img-wrapper {
  position: relative;
  width: 514.388px;
  max-width: 100%;
  transform: translateY(-140px);
}

.product-sec12__image {
  width: 100%;
  height: 556.398px;
  aspect-ratio: 49 / 53;
  object-fit: cover;
  display: block;
  border-radius: 21.572px 83.592px 21.572px 21.572px;
  border: none;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.product-sec12__caption-box {
  width: 514.388px;
  max-width: 100%;
  border-radius: 0 0 21.572px 21.572px;
  background: #1a1a1c;
  padding: 32px;
  box-sizing: border-box;
  margin-top: -20px;
  z-index: 1;
  position: relative;
}

.product-sec12__caption-text {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18.876px;
  font-style: normal;
  font-weight: 300;
  line-height: 29.662px;
  margin: 0;
}

/* Responsividade */
@media (max-width: 1199px) {
  .product-sec12__box {
    padding: 60px;
    gap: 40px;
  }
}

@media (max-width: 991px) {
  .product-sec12 {
    padding: 80px 0;
  }

  .product-sec12__box {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 50px;
    gap: 60px;
  }

  .product-sec12__right {
    align-items: center;
  }

  .product-sec12__img-wrapper {
    transform: translateY(0);
    margin: 0 auto;
  }

  .product-sec12__image {
    height: auto;
    max-height: 450px;
  }
}

@media (max-width: 575px) {
  .product-sec12__box {
    padding: 30px 20px;
    gap: 40px;
  }

  .product-sec12__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px;
  }

  .product-sec12__description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
  }

  .product-sec12__img-wrapper,
  .product-sec12__caption-box {
    width: 100%;
  }

  .product-sec12__caption-text {
    font-size: 16px;
    line-height: 24px;
  }
}

/* =============================================================
   Seção 13: Soluções Complementares (.product-sec13)
   ============================================================= */
.product-sec13 {
  background-color: #0f0f10;
  padding: 100px 0;
  width: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.product-sec13__container {
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product-sec13__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-sec13__container {
    padding: 0 95px;
  }
}

/* Layout Superior */
.product-sec13__upper {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 60px;
  width: 100%;
  margin-bottom: 80px;
}

/* Coluna 1 */
.product-sec13__col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-sec13__label-text {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.5px;
  margin-bottom: 60px;
}

.product-sec13__logo {
  width: 472.39px;
  height: 60.555px;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
  margin-bottom: 60px;
  display: block;
}

.product-sec13__col1-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 32px;
  border-radius: 6px;
  border: 1.5px solid var(--product-color);
  background: rgba(255, 255, 255, 0);
  text-decoration: none;
  box-sizing: border-box;
  transition:
    background-color 200ms ease,
    border-color 200ms ease;
}

.product-sec13__col1-btn span {
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1px;
  background: linear-gradient(
    0deg,
    var(--product-color) 0%,
    var(--product-color) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition:
    color 200ms ease,
    -webkit-text-fill-color 200ms ease;
}

.product-sec13__col1-btn:hover {
  background-color: var(--product-color);
}

.product-sec13__col1-btn:hover span {
  background: none;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #0f0f10;
  color: #0f0f10;
}

/* Linha separadora vertical */
.product-sec13__separator {
  width: 1px;
  height: 264px;
  background: rgba(30, 41, 57, 0.8);
}

/* Coluna 2 */
.product-sec13__col2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.product-sec13__title,
.product-sec13__title p {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 8px 0;
}

.product-sec13__title strong,
.product-sec13__title b,
.product-sec13__title p strong,
.product-sec13__title p b {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.5px;
}

.product-sec13__description {
  color: #99a1af;
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  margin: 0;
}

/* Linha divisória horizontal */
.product-sec13__divider {
  width: 1280px;
  max-width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 auto 100px auto;
}

/* Layout Inferior (Cards) */
.product-sec13__lower {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 120px;
  width: 100%;
}

/* Card base */
.product-sec13__card {
  width: 580px;
  min-height: 420px;
  border-radius: 16px;
  padding: 47px 32px 60px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

/* Card 1 (Escuro) */
.product-sec13__card--dark {
  border: 1px solid #011d1d;
  background: #1a1a1c;
}

/* Card 2 (Dinâmico) */
.product-sec13__card--dynamic {
  background: var(--product-color);
}

/* Títulos dos Cards */
.product-sec13__card-title {
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  margin: 0 0 32px 0;
}

.product-sec13__card--dark .product-sec13__card-title {
  color: #e5e5e5;
}

.product-sec13__card--dynamic .product-sec13__card-title {
  color: #1a1a1c;
}

/* Itens nos Cards */
.product-sec13__card-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
}

.product-sec13__card-item {
  font-family: "Space Grotesk", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.product-sec13__card--dark .product-sec13__card-item {
  color: #99a1af;
}

.product-sec13__card--dynamic .product-sec13__card-item {
  /* color: #404048; */
  color: #ffffff;
}

/* Botões nos Cards */
.product-sec13__card-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 259px;
  height: 48px;
  border-radius: 8px;
  text-decoration: none;
  box-sizing: border-box;
  font-family: "Space Grotesk", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition:
    background-color 200ms ease,
    border-color 200ms ease,
    color 200ms ease;
}

/* Botão Card 1 */
.product-sec13__card-btn--dark {
  border: 1px solid var(--product-color);
  background: #0a0a0b;
  color: var(--product-color);
}

.product-sec13__card-btn--dark:hover {
  background: var(--product-color);
  color: #0a0a0b;
}

/* Botão Card 2 */
.product-sec13__card-btn--dynamic {
  border: 1px solid #1a1a1c;
  color: #1a1a1c;
}

.product-sec13__card-btn--dynamic:hover {
  background-color: #1a1a1c !important;
  color: #ffffff;
}

/* Responsividade */
@media (max-width: 1199px) {
  .product-sec13__lower {
    gap: 40px;
  }
}

@media (max-width: 991px) {
  .product-sec13 {
    padding: 80px 0;
  }

  .product-sec13__upper {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 60px;
  }

  .product-sec13__col1,
  .product-sec13__col2 {
    align-items: center;
    text-align: center;
  }

  .product-sec13__logo,
  .product-sec13__label-text {
    margin-bottom: 30px;
  }

  .product-sec13__separator {
    display: none;
  }

  .product-sec13__divider {
    margin-bottom: 60px;
  }

  .product-sec13__lower {
    flex-direction: column;
    gap: 50px;
  }
}

@media (max-width: 575px) {
  .product-sec13 {
    padding: 60px 0;
  }

  .product-sec13__card {
    width: 100%;
    padding: 35px 20px 45px 20px;
  }

  .product-sec13__card-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
  }

  .product-sec13__card-items {
    margin-bottom: 30px;
  }
}

/* =============================================================
   Seção 14: Perguntas Frequentes (FAQ — .product-sec14)
   ============================================================= */
.product-sec14 {
  background-color: #0a0a0b;
  padding: 80px 0 120px;
  width: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.product-sec14__container {
  max-width: 1494px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .product-sec14__container {
    padding: 0 60px;
  }
}

@media (min-width: 1024px) {
  .product-sec14__container {
    padding: 0 95px;
  }
}

/* Título */
.product-sec14__title {
  color: var(--product-color);
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  margin: 0 0 16px 0;
}

/* Descrição */
.product-sec14__description {
  color: #99a1af;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin: 0 auto 78px auto;
  max-width: 800px;
}

/* FAQ List */
.product-sec14__faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* FAQ Item Base */
.product-sec14__faq-item {
  width: 100%;
  border-radius: 10px;
  border: 0.5px solid var(--product-color);
  background: #1a1a1c;
  box-sizing: border-box;
  transition:
    background 300ms ease,
    border-color 300ms ease;
  overflow: hidden;
}

/* FAQ Item Open */
.product-sec14__faq-item--open {
  background: linear-gradient(
    90deg,
    var(--product-color-dark, #004949) 0%,
    var(--product-color) 100%
  );
  border-color: transparent;
}

/* FAQ Header / Button */
.product-sec14__faq-header {
  width: 100%;
  background: transparent;
  border: none;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
}

/* Pergunta */
.product-sec14__question {
  color: var(--product-color);
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition:
    color 300ms ease,
    font-weight 300ms ease;
}

.product-sec14__faq-item--open .product-sec14__question {
  color: #ffffff;
  font-weight: 700;
}

/* Seta */
.product-sec14__arrow {
  color: #6a7282;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  flex-shrink: 0;
  transition: color 300ms ease;
}

.product-sec14__faq-item--open .product-sec14__arrow {
  color: #ffffff;
}

/* FAQ Content wrapper for smooth animation */
.product-sec14__faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

/* FAQ Inner Body */
.product-sec14__faq-body {
  padding: 0 24px 24px 24px;
  box-sizing: border-box;
}

/* Resposta */
.product-sec14__answer {
  color: #e5e5e5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin: 0;
}

/* Responsividade */
@media (max-width: 991px) {
  .product-sec14 {
    padding: 60px 0 80px;
  }

  .product-sec14__title {
    font-size: 32px;
    line-height: 40px;
  }

  .product-sec14__description {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 48px;
  }
}

@media (max-width: 575px) {
  .product-sec14__faq-header {
    padding: 12px 16px;
  }

  .product-sec14__question {
    font-size: 15px;
    line-height: 22px;
  }

  .product-sec14__faq-body {
    padding: 0 16px 16px 16px;
  }

  .product-sec14__answer {
    font-size: 14px;
    line-height: 22px;
  }
}