/**
 * Premium motion system — NON-HOME pages only.
 * Loaded only when body is not .page-home (see header.php).
 * Animate: transform, opacity, filter (+ box-shadow for depth).
 */

body:not(.page-home) {
  --sm-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sm-fast: 250ms;
  --sm-med: 350ms;
  --sm-slow: 650ms;
  --sm-reveal: 700ms;
}

/* ========== Scroll reveals ========== */
body:not(.page-home) .sm-reveal {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition:
    opacity var(--sm-reveal) var(--sm-ease),
    transform var(--sm-reveal) var(--sm-ease);
  will-change: transform, opacity;
}

body:not(.page-home) .sm-reveal.is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body:not(.page-home) .sm-reveal.is-in .sm-child {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body:not(.page-home) .sm-child {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity 650ms var(--sm-ease),
    transform 650ms var(--sm-ease);
}

body:not(.page-home) .sm-child--text {
  transform: translate3d(0, 20px, 0);
  transition-duration: 600ms;
}

body:not(.page-home) .sm-child--img {
  transform: translate3d(0, 16px, 0) scale(0.96);
  transition:
    opacity 700ms var(--sm-ease),
    transform 700ms var(--sm-ease),
    filter 700ms var(--sm-ease);
}

body:not(.page-home) .sm-reveal.is-in .sm-child--img {
  transform: translate3d(0, 0, 0) scale(1);
}

body:not(.page-home) .sm-stagger > .sm-child:nth-child(1),
body:not(.page-home) .sm-stagger > *:nth-child(1).sm-child { transition-delay: 0ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(2),
body:not(.page-home) .sm-stagger > *:nth-child(2).sm-child { transition-delay: 80ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(3),
body:not(.page-home) .sm-stagger > *:nth-child(3).sm-child { transition-delay: 160ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(4),
body:not(.page-home) .sm-stagger > *:nth-child(4).sm-child { transition-delay: 240ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(5),
body:not(.page-home) .sm-stagger > *:nth-child(5).sm-child { transition-delay: 320ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(6),
body:not(.page-home) .sm-stagger > *:nth-child(6).sm-child { transition-delay: 400ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(7),
body:not(.page-home) .sm-stagger > *:nth-child(7).sm-child { transition-delay: 480ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(8),
body:not(.page-home) .sm-stagger > *:nth-child(8).sm-child { transition-delay: 560ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(9),
body:not(.page-home) .sm-stagger > *:nth-child(9).sm-child { transition-delay: 640ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(10),
body:not(.page-home) .sm-stagger > *:nth-child(10).sm-child { transition-delay: 720ms; }
body:not(.page-home) .sm-stagger > .sm-child:nth-child(n + 11),
body:not(.page-home) .sm-stagger > *:nth-child(n + 11).sm-child { transition-delay: 800ms; }

body:not(.page-home) .sm-list-item {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  transition:
    opacity 550ms var(--sm-ease),
    transform 550ms var(--sm-ease);
}

body:not(.page-home) .sm-reveal.is-in .sm-list-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* ========== Cards ========== */
body:not(.page-home) .sm-card,
body:not(.page-home) .solution-benefit-card,
body:not(.page-home) .solution-usecase-card,
body:not(.page-home) .solution-audience-card,
body:not(.page-home) .solution-integration-card,
body:not(.page-home) .solution-security-card,
body:not(.page-home) .solution-roi-item,
body:not(.page-home) .solution-cap-card,
body:not(.page-home) .solution-exp-card,
body:not(.page-home) .solution-problem__item,
body:not(.page-home) .solution-takeaways__item,
body:not(.page-home) .feat-card,
body:not(.page-home) article[class*="card"],
body:not(.page-home) .industry-card,
body:not(.page-home) .bs-card,
body:not(.page-home) .post-card,
body:not(.page-home) .blog-card {
  transition:
    transform var(--sm-med) var(--sm-ease),
    box-shadow var(--sm-med) var(--sm-ease),
    border-color var(--sm-med) var(--sm-ease),
    filter var(--sm-med) var(--sm-ease);
}

@media (hover: hover) and (pointer: fine) {
  body:not(.page-home) .sm-card:hover,
  body:not(.page-home) .solution-benefit-card:hover,
  body:not(.page-home) .solution-usecase-card:hover,
  body:not(.page-home) .solution-audience-card:hover,
  body:not(.page-home) .solution-integration-card:hover,
  body:not(.page-home) .solution-security-card:hover,
  body:not(.page-home) .solution-roi-item:hover,
  body:not(.page-home) .solution-cap-card:hover,
  body:not(.page-home) .solution-exp-card:hover,
  body:not(.page-home) .solution-problem__item:hover,
  body:not(.page-home) .feat-card:hover,
  body:not(.page-home) article[class*="card"]:hover,
  body:not(.page-home) .industry-card:hover,
  body:not(.page-home) .bs-card:hover,
  body:not(.page-home) .post-card:hover,
  body:not(.page-home) .blog-card:hover {
    transform: translate3d(0, -6px, 0) scale(1.015);
    box-shadow: 0 16px 40px rgba(62, 55, 57, 0.1);
    border-color: rgba(94, 86, 90, 0.28);
  }

  body:not(.page-home) .solution-cap-card:hover,
  body:not(.page-home) .solution-exp-card:hover,
  body:not(.page-home) .sm-feature:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: 0 14px 36px rgba(62, 55, 57, 0.09);
  }

  body:not(.page-home) .solution-cap-card:hover img,
  body:not(.page-home) .solution-exp-card:hover .solution-exp-card__visual img,
  body:not(.page-home) .sm-feature:hover img,
  body:not(.page-home) .sm-resource:hover img {
    transform: scale(1.02);
  }

  body:not(.page-home) .sm-resource:hover {
    transform: translate3d(0, -4px, 0);
  }

  body:not(.page-home) .sm-logo:hover,
  body:not(.page-home) .solution-trusted__shot:hover,
  body:not(.page-home) .solution-explore__pill:hover {
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 10px 24px rgba(62, 55, 57, 0.08);
  }

  body:not(.page-home) .sm-logo:hover img,
  body:not(.page-home) .solution-trusted__shot:hover img {
    opacity: 1;
  }
}

body:not(.page-home) .solution-cap-card img,
body:not(.page-home) .solution-exp-card__visual img,
body:not(.page-home) .sm-feature img,
body:not(.page-home) .sm-resource img {
  transition: transform 300ms var(--sm-ease);
}

body:not(.page-home) .solution-trusted__shot img,
body:not(.page-home) .sm-logo img {
  opacity: 0.8;
  transition:
    opacity 300ms var(--sm-ease),
    transform 300ms var(--sm-ease);
}

body:not(.page-home) .solution-explore__pill {
  transition:
    transform var(--sm-fast) var(--sm-ease),
    box-shadow var(--sm-fast) var(--sm-ease),
    border-color var(--sm-fast) var(--sm-ease),
    background-color var(--sm-fast) var(--sm-ease);
}

/* ========== Buttons ========== */
body:not(.page-home) .btn,
body:not(.page-home) .btn-primary,
body:not(.page-home) .btn-outline-light,
body:not(.page-home) a.btn,
body:not(.page-home) .solution-banner__btn,
body:not(.page-home) .feat-btn,
body:not(.page-home) .industry-banner__btn,
body:not(.page-home) .site-header .nav-cta .btn {
  transition:
    transform var(--sm-fast) var(--sm-ease),
    box-shadow var(--sm-fast) var(--sm-ease),
    background-color var(--sm-fast) var(--sm-ease),
    border-color var(--sm-fast) var(--sm-ease),
    color var(--sm-fast) var(--sm-ease),
    filter var(--sm-fast) var(--sm-ease);
}

body:not(.page-home) .btn .btn-arrow,
body:not(.page-home) .btn svg,
body:not(.page-home) .solution-banner__btn svg,
body:not(.page-home) .feat-btn svg,
body:not(.page-home) .solution-benefit-card__link img {
  transition: transform var(--sm-fast) var(--sm-ease);
}

@media (hover: hover) and (pointer: fine) {
  body:not(.page-home) .btn-primary:hover,
  body:not(.page-home) .solution-banner__btn--primary:hover,
  body:not(.page-home) .feat-btn--primary:hover,
  body:not(.page-home) .industry-banner__btn--primary:hover,
  body:not(.page-home) .site-header .nav-cta .btn-primary:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 10px 28px rgba(255, 147, 79, 0.28);
    filter: brightness(1.04);
  }

  body:not(.page-home) .btn-primary:hover .btn-arrow,
  body:not(.page-home) .btn-primary:hover svg,
  body:not(.page-home) .solution-banner__btn--primary:hover svg,
  body:not(.page-home) .feat-btn--primary:hover svg,
  body:not(.page-home) .solution-benefit-card__link:hover img {
    transform: translate3d(4px, 0, 0);
  }

  body:not(.page-home) .btn:not(.btn-primary):hover,
  body:not(.page-home) .btn-outline-light:hover,
  body:not(.page-home) .solution-banner__btn--secondary:hover,
  body:not(.page-home) .feat-btn--ghost:hover,
  body:not(.page-home) .industry-banner__btn--secondary:hover,
  body:not(.page-home) .site-header .nav-cta .btn:not(.btn-primary):hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 8px 20px rgba(62, 55, 57, 0.08);
  }

  body:not(.page-home) .btn-primary:active,
  body:not(.page-home) .solution-banner__btn--primary:active,
  body:not(.page-home) .feat-btn--primary:active,
  body:not(.page-home) .industry-banner__btn--primary:active {
    transform: scale(0.98);
  }
}

/* ========== Images ========== */
body:not(.page-home) .sm-img,
body:not(.page-home) .solution-banner__collage,
body:not(.page-home) .solution-overview__image,
body:not(.page-home) .solution-audience__person,
body:not(.page-home) .feat-banner__mock,
body:not(.page-home) .industry-banner img {
  transition:
    transform 500ms var(--sm-ease),
    opacity 500ms var(--sm-ease),
    filter 500ms var(--sm-ease);
}

@media (hover: hover) and (pointer: fine) {
  body:not(.page-home) .sm-img:hover,
  body:not(.page-home) .solution-banner__visual:hover .solution-banner__collage,
  body:not(.page-home) .solution-overview__visual:hover .solution-overview__image,
  body:not(.page-home) .solution-audience__media:hover .solution-audience__person {
    transform: translate3d(0, -3px, 0) scale(1.03);
  }
}

/* ========== Icons ========== */
@media (hover: hover) and (pointer: fine) {
  body:not(.page-home) .solution-benefit-card__icon,
  body:not(.page-home) .solution-usecase-card__icon,
  body:not(.page-home) .solution-audience-card__icon,
  body:not(.page-home) .solution-integration-card__icon,
  body:not(.page-home) .solution-security-card__icon,
  body:not(.page-home) .solution-cap-card__icon,
  body:not(.page-home) .solution-exp-card__icon,
  body:not(.page-home) .sm-icon {
    transition: transform 220ms var(--sm-ease);
  }

  body:not(.page-home) .solution-benefit-card:hover .solution-benefit-card__icon,
  body:not(.page-home) .solution-usecase-card:hover .solution-usecase-card__icon,
  body:not(.page-home) .solution-audience-card:hover .solution-audience-card__icon,
  body:not(.page-home) .solution-integration-card:hover .solution-integration-card__icon,
  body:not(.page-home) .solution-security-card:hover .solution-security-card__icon,
  body:not(.page-home) .solution-cap-card:hover .solution-cap-card__icon,
  body:not(.page-home) .sm-icon:hover {
    transform: scale(1.08);
  }
}

/* ========== Navigation (non-home) ========== */
body:not(.page-home) .site-header .nav-link {
  position: relative;
  transition:
    color var(--sm-fast) var(--sm-ease),
    opacity var(--sm-fast) var(--sm-ease);
}

body:not(.page-home) .site-header .nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.35rem;
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--nav-tangerine, #ff934f);
  transform: translateX(-50%);
  transition: width 280ms var(--sm-ease);
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  body:not(.page-home) .site-header .nav-item:hover > .nav-link::after,
  body:not(.page-home) .site-header .nav-link[aria-current="page"]::after,
  body:not(.page-home) .site-header .nav-item.is-active > .nav-link::after {
    width: 1.1rem;
  }
}

/* ========== Tabs ========== */
body:not(.page-home) .solution-hiw__tabs,
body:not(.page-home) .solution-success__tabs {
  position: relative;
}

body:not(.page-home) .sm-tab-pill {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(62, 55, 57, 0.06);
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), width 280ms cubic-bezier(0.22, 1, 0.36, 1), height 280ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

body:not(.page-home) .solution-hiw__tabs:has(.sm-tab-pill) .nav-link.active {
  background: transparent;
}

body:not(.page-home) .solution-hiw__tabs .nav-link,
body:not(.page-home) .solution-success__tab {
  position: relative;
  z-index: 1;
  transition:
    transform var(--sm-fast) var(--sm-ease),
    background-color var(--sm-fast) var(--sm-ease),
    color var(--sm-fast) var(--sm-ease),
    box-shadow var(--sm-fast) var(--sm-ease),
    border-color var(--sm-fast) var(--sm-ease),
    opacity var(--sm-fast) var(--sm-ease);
}

body:not(.page-home) .solution-hiw-panel,
body:not(.page-home) .solution-success__panel {
  transition:
    opacity 320ms var(--sm-ease),
    transform 320ms var(--sm-ease),
    filter 320ms var(--sm-ease);
}

body:not(.page-home) .solution-hiw-panel.is-sm-out,
body:not(.page-home) .solution-success__panel.is-sm-out {
  opacity: 0;
  transform: translate3d(12px, 0, 0);
  filter: blur(2px);
}

body:not(.page-home) .solution-hiw-panel.is-sm-in,
body:not(.page-home) .solution-success__panel.is-sm-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

/* ========== Accordions (generic non-home) ========== */
body:not(.page-home) .accordion-button {
  transition:
    background-color var(--sm-fast) var(--sm-ease),
    color var(--sm-fast) var(--sm-ease),
    box-shadow var(--sm-fast) var(--sm-ease);
}

body:not(.page-home) .accordion-button::after {
  transition: transform 280ms var(--sm-ease);
}

body:not(.page-home) .accordion .accordion-body {
  transition:
    opacity 280ms var(--sm-ease),
    transform 280ms var(--sm-ease);
}

body:not(.page-home) .accordion .accordion-collapse:not(.show) .accordion-body {
  opacity: 0;
  transform: translate3d(0, 8px, 0);
}

body:not(.page-home) .accordion .accordion-collapse.show .accordion-body {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* ========== CTA sections ========== */
body:not(.page-home) .solution-pricing,
body:not(.page-home) .sm-cta {
  position: relative;
}

body:not(.page-home) .solution-pricing::before,
body:not(.page-home) .sm-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 50% at 50% 40%, rgba(255, 147, 79, 0.08), transparent 70%);
  opacity: 1;
}

/* ========== Links ========== */
body:not(.page-home) a:not(.btn):not(.nav-link):not(.solution-explore__pill) {
  transition: color var(--sm-fast) var(--sm-ease), opacity var(--sm-fast) var(--sm-ease);
}

/* ========== Chips / pills ========== */
body:not(.page-home) .solution-overview__chip,
body:not(.page-home) .solution-trusted__pill {
  transition:
    transform var(--sm-fast) var(--sm-ease),
    box-shadow var(--sm-fast) var(--sm-ease),
    border-color var(--sm-fast) var(--sm-ease);
}

@media (hover: hover) and (pointer: fine) {
  body:not(.page-home) .solution-overview__chip:hover,
  body:not(.page-home) .solution-trusted__pill:hover {
    transform: translate3d(0, -2px, 0);
  }
}

/* ========== Reduced motion ========== */
@media (prefers-reduced-motion: reduce) {
  body:not(.page-home) .sm-reveal,
  body:not(.page-home) .sm-child,
  body:not(.page-home) .sm-list-item,
  body:not(.page-home) .sm-card,
  body:not(.page-home) .btn,
  body:not(.page-home) .btn svg,
  body:not(.page-home) .btn .btn-arrow,
  body:not(.page-home) .solution-benefit-card,
  body:not(.page-home) .solution-usecase-card,
  body:not(.page-home) .solution-audience-card,
  body:not(.page-home) .solution-integration-card,
  body:not(.page-home) .solution-security-card,
  body:not(.page-home) .solution-roi-item,
  body:not(.page-home) .solution-cap-card,
  body:not(.page-home) .solution-exp-card,
  body:not(.page-home) .solution-hiw-panel,
  body:not(.page-home) .solution-success__panel,
  body:not(.page-home) .accordion-body,
  body:not(.page-home) .site-header .nav-link::after,
  body:not(.page-home) img {
    transition: none !important;
    animation: none !important;
  }

  body:not(.page-home) .sm-reveal,
  body:not(.page-home) .sm-child,
  body:not(.page-home) .sm-list-item {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}