/* Opt-in enhancement: the unenhanced page always remains fully visible. */
.landing[data-motion="on"] .motion-ready {
  opacity: 0;
  translate: 0 22px;
  filter: blur(3px);
  transition: opacity .65s ease var(--motion-delay, 0ms), translate .85s cubic-bezier(.2,.7,.2,1) var(--motion-delay, 0ms), filter .65s ease var(--motion-delay, 0ms);
}
.landing[data-motion="on"] .motion-solid { opacity: 1; filter: none; translate: 0 28px; }
.landing[data-motion="on"] .motion-entered { opacity: 1; translate: 0 0; filter: none; }
.landing[data-motion="on"] .motion-instant { transition: none; }
.landing[data-motion="on"] .motion-layer { translate: 0 var(--motion-depth, 0px); }
.landing[data-motion="on"] .motion-glass { isolation: isolate; }
.landing[data-motion="on"] .review-panel.motion-glass { position: relative; }
.landing[data-motion="on"] .motion-glass::before,
.landing[data-motion="on"] .motion-glass::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.landing[data-motion="on"] .motion-glass::before {
  background: radial-gradient(250px circle at var(--motion-light-x, 50%) var(--motion-light-y, 0%), #ffffff12, transparent 75%);
  opacity: 0;
  transition: opacity .35s ease;
}
.landing[data-motion="on"] .motion-glass.motion-lit::before { opacity: 1; }
.landing[data-motion="on"] .motion-glass::after {
  background: linear-gradient(112deg, transparent 30%, #ffffff00 41%, #ffffff14 48%, #ffffff04 53%, transparent 63%);
  background-size: 250% 100%;
  background-position: 150% 0;
  opacity: 0;
}
.landing[data-motion="on"] .motion-sheen::after { animation: myaku-glass-pass 1.3s cubic-bezier(.2,.65,.3,1) .15s both; }
.landing[data-motion="on"] .button-primary { position: relative; isolation: isolate; }
.landing[data-motion="on"] .button-primary::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 28%, #ffffff00 40%, #ffffffa6 49%, #ffffff00 58%, transparent 70%);
  background-size: 260% 100%;
  background-position: 150% 0;
  opacity: 0;
}
@keyframes myaku-glass-pass {
  0% { background-position: 150% 0; opacity: 0; }
  20% { opacity: 1; }
  75% { opacity: .75; }
  100% { background-position: -100% 0; opacity: 0; }
}
@media (hover: hover) and (pointer: fine) {
  .landing[data-motion="on"] .button-primary:hover::after { animation: myaku-glass-pass .75s cubic-bezier(.2,.65,.3,1); }
}
@media (prefers-reduced-transparency: reduce) {
  .landing[data-motion="on"] .motion-glass::before,
  .landing[data-motion="on"] .motion-glass::after,
  .landing[data-motion="on"] .button-primary::after { display: none; animation: none; }
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .landing[data-motion="on"] .motion-ready,
  .landing[data-motion="on"] .motion-layer { opacity: 1; translate: none; filter: none; transition: none; }
  .landing[data-motion="on"] .motion-glass::before,
  .landing[data-motion="on"] .motion-glass::after,
  .landing[data-motion="on"] .button-primary::after { display: none; animation: none; transition: none; }
}