/* Motion uses small composited transforms and avoids perpetual repainting borders. */
.hover-border-gradient { animation: none !important; background: var(--_bg); border-color: rgba(var(--color-accent-400),.22); isolation: isolate; }
.hover-border-gradient::before, .hover-border-gradient::after { display: none !important; animation: none !important; }
.animate-trial-glow { animation: none !important; box-shadow: 0 0 0 1px rgba(var(--color-accent-400),.12) !important; }
.animate-trial-glow::after { animation: none !important; display: none !important; }
.animate-unlimited-flow { right: 0 !important; width: 100%; background-size: 100% 100% !important; animation: none !important; }
.kv-side { backdrop-filter: none; background: rgb(var(--color-dark-950)); }
#page-content { animation: page-enter .18s ease-out; }
@keyframes page-enter { from { opacity: .45; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
/* Move the shield and orbit together so the ring never detaches from the shield. */
.av-shield { animation: none; }
.av-scene { animation: scene-drift 8s ease-in-out infinite; transform-origin: center; }
.av-spark { animation: none; }
@keyframes scene-drift { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
[data-motion-paused] *, [data-motion-paused] *::before, [data-motion-paused] *::after { animation-play-state: paused !important; }
a.kd-card:hover { transform: none; }
@media (hover: hover) and (pointer: fine) { a.kd-card:hover { transform: translateY(-2px); } }
@media (max-width: 1023px) { .kv-mtop, .kv-bottom { backdrop-filter: none; background: rgba(var(--color-dark-950),.97); } .av-scene { animation: none; } }
@media (prefers-reduced-motion: reduce) {
  /* The auth shield (.av-scene) and boot splash (.boot-v2) are decorative brand motion and keep playing. */
  *:not(.av-scene, .av-scene *, .boot-v2, .boot-v2 *), *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .source-result-mark, .source-result-state { transform: none !important; opacity: 1 !important; }
  .source-result-mark path { stroke-dashoffset: 0 !important; }
}

/* 2026 motion and responsive polish: restrained, GPU-friendly transitions. */
@keyframes kv-rise { from { opacity:0; transform:translate3d(0,16px,0) scale(.985); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@keyframes kv-soft-shine { 0% { background-position:160% 50%; } 100% { background-position:-60% 50%; } }
@keyframes kv-halo { 0%,100% { box-shadow:0 0 0 1px rgba(53,228,125,.14),0 10px 28px rgba(0,0,0,.18); } 50% { box-shadow:0 0 0 1px rgba(53,228,125,.29),0 14px 36px rgba(18,190,93,.13); } }
#page-content { animation:kv-rise .38s cubic-bezier(.2,.8,.2,1) both; }
#catalog > .grid > *, #catalog .bento-card-hover { animation:kv-rise .42s cubic-bezier(.2,.8,.2,1) both; }
#catalog .grid > :nth-child(2) { animation-delay:.055s; }
#catalog .grid > :nth-child(3) { animation-delay:.11s; }
#catalog .grid > :nth-child(4) { animation-delay:.165s; }
.bento-card-hover, .kd-card, .ops-card, .clone-glass-card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease; }
@media (hover:hover) and (pointer:fine) {
  .bento-card-hover:hover, a.kd-card:hover { transform:translate3d(0,-4px,0); box-shadow:0 18px 44px rgba(0,0,0,.28); }
  .btn-primary:hover:not(:disabled) { transform:translateY(-2px); filter:brightness(1.08); }
  .kv-side a:hover { transform:translateY(-1px); }
}
.btn-primary,.btn-secondary,.kv-side a { transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,background-color .2s ease; }
.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled) { transform:scale(.975); }
.bento-card-glow { animation:kv-halo 4.5s ease-in-out infinite; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #55eda0;outline-offset:3px; }
.purchase-config-alert { padding:24px;border-radius:18px;background:rgba(235,161,36,.07);border:1px solid rgba(235,161,36,.28);color:inherit; }
.purchase-config-alert strong { display:block;font-size:1.1rem;margin-bottom:10px; }
.purchase-config-alert p { line-height:1.65;opacity:.82;margin-bottom:16px; }
.purchase-config-alert a { display:inline-flex;padding:10px 16px; }
@media (max-width:640px) { #catalog { padding:18px 16px !important; } .purchase-config-alert { padding:18px; } }
@media (prefers-reduced-motion:reduce) { #page-content,#catalog > .grid > *,#catalog .bento-card-hover,.bento-card-glow { animation:none !important; } .bento-card-hover,.kd-card,.btn-primary,.btn-secondary { transition:none !important; } }