/* Designer homepage integration — 2026-09-15
 * Selective, self-contained port from slidy-public-html-design/design/homepage.
 * Binary-asset-dependent redesigns are intentionally excluded from this preview.
 * Cookie implementation and mobile promo visibility remain controlled by production overrides.
 */

.archive-wide-home header {
  z-index: 999;
}

.archive-wide-home .home-hero-heading {
  position: relative;
}

.archive-wide-home .possibilit-pagination,
.archive-wide-home .gallery-pagination {
  display: none;
}

.archive-wide-home .possibilit-photo span {
  position: relative;
  padding-left: 20px;
}

.archive-wide-home .possibilit-photo span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='25' viewBox='0 0 31 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.21942' y1='12.9477' x2='14.2194' y2='22.9477' stroke='%23004EC8' stroke-width='4'/%3E%3Cline x1='11.4521' y1='23.2665' x2='29.4521' y2='1.26648' stroke='%23004EC8' stroke-width='4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.archive-wide-home .cases-card p {
  line-height: 20px;
}

.archive-wide-home .statistics-map {
  z-index: 99;
}

.archive-wide-home .apps-ai-line {
  background-color: var(--main-container7);
  padding: 17px;
  border-radius: 10px;
  border: 1px solid var(--border);
}

.archive-wide-home .faq-section.section .often-asks-item,
.archive-wide-home .often-asks-item {
  box-sizing: border-box;
  min-height: 64px;
}

@media (max-width: 1019px) {
  .archive-wide-home .possibilit-pagination,
  .archive-wide-home .gallery-pagination {
    display: flex;
  }
}

@media (max-width: 768px) {
  .archive-wide-home .hero-partners-wrapper {
    margin-top: 40px;
  }

  .archive-wide-home .hero-task-block {
    margin: 18px auto 0;
  }

  .archive-wide-home .hero-task-small-block {
    max-width: 80%;
  }

  .archive-wide-home .compare-col--accent {
    width: auto;
  }
}

@media (max-width: 576px) {
  .archive-wide-home .side-nav-mobile {
    z-index: 99;
  }

  .archive-wide-home .task-menu.has-scroll-left::after {
    display: none;
  }

  .archive-wide-home .trust-body .btn-start {
    display: flex;
  }

  .archive-wide-home .compare-col--accent {
    width: auto;
  }

  .archive-wide-home footer {
    padding-bottom: 85px;
  }

  /* Production decision: the promo banner remains hidden on mobile. */
  .archive-wide-home .preserve-show-page > .preserve-show {
    display: none !important;
  }
}