/* Cinematic enhancement only. The approved layout remains the static fallback. */
.business-home.cinematic-ready .nx-reveal { opacity: 1; transform: none; transition: none; }
.business-home.cinematic-ready .blueprint-module .chip-added { animation: none; }
.motion-scene { position: relative; min-width: 0; }
.motion-chapter { display: flex; align-items: center; gap: 18px; min-height: 48px; padding: 8px 2px 12px; color: #42637e; font-size: 11px; line-height: 1.5; }
.motion-chapter strong { color: #173c5e; font-weight: 600; min-width: 0; }
.motion-chapter small { margin-left: auto; font-size: 10px; white-space: nowrap; }
.motion-chapter button { flex: 0 0 auto; min-height: 36px; padding: 5px 10px; color: inherit; background: transparent; border: 1px solid #a5bdd066; border-radius: 5px; font: inherit; cursor: pointer; }
.motion-chapter button:focus-visible { outline: 2px solid #278bd3; outline-offset: 3px; }
.motion-chapter button:hover { background: #7ba6cd18; }
.motion-track { position: relative; width: 62px; height: 2px; flex: 0 0 62px; background: #7195b533; }
.motion-track i { display: block; height: 100%; background: #5595c7; transform: scaleX(var(--scene-progress,0)); transform-origin: left; }
.dark-section .motion-chapter,.pillar-section .motion-chapter { color: #9cb5cb; }
.dark-section .motion-chapter strong,.pillar-section .motion-chapter strong { color: #d2e5f5; }
.motion-scene[data-manual] .motion-chapter small { opacity: .75; }
.motion-scene .pillar-panel { transition: border-color .45s, background-color .45s; }
.motion-scene .pillar-panel.is-story-current { background-color: #6d98c912; }
.motion-scene .pillar-panel.is-story-current .pillar-number { color: #c2e8ff; }
.motion-scene .shared-foundation { position: relative; }
.motion-scene .shared-foundation::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #a3d6f1; transform: scaleX(var(--scene-progress,0)); transform-origin: left; }
.motion-scene [data-blueprint-pillar].is-story-current { box-shadow: inset 0 0 0 1px #a5d5ff; background: #70aadc1f; }
.motion-scene .lead-event { margin-top: 0; }
.motion-scene .lead-event-context { position: relative; }
.motion-scene .lead-event-context::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; border-radius: 2px; background: #9cd4f2; transform-origin: top; transform: scaleY(var(--scene-progress,0)); }
.business-home .nx-delivery-step.is-story-current>span { background: #224d70; color: white; border-color: #224d70; }
.business-home .nx-delivery-step.is-story-current { background: #dcebf452; }
.business-home .nx-delivery-step>span { transition: background .35s,color .35s; }
.motion-packet { position: fixed; top: 0; left: 0; z-index: 110; pointer-events: none; height: 5px; width: 24px; border-radius: 4px; background: #80bee7; box-shadow: 0 0 0 4px #7bb3d52b; transform-origin: center; }
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
  .cinematic-ready .hero-system-stage { perspective: 1400px; }
  .cinematic-ready .hero-demo { isolation: isolate; }
  .cinematic-ready .nx-delivery-grid::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #659ac0; transform: scaleX(var(--journey-progress,0)); transform-origin: left; pointer-events: none; }
  .cinematic-ready .nx-title { text-wrap: balance; }
}
@media (max-width: 860px) {
  html.abd-app .business-home-page { padding-bottom: calc(76px + env(safe-area-inset-bottom,0px)) !important; }
  html.abd-app .business-home-page #abdDock { display: grid !important; left: 10px; right: 10px; bottom: max(8px,env(safe-area-inset-bottom,0px)); height: 62px; padding: 5px; border: 1px solid #6d8ba657; border-radius: 18px; background: #0b1b2bf2; box-shadow: 0 8px 30px #07172640,inset 0 1px 0 #c9e4fb12; }
  html.abd-app .business-home-page #abdDock a,html.abd-app .business-home-page #abdDock button { font-size: 10px; gap: 5px; border-radius: 12px; }
  html.abd-app .business-home-page #abdDock .is-on { background: #2b4965; color: #e8f5ff; box-shadow: inset 0 1px 0 #badbfa22; }
  .business-home-page #abdDock [data-dock=project] { color: #b9dfff; }
  .business-home .builder-mobile-review { bottom: calc(84px + env(safe-area-inset-bottom,0px)); }
  .business-home .pillar-tabs { position: sticky; top: 78px; z-index: 4; background: #eef5fcf5; box-shadow: 0 5px 12px #153e6512; }
  .business-home :is(.industry-picker,.example-tabs,.lead-stages) { scroll-snap-type: x proximity; scroll-padding-inline: 10px; }
  .business-home :is(.industry-picker,.example-tabs,.lead-stages)>button { scroll-snap-align: center; }
  .business-home-page :is(button,.nx-button,#abdDock a):active { transform: scale(.975); }
  .business-home #leadStages button { min-height: 48px; }
  .business-home .nx-final { padding-bottom: 54px; }
  .business-home :is(#blueprintTitle,#builderTitle,#finalTitle) { scroll-margin-top: 95px; }
  .business-home-page #mobileMenu { padding-bottom: max(24px,env(safe-area-inset-bottom,0px)); }
  .business-home :is(a,button,input,textarea) { scroll-margin-bottom: 96px; }
  body.business-home-page:has(#mobileMenu.open) #abdDock,body.business-home-page.home-keyboard-open #abdDock { opacity: 0; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-chapter { display: none; }
  .motion-packet { display: none; }
  .business-home .nx-reveal { opacity: 1 !important; transform: none !important; }
  .business-home-page #abdDock * { transition: none !important; }
}