/* Authored motion layers. These rules never hide page copy or controls. */
.hero-arm { transform-origin: 34.013605% 79.591837%; }
.footer-arm { transform-origin: 28.804348% 38.695652%; }
.motion-brow-patch, .motion-brows { display: none !important; }
.motion-ready .quiz-thinking-slot .motion-brow-patch,
.motion-ready .quiz-thinking-slot .motion-brows { display: block !important; position: absolute; inset: 0; width: 100%; height: 100%; }
.arth-figure { position: relative; }
.arth-figure .arth-eye-closed { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.arth-spark-large, .arth-spark-small { position: absolute; display: block; opacity: 0; transform-origin: 0 0; aspect-ratio: 1; pointer-events: none; }
.arth-spark-large { width: 29.9px; height: 29.9px; }
.arth-spark-small { width: 16.1px; height: 16.1px; }
.footer-fox { aspect-ratio: .8; }
.footer-fox .footer-arm, .footer-fox .footer-body { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.header-inner { transition: background-color 200ms ease-out; }
.quiz-progress-fill { transition: width 800ms cubic-bezier(.215,.61,.355,1); }
.quiz-option, .quiz-indicator { transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out; }
.score-arc { transition: stroke 250ms linear; }
.demo-readout strong { transition: color 250ms linear; }
.streak-timeline li::after { transition: background-color 600ms linear; }
.pattern-grid > .pattern-card { transition-duration: 200ms; transition-timing-function: ease-out; }
.pattern-card:active { border-color: #1d9e7599; background: #ffffff12; transform: translateY(-4px); }
.motion-promise-rule { display: block; width: 64px; height: 2px; background: var(--fin-orange); margin: -4px 0 16px; transform-origin: left center; }
.faq-answer { overflow: hidden; }
.faq-chevron { transition: transform 250ms ease-out; }
.faq-item[open] .faq-chevron { transform: rotate(180deg); }
.faq-item[open] .faq-chevron .faq-open { transform: none; }
@media (max-width: 767px) { .motion-promise-rule { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .motion-ready .quiz-thinking-slot .motion-brow-patch,
  .motion-ready .quiz-thinking-slot .motion-brows { display: none !important; }
  .header-inner, .quiz-progress-fill, .quiz-option, .quiz-indicator,
  .score-arc, .demo-readout strong, .streak-timeline li::after,
  .pattern-grid > .pattern-card, .faq-chevron { transition: none; }
  .pattern-card:active { transform: none; }
}