/* Progressive motion: native page transitions, compositor-only entrances and quiet interactions. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: cp-page-out 140ms ease-out both; mix-blend-mode: normal; }
::view-transition-new(root) { animation: cp-page-in 320ms cubic-bezier(.22,1,.36,1) both; mix-blend-mode: normal; }
@keyframes cp-page-out { to { opacity: 0; } }
@keyframes cp-page-in { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
.site-header { transition: background 250ms, border-color 250ms, box-shadow 250ms; }
.site-header.is-scrolled { background: #09090ef5; border-color: #b49bdf20; box-shadow: 0 8px 35px #0002; }
.hero::before { content: ''; position: absolute; z-index: -1; pointer-events: none; width: min(850px,95vw); height: 400px; left: 50%; top: 0; transform: translateX(-50%); background: radial-gradient(ellipse,#a58cff12,transparent 68%); }
.hero-orbit { animation: cp-orbit-drift 18s ease-in-out 2 alternate both; }
.orbit-two { animation-delay: -9s; animation-direction: alternate-reverse; }
@keyframes cp-orbit-drift { from { transform: rotate(-24deg) translateY(0); } to { transform: rotate(-20deg) translateY(-12px); } }
.button,.text-link,.product-tabs button,.module-filters button,.brand-item img { transition: color 220ms, background 220ms, border-color 220ms, box-shadow 280ms, transform 280ms cubic-bezier(.22,1,.36,1), opacity 220ms; }
.button > .icon,.text-link > .icon,.product-screen figcaption > a > .icon { transition: transform 280ms cubic-bezier(.22,1,.36,1); }
.product-tabs button[aria-selected=true] { box-shadow: inset 0 1px 0 #dbc5ff12,0 0 20px #a283d610; }
.module-card,.doc-card,.capability-card,.connection-card,.real-feature,.download-card,.docs-start-card { transition: transform 350ms cubic-bezier(.22,1,.36,1),border-color 250ms,box-shadow 350ms,background 250ms; }
.article-toc > a { border-left: 1px solid transparent; padding-left: 10px; transition: border-color 220ms,color 220ms; }
.article-toc > a.active { border-left-color: var(--accent); }
.download-grid { align-items: start; }
.download-release-details { width: 100%; margin-top: 18px; padding-top: 15px; border-top: 1px solid #b48bcd1c; font-size: 11px; color: #b6a1c5; }
.download-release-details summary { cursor: pointer; color: #d0bce0; }
.download-release-details summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 2px; }
.download-release-details p { line-height: 1.8; }
.download-release-details code { display: block; margin: 12px 0; font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; color: #c6b6d4; }
.download-release-details button { padding: 0; border: 0; background: transparent; color: var(--accent); font-size: 11px; }
@media(hover:hover) and (pointer:fine) {
  .module-card:hover,.doc-card:hover,.capability-card:hover,.connection-card:hover,.real-feature:hover,.download-card:hover,.docs-start-card:hover { transform: translateY(-4px); border-color: #aa8ac56b; box-shadow: 0 12px 35px #0003; }
  .button:not(:disabled):hover > .icon,.text-link:hover > .icon,.product-screen figcaption > a:hover > .icon { transform: translateX(3px); }
  .brand-item:hover img { transform: translateY(-2px); opacity: 1; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation: none !important; }
  .module-card:hover,.doc-card:hover,.capability-card:hover,.connection-card:hover,.real-feature:hover,.download-card:hover,.docs-start-card:hover,.brand-item:hover img,.button:hover > .icon,.text-link:hover > .icon { transform: none !important; }
}
