@media (prefers-reduced-motion: no-preference) {
  body::before {
    animation: global-signal-field var(--motion-duration-global-field) var(--motion-easing-gentle) infinite alternate;
    will-change: transform, opacity;
  }
  body::after {
    animation: global-signal-trace var(--motion-duration-signal-trace) var(--motion-easing-gentle) infinite alternate;
    will-change: transform, opacity;
  }
  .signal-geometry__node { animation: signal-node-drift 9.2s var(--motion-easing-gentle) -2.4s infinite alternate; }
  .signal-geometry__diamond { animation: signal-diamond-drift 11.6s var(--motion-easing-gentle) -6.1s infinite alternate; }
  .signal-geometry__cross { animation: signal-cross-drift 8.4s var(--motion-easing-gentle) -1.3s infinite alternate; }
  .signal-geometry__segment { animation: signal-segment-drift 13.2s var(--motion-easing-gentle) -8.3s infinite alternate; }

  .hero.is-ambient-active::after {
    animation: hero-atmosphere var(--motion-duration-hero-atmosphere) var(--motion-easing-gentle) infinite alternate;
  }
  .portrait-window::after {
    animation: portrait-frame-signal 8s linear infinite;
  }
  .system-section.is-ambient-active::before {
    animation: system-background-drift var(--motion-duration-hero-atmosphere) var(--motion-easing-gentle) infinite alternate;
  }
  .capabilities-home.is-ambient-active::before { animation: section-signal-drift 10.4s var(--motion-easing-gentle) -2.1s infinite alternate; }
  .recognition.is-ambient-active::after { animation: surface-signal-trace 9.4s var(--motion-easing-gentle) -3.7s infinite alternate; }
  #selected-engagements.is-ambient-active::before { animation: section-signal-drift 12.6s var(--motion-easing-gentle) -7.2s infinite alternate; }
  .approach-section.is-ambient-active::before { animation: section-signal-drift 11.8s var(--motion-easing-gentle) -4.4s infinite alternate; }
  .conversation.is-ambient-active::after,
  .page-hero.is-ambient-active::after {
    animation: surface-signal-trace var(--motion-duration-signal-scan) var(--motion-easing-gentle) infinite alternate;
  }
  .capability-panel:focus-visible::after { animation: capability-border-trace 2.6s var(--motion-easing-direct) infinite; }
  .matrix:focus-within .matrix-panels::before {
    animation: matrix-signal-scan 1.1s var(--ease) both;
  }

  .motion-ready [data-reveal] {
    opacity: 0.92;
    transform: translateY(0.625rem);
    filter: none;
    transition: opacity 0.42s var(--ease), transform 0.42s var(--ease);
  }
  .motion-ready [data-reveal="clip"] {
    transform: none;
    filter: none;
    opacity: 0.94;
    clip-path: inset(0 0 4% 0);
    transition: opacity 0.42s var(--ease), clip-path 0.46s var(--ease);
  }
  .motion-ready [data-reveal].is-visible { opacity: 1; transform: none; filter: none; clip-path: inset(0); }
  .motion-ready [data-stagger] > * { opacity: 0.92; translate: 0 0.5rem; }
  .motion-ready [data-stagger].is-visible > * { animation: stagger-in 0.38s var(--ease) both; }
  .motion-ready [data-stagger].is-visible > *:nth-child(2) { animation-delay: 55ms; }
  .motion-ready [data-stagger].is-visible > *:nth-child(3) { animation-delay: 110ms; }
  .motion-ready [data-stagger].is-visible > *:nth-child(4) { animation-delay: 165ms; }
  .motion-ready [data-stagger].is-visible > *:nth-child(5) { animation-delay: 220ms; }
  .motion-ready [data-stagger].is-visible > *:nth-child(6) { animation-delay: 275ms; }

  .motion-ready .capabilities-home__content[data-reveal="capabilities"] { opacity: 1; transform: none; filter: none; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"]:not(.is-visible) .capabilities-header > *,
  .motion-ready .capabilities-home__content[data-reveal="capabilities"]:not(.is-visible) .capability-panel { opacity: 0.92; transform: translateY(0.5rem); }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capabilities-header > *,
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capability-panel { animation: capability-element-in 0.38s var(--ease) backwards; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capabilities-header > h2 { animation-delay: 45ms; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capabilities-intro { animation-delay: 90ms; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capability-panel:nth-child(1) { animation-delay: 135ms; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capability-panel:nth-child(2) { animation-delay: 180ms; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capability-panel:nth-child(3) { animation-delay: 225ms; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capability-panel:nth-child(4) { animation-delay: 270ms; }
  @keyframes capability-element-in { from { opacity: 0.92; transform: translateY(0.5rem); } to { opacity: 1; transform: none; } }

  .motion-ready .system-copy[data-reveal],
  .motion-ready .system-visual[data-reveal="system"] { opacity: 1; transform: none; filter: none; }
  .motion-ready .system-copy[data-reveal]:not(.is-visible) > *,
  .motion-ready .system-visual[data-reveal="system"]:not(.is-visible) .system-stage,
  .motion-ready .system-visual[data-reveal="system"]:not(.is-visible) .system-outcome { opacity: 0.92; transform: translateY(0.5rem); }
  .motion-ready .system-visual[data-reveal="system"]:not(.is-visible)::before { transform: scaleY(0); transform-origin: top; }
  .motion-ready .system-copy[data-reveal].is-visible > .eyebrow { animation: system-copy-in 0.36s var(--ease) backwards; }
  .motion-ready .system-copy[data-reveal].is-visible > h2 { animation: system-copy-in 0.38s var(--ease) 45ms backwards; }
  .motion-ready .system-copy[data-reveal].is-visible > .system-intro { animation: system-copy-in 0.38s var(--ease) 90ms backwards; }
  .motion-ready .system-visual[data-reveal="system"].is-visible::before { animation: system-connector-in 0.42s var(--ease) 70ms backwards; transform-origin: top; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage,
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-outcome { animation: system-stage-in 0.34s var(--ease) backwards; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage:nth-child(1) { animation-delay: 60ms; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage:nth-child(2) { animation-delay: 110ms; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage:nth-child(3) { animation-delay: 160ms; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage:nth-child(4) { animation-delay: 210ms; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage:nth-child(5) { animation-delay: 260ms; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage:nth-child(6) { animation-delay: 310ms; }
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-outcome { animation-delay: 360ms; }

  @keyframes system-copy-in { from { opacity: 0.92; transform: translateY(0.5rem); } to { opacity: 1; transform: none; } }
  @keyframes system-connector-in { from { transform: scaleY(0); } to { transform: scaleY(1); } }
  @keyframes system-stage-in { from { opacity: 0.92; transform: translateY(0.5rem); } to { opacity: 1; transform: none; } }

  .motion-ready .hero [data-hero="eyebrow"],
  .motion-ready .hero [data-hero="copy"],
  .motion-ready .hero [data-hero="actions"],
  .motion-ready .hero [data-hero="context"] { opacity: 0.94; transform: translateY(0.5rem); transition: opacity 0.42s var(--ease), transform 0.42s var(--ease); }
  .motion-ready .hero .hero-title-line > span { opacity: 0.94; transform: translateY(0.1em); transition: opacity 0.42s var(--ease), transform 0.42s var(--ease); }
  .motion-ready .hero .portrait-window { clip-path: inset(4% 0 0); transition: clip-path 0.46s var(--ease); }
  .page-ready .motion-ready .hero [data-hero="eyebrow"],
  .page-ready .motion-ready .hero [data-hero="copy"],
  .page-ready .motion-ready .hero [data-hero="actions"],
  .page-ready .motion-ready .hero [data-hero="context"] { opacity: 1; transform: none; }
  .page-ready .motion-ready .hero .hero-title-line > span { opacity: 1; transform: none; }
  .page-ready .motion-ready .hero [data-hero="eyebrow"] { transition-delay: 20ms; }
  .page-ready .motion-ready .hero .hero-title-line:nth-child(1) > span { transition-delay: 40ms; }
  .page-ready .motion-ready .hero .hero-title-line:nth-child(2) > span { transition-delay: 65ms; }
  .page-ready .motion-ready .hero .hero-title-line:nth-child(3) > span { transition-delay: 90ms; }
  .page-ready .motion-ready .hero .hero-title-line:nth-child(4) > span { transition-delay: 115ms; }
  .page-ready .motion-ready .hero [data-hero="copy"] { transition-delay: 135ms; }
  .page-ready .motion-ready .hero [data-hero="actions"] { transition-delay: 160ms; }
  .page-ready .motion-ready .hero [data-hero="context"] { transition-delay: 185ms; }
  .page-ready .motion-ready .hero .portrait-window { clip-path: inset(0); transition-delay: 80ms; }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .matrix:hover .matrix-panels::before { animation: matrix-signal-scan 1.1s var(--ease) both; }
  .capability-panel:hover::after { animation: capability-border-trace 2.6s var(--motion-easing-direct) infinite; }
}

@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  .system-section.is-ambient-active::before,
  .capabilities-home.is-ambient-active::before,
  .recognition.is-ambient-active::after,
  #selected-engagements.is-ambient-active::before,
  .approach-section.is-ambient-active::before,
  .conversation.is-ambient-active::after,
  .page-hero.is-ambient-active::after { animation: none; transform: none; }
  .motion-ready [data-reveal] { opacity: 0.96; transform: translateY(0.375rem); transition-duration: 0.32s; }
  .motion-ready [data-reveal="clip"] { opacity: 0.96; clip-path: inset(0 0 2% 0); transition-duration: 0.32s; }
  .motion-ready [data-stagger] > * { opacity: 0.96; translate: 0 0.375rem; }
  .motion-ready [data-stagger].is-visible > * { animation-duration: 0.32s; animation-delay: 0ms; }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"]:not(.is-visible) .capabilities-header > *,
  .motion-ready .capabilities-home__content[data-reveal="capabilities"]:not(.is-visible) .capability-panel,
  .motion-ready .system-copy[data-reveal]:not(.is-visible) > *,
  .motion-ready .system-visual[data-reveal="system"]:not(.is-visible) .system-stage,
  .motion-ready .system-visual[data-reveal="system"]:not(.is-visible) .system-outcome { opacity: 0.96; transform: translateY(0.375rem); }
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capabilities-header > *,
  .motion-ready .capabilities-home__content[data-reveal="capabilities"].is-visible .capability-panel,
  .motion-ready .system-copy[data-reveal].is-visible > *,
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-stage,
  .motion-ready .system-visual[data-reveal="system"].is-visible .system-outcome { animation-duration: 0.32s; animation-delay: 0ms; }
  .motion-ready .hero [data-hero="eyebrow"],
  .motion-ready .hero [data-hero="copy"],
  .motion-ready .hero [data-hero="actions"],
  .motion-ready .hero [data-hero="context"],
  .motion-ready .hero .hero-title-line > span { opacity: 0.96; transform: translateY(0.25rem); transition-duration: 0.32s; transition-delay: 0ms; }
  .motion-ready .hero .portrait-window { clip-path: inset(2% 0 0); transition-duration: 0.32s; transition-delay: 0ms; }
  .page-ready .motion-ready .hero .portrait-window { clip-path: inset(0); }
}

@keyframes stagger-in {
  to { opacity: 1; translate: none; }
}

@keyframes global-signal-field {
  from { opacity: var(--signal-field-opacity-start); transform: translate3d(-0.9%, -0.55%, 0) scale(1.012); }
  to { opacity: var(--signal-field-opacity-end); transform: translate3d(1.05%, 0.7%, 0) scale(1.028); }
}

@keyframes global-signal-trace {
  from { opacity: var(--signal-trace-opacity-start); transform: translate3d(-0.65%, -0.35%, 0); }
  to { opacity: var(--signal-trace-opacity-end); transform: translate3d(0.85%, 0.65%, 0); }
}

@keyframes section-signal-drift {
  from { transform: translate3d(-0.7%, -0.35%, 0) scale(1.006); }
  to { transform: translate3d(0.85%, 0.55%, 0) scale(1.018); }
}

@keyframes surface-signal-trace {
  from { opacity: 0.18; transform: translate3d(-0.55rem, -0.25rem, 0); }
  to { opacity: 0.3; transform: translate3d(0.8rem, 0.45rem, 0); }
}

@keyframes signal-node-drift {
  from { opacity: 0.2; transform: translate3d(-0.35rem, -0.25rem, 0) rotate(-2deg); }
  52% { opacity: 0.3; }
  to { opacity: 0.24; transform: translate3d(0.75rem, 0.55rem, 0) rotate(4deg); }
}

@keyframes signal-diamond-drift {
  from { opacity: 0.18; transform: translate3d(0.3rem, -0.55rem, 0) rotate(42deg); }
  44% { opacity: 0.28; }
  to { opacity: 0.24; transform: translate3d(-0.65rem, 0.7rem, 0) rotate(48deg); }
}

@keyframes signal-cross-drift {
  from { opacity: 0.18; transform: translate3d(-0.5rem, 0.2rem, 0) rotate(-1deg); }
  58% { opacity: 0.26; }
  to { opacity: 0.22; transform: translate3d(0.65rem, -0.55rem, 0) rotate(2deg); }
}

@keyframes signal-segment-drift {
  from { opacity: 0.2; transform: translate3d(-0.8rem, -0.2rem, 0); }
  48% { opacity: 0.3; }
  to { opacity: 0.24; transform: translate3d(1rem, 0.45rem, 0); }
}

@keyframes portrait-frame-signal {
  0%, 56% { opacity: 0; transform: translate3d(0, 0, 0); }
  62% { opacity: var(--portrait-signal-opacity); }
  82% { opacity: var(--portrait-signal-opacity); transform: translate3d(520%, 0, 0); }
  88%, 100% { opacity: 0; transform: translate3d(520%, 0, 0); }
}

@keyframes capability-border-trace {
  0% { opacity: 0; transform: translate3d(-120%, 0, 0); }
  9% { opacity: 0.9; }
  72% { opacity: 0.9; transform: translate3d(460%, 0, 0); }
  86%, 100% { opacity: 0; transform: translate3d(460%, 0, 0); }
}

@keyframes matrix-signal-scan {
  from { opacity: 0; transform: translate3d(-42%, 0, 0) skewX(-8deg); }
  36% { opacity: 0.22; }
  to { opacity: 0; transform: translate3d(42%, 0, 0) skewX(-8deg); }
}