/* AI K9 cinematic motion + quick-load layer · 2026-08-04 */
:root{
  --aik9-motion-ease:cubic-bezier(.2,.78,.18,1);
  --aik9-motion-fast:180ms;
  --aik9-motion-base:560ms;
  --aik9-motion-rise:18px;
}

html{scroll-behavior:smooth}
body{transition:opacity var(--aik9-motion-fast) ease}
body.aik9-page-exit{opacity:.16}

.aik9-reveal{
  opacity:0;
  transform:translate3d(0,var(--aik9-motion-rise),0) scale(.992);
  filter:blur(7px);
  transition:
    opacity var(--aik9-motion-base) var(--aik9-motion-ease),
    transform var(--aik9-motion-base) var(--aik9-motion-ease),
    filter var(--aik9-motion-base) var(--aik9-motion-ease);
  transition-delay:var(--aik9-reveal-delay,0ms);
  will-change:opacity,transform,filter;
}

.aik9-reveal.aik9-reveal--media{
  transform:translate3d(0,12px,0) scale(1.025);
  filter:blur(4px) saturate(.82);
}

.aik9-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:none;
  will-change:auto;
}

.aik9-media-poster,
.aik9-ambient-video{
  transition:opacity 720ms var(--aik9-motion-ease),transform 1.1s var(--aik9-motion-ease),filter 720ms ease;
}

.aik9-ambient-video{opacity:0!important}
.aik9-media-active .aik9-ambient-video,
.aik9-ambient-video.is-media-playing{opacity:.68!important}
.aik9-media-active .aik9-media-poster{opacity:.2!important;transform:scale(1.018)}

:where(.aik9-btn,.btn,.aik9-proof-link,.shop-site-nav a,.product-checkout-link,.shop-buy-button){
  transition:transform var(--aik9-motion-fast) ease,border-color var(--aik9-motion-fast) ease,background-color var(--aik9-motion-fast) ease,box-shadow var(--aik9-motion-fast) ease!important;
}

:where(.aik9-btn,.btn,.aik9-proof-link,.product-checkout-link,.shop-buy-button):hover{
  transform:translateY(-2px);
}

:where(.aik9-btn,.btn,.aik9-proof-link,.product-checkout-link,.shop-buy-button):active{
  transform:translateY(0) scale(.985);
}

:where(.aik9-service-card,.aik9-proof-live,.aik9-current-card,.merch-product-card,.shop-product-card,.universal-proof article){
  transition:transform 240ms ease,border-color 240ms ease,box-shadow 240ms ease;
}

:where(.aik9-service-card,.aik9-proof-live,.aik9-current-card,.merch-product-card,.shop-product-card,.universal-proof article):hover{
  transform:translateY(-4px);
  box-shadow:0 24px 54px rgba(0,0,0,.26);
}

/* Preview silhouettes should communicate the delivered artifact, not a generic phone. */
.aik9-service-card--audit .aik9-phone-preview{aspect-ratio:8.5/11;border-radius:8px;background:#f6f1e7}
.aik9-service-card--qr .aik9-phone-preview{aspect-ratio:1;border-radius:22px}
.aik9-service-card--flyer .aik9-phone-preview{aspect-ratio:8.5/11;border-radius:10px}
.aik9-service-card--site .aik9-site-preview{aspect-ratio:16/10;border-radius:16px}

.aik9-proof-live img,
.verified-image,
.founder-hero-image,
.service-card img{
  transition:transform 800ms var(--aik9-motion-ease),opacity 520ms ease,filter 520ms ease;
}

.aik9-proof-live:hover img,
.service-card:hover img{transform:scale(1.025)}

.aik9-proof-hero .lead,
.aik9-current-services > .lead{
  color:#d6dfd7!important;
  opacity:1!important;
}

@media (max-width:720px){
  :root{--aik9-motion-base:420ms;--aik9-motion-rise:12px}
  .aik9-reveal{filter:blur(4px)}
  :where(.aik9-service-card,.aik9-proof-live,.aik9-current-card,.merch-product-card,.shop-product-card):hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body,.aik9-reveal,.aik9-media-poster,.aik9-ambient-video,*{animation:none!important;transition:none!important}
  .aik9-reveal,.aik9-ambient-video{opacity:1!important;transform:none!important;filter:none!important}
}