.intro-animated-gradient__root {
    padding-top: clamp(4rem, 12vw, 10rem);
    padding-bottom: clamp(4rem, 12vw, 10rem);
    min-height: min(32rem, 85vh);
}

@keyframes intro-animated-gradient-spin {
    to {
        transform: rotate(360deg);
    }
}

.intro-animated-gradient__spin--left,
.intro-animated-gradient__spin--right {
    width: 85%;
    height: 85%;
    top: 7.5%;
    animation-name: intro-animated-gradient-spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

.intro-animated-gradient__spin--left {
    left: -18%;
    animation-duration: 48s;
}

.intro-animated-gradient__spin--right {
    right: -18%;
    animation-duration: 60s;
    animation-direction: reverse;
}

.intro-animated-gradient__area {
    max-width: 48rem;
}

.services__panel--lift {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.services__panel--lift:hover {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  transform: translateY(-0.5rem);
}

.services__link--lift {
  transition: filter 0.2s ease;
}

.services__link--lift:hover {
  filter: brightness(1.1);
}

/* v17 - terminal timeline: neon grid backdrop via line borders (no colored bg images, no hex) */
.steps-terminal-timeline__grid-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        repeating-linear-gradient(to right, currentColor 0, currentColor 1px, transparent 1px, transparent 48px),
        repeating-linear-gradient(to bottom, currentColor 0, currentColor 1px, transparent 1px, transparent 48px);
    opacity: 0.06;
}

.steps-terminal-timeline__desc {
    min-height: 3em;
}

/* integrations — unified hover (layout; shadow + lift; respect reduced motion) */
.integrations-card-hover {
    transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.integrations-card-hover:hover {
    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
    transform: translateY(-2px) scale(1.03);
}

.integrations-card-hover--shadow-only {
    transition: box-shadow 0.35s ease;
}

.integrations-card-hover--shadow-only:hover {
    transform: none;
    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
}

@media (prefers-reduced-motion: reduce) {
    .integrations-card-hover:hover {
        transform: none;
    }
}

/* Primary tile: wpg-preview --tw-primary-* | --bs-primary-scale-*; inherited --bs-primary hex */
.integrations__icon-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: none;
    color: #fff;
    --_ie-from: rgb(var(--tw-primary-500, var(--bs-primary-scale-500, 99 102 241)) / 1);
    --_ie-to: rgb(var(--tw-primary-600, var(--bs-primary-scale-600, 79 70 229)) / 1);
    background-color: var(--bs-primary, rgb(var(--tw-primary-600, var(--bs-primary-scale-600, 79 70 229)) / 1));
    background-image: linear-gradient(to bottom right, var(--_ie-from), var(--_ie-to));
}
.integrations__icon-tile i {
    color: inherit;
}
.integrations__icon-tile svg,
.integrations__icon-tile :is(path, circle, rect, polygon) {
    fill: currentColor;
}

/* Softer card hover shadow (avoids muddy stack with shadow-lg / BS cards) */
.integrations-card-hover:hover {
    box-shadow: 0 0.375rem 1rem rgba(15, 23, 42, 0.07);
}
.integrations-card-hover--shadow-only:hover {
    box-shadow: 0 0.375rem 1rem rgba(15, 23, 42, 0.07);
}

/* Scanlines overlay */
.integrations__scanlines {
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 3px,
        rgba(0, 0, 0, 0.4) 3px,
        rgba(0, 0, 0, 0.4) 4px
    );
}

/* Terminal traffic-light dots */
.integrations__tl-dot {
    width: 0.75rem;
    height: 0.75rem;
    flex: none;
}

/* Blinking CLI cursor */
.integrations__cursor {
    display: inline-block;
    width: 0.5rem;
    height: 1rem;
    flex: none;
}

/* Terminal table columns: widths without colors */
.integrations__col-num {
    width: 1.5rem;
    flex: none;
}
.integrations__col-icon {
    width: 2.5rem;
    flex: none;
}
@media (min-width: 768px) {
    .integrations__col-name {
        width: 11rem;
        flex: none;
    }
    .integrations__col-category {
        width: 7rem;
        flex: none;
    }
}

/* Letter-spacing helper (Bootstrap has no tracking utility) */
.integrations__tracking-wide {
    letter-spacing: 0.1em;
}

/* Hover: brighten dt/dd (moved out of the sem directive; color-free brightness for framework parity) */
.integrations-v17__row .integrations__col-name,
.integrations-v17__row .integrations-v17__row-desc { transition: filter 0.15s ease; }
.integrations-v17__row:hover .integrations__col-name,
.integrations-v17__row:hover .integrations-v17__row-desc { filter: brightness(1.2); }

/* faq v21 — gazette newspaper columns + animated mesh */
.gazette-faq__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media (max-width: 768px) {
  .gazette-faq__layout {
    grid-template-columns: 1fr;
  }
}

.gazette-faq__story {
  text-align: justify;
}

/* Orbs — sizes, blur, drift (colors in Blade) */
.gazette-faq__orb--north {
  width: 18rem;
  height: 18rem;
  filter: blur(48px);
}

.gazette-faq__orb--south {
  width: 24rem;
  height: 24rem;
  filter: blur(64px);
}

.gazette-faq__orb--center {
  width: 12rem;
  height: 12rem;
  filter: blur(40px);
}

.gazette-faq__band--pulse {
  animation: gazette-faq-band-pulse-seq 6s ease-in-out infinite;
}

@keyframes gazette-faq-band-pulse-seq {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}

@keyframes gazette-faq-orb-drift-north-seq {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(2.5rem, -1.5rem) scale(1.06);
  }
  66% {
    transform: translate(-1.25rem, 1.25rem) scale(0.96);
  }
}

.gazette-faq__orb--north {
  animation: gazette-faq-orb-drift-north-seq 20s ease-in-out infinite;
}

@keyframes gazette-faq-orb-drift-south-seq {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  40% {
    transform: translate(-2rem, -1rem) scale(1.08);
  }
  70% {
    transform: translate(1.5rem, 2rem) scale(0.94);
  }
}

.gazette-faq__orb--south {
  animation: gazette-faq-orb-drift-south-seq 24s ease-in-out infinite;
}

@keyframes gazette-faq-orb-drift-center-seq {
  0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(-1.5rem, 1rem) rotate(12deg);
  }
}

.gazette-faq__orb--center {
  animation: gazette-faq-orb-drift-center-seq 16s ease-in-out infinite;
}

.gazette-faq__band--delay {
  animation-delay: 2s;
}

.gazette-faq__orb--delay-mid {
  animation-delay: 0.8s;
}

.gazette-faq__orb--delay-late {
  animation-delay: 1.4s;
}

/* Sparks */
.gazette-faq__spark--lead {
  top: 5rem;
  left: 3rem;
  width: 0.75rem;
  height: 0.75rem;
}

.gazette-faq__spark--trail {
  top: 8rem;
  right: 5rem;
  width: 0.5rem;
  height: 0.5rem;
}

.gazette-faq__spark--base {
  bottom: 7rem;
  left: 33%;
  width: 0.625rem;
  height: 0.625rem;
}

@keyframes gazette-faq-spark-throb-seq {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

.gazette-faq__spark-anim--throb {
  animation: gazette-faq-spark-throb-seq 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes gazette-faq-spark-bounce-seq {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30%);
  }
}

.gazette-faq__spark-anim--bounce {
  animation: gazette-faq-spark-bounce-seq 1.2s ease-in-out infinite;
}

@keyframes gazette-faq-spark-ping-seq {
  75%,
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

.gazette-faq__spark-anim--ping {
  animation: gazette-faq-spark-ping-seq 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}