/* Homepage continuous scroll rhythm — soft dividers + matched spacing */

:root {
  --ayenyx-home-divider: 1px solid var(--ayenyx-border-subtle, rgba(255, 255, 255, 0.08));
  --ayenyx-home-soft-line: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.18) 50%,
    transparent 100%
  );
}

/* Shared surface — pure black, even breath, soft top divider only */
.home-value,
.home-features,
.home-principles,
.home-promo,
.home-uae {
  position: relative;
  margin: 0 !important;
  background: #000 !important;
  background-image: none !important;
  border: none !important;
  border-top: var(--ayenyx-home-divider) !important;
  border-bottom: none !important;
}

/* Soft center highlight on each divider (not a hard double line) */
.home-value::before,
.home-features::before,
.home-principles::before,
.home-promo::before,
.home-uae::before {
  content: '' !important;
  display: block !important;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(72%, 640px);
  height: 1px;
  background: var(--ayenyx-home-soft-line) !important;
  pointer-events: none;
  z-index: 3;
}

.home-value::after,
.home-features::after,
.home-principles::after,
.home-promo::after,
.home-uae::after {
  content: none !important;
  display: none !important;
}

/* Matched content width — same left/right edge on every home section */
.home-categories__container,
.home-audience__container,
.home-brands__container,
.home-blog__container,
.home-uae__container,
.home-final-cta__inner,
.home-features__container,
.home-principles__container,
.home-promo__wrap {
  width: min(var(--ayenyx-container, 1120px), calc(100% - (2 * var(--ayenyx-gutter)))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* Matched vertical rhythm */
.home-features__container,
.home-categories__container,
.home-principles__container,
.home-blog__container,
.home-uae__container {
  padding-top: var(--ayenyx-home-py) !important;
  padding-bottom: var(--ayenyx-home-py) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.home-principles {
  padding: 0 !important;
}

.home-value__shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0;
}

.home-value__panel {
  padding: 0 !important;
}

/* Promo — full-bleed quotation banner (see home-promo.css) */
.home-promo {
  padding: 0 !important;
}

.home-promo__banner {
  height: clamp(560px, 68vh, 720px) !important;
}

.home-promo__banner img {
  object-position: 68% 86% !important;
}

.home-promo__wrap {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  width: min(var(--ayenyx-container, 1120px), calc(100% - (2 * var(--ayenyx-gutter)))) !important;
  max-width: none !important;
  pointer-events: none !important;
}

.home-promo__copy {
  pointer-events: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-promo__banner-overlay {
  background: linear-gradient(
    105deg,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.42) 34%,
    rgba(0, 0, 0, 0.08) 58%,
    rgba(0, 0, 0, 0.18) 100%
  ) !important;
}

/* Header breathing matches across sections */
.home-features__header,
.home-blog__header {
  margin-bottom: clamp(1.1rem, 2vw, 1.5rem) !important;
}

.home-blog__footer {
  margin-top: clamp(1.1rem, 2vw, 1.5rem) !important;
}

.home-features__footer {
  margin-top: clamp(1.35rem, 2.5vw, 1.85rem) !important;
}

/* Partner logos are a layer on the banner */
.home-hero .partner-logo-strip {
  border-top: 0 !important;
  padding-top: 0.35rem;
  padding-bottom: 0.65rem;
}

/* Footer continues same divider language */
.site-footer {
  border-top: var(--ayenyx-home-divider) !important;
}

/* Latest Insights — white surface like Who We Serve */
.home-blog {
  margin: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  border: none !important;
}

.home-blog::before,
.home-blog::after {
  content: none !important;
  display: none !important;
}

.home-blog__title {
  color: #111 !important;
}

.home-blog__card-title {
  color: #fff !important;
}

.home-blog__lead {
  color: #6a6a70 !important;
}

@media (max-width: 991px) {
  :root {
    --ayenyx-home-py: clamp(3.75rem, 8vw, 5.5rem);
  }

  .home-promo__banner {
    height: clamp(500px, 68vh, 620px) !important;
  }

  .home-promo__banner img {
    object-position: 50% 28% !important;
  }

  .home-promo__wrap {
    align-items: flex-end !important;
    justify-content: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 var(--ayenyx-gutter) 2.25rem !important;
  }

  .home-promo__banner-overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.12) 0%,
      rgba(0, 0, 0, 0.28) 38%,
      rgba(0, 0, 0, 0.86) 100%
    ) !important;
  }

  .home-value__shell {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  :root {
    --ayenyx-home-py: clamp(3rem, 8vw, 4rem);
  }

  .home-value__panel {
    padding: 0 !important;
  }

  .home-promo__banner {
    height: clamp(480px, 72vh, 580px) !important;
  }

  .home-promo__wrap {
    margin: 0 !important;
    padding: 0 var(--ayenyx-gutter) 1.75rem !important;
  }

  .home-promo__copy {
    width: 100%;
  }
}