.site-header, main, .mega-menu, .language-menu, .mobile-menu, .modal__panel, .hero-video-layer, .hero-video-layer__media, .hero-poster-layer, .hero__rail article, [data-reveal], .canvas-surface, .canvas-surface article, .analysis-stack span, .showcase-carousel article, .community-cloud, .community-cloud article, .community-qr-popover, .template-cloud article, .faq-panel, .faq-item button > span, .capability-track__lane { transition-duration: var(--motion-medium); transition-timing-function: var(--ease-smooth); }
.site-header, main { transition-property: background, border-color, filter; }
.mega-menu { transition-property: opacity, transform, visibility; }
.hero-video-layer, .hero-video-layer__media, .hero-poster-layer { transition-property: opacity; }
.hero__rail article { transition-property: transform, opacity, filter; }
.hero__rail article > div, .hero__rail article span { transition: color var(--motion-medium) var(--ease-smooth), box-shadow var(--motion-medium) var(--ease-smooth), filter var(--motion-medium) var(--ease-smooth); }
.canvas-surface article { transition-property: transform, border-color, background, box-shadow, opacity; }
button, .button, .showcase-carousel article button, .prompt-bar button { transition: transform var(--motion-fast) var(--ease-press), background var(--motion-fast) var(--ease-smooth), background-position var(--motion-medium) var(--ease-smooth), color var(--motion-fast) var(--ease-smooth), border-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth); }
button:active, .button:active { transform: scale(0.97); }
.button--primary[data-cta-motion="true"], .prompt-bar button[data-cta-motion="true"] { transform: translate3d(var(--cta-nudge-x, 0), var(--cta-nudge-y, 0), 0); }
.button--primary[data-cta-motion="true"]:hover, .prompt-bar button[data-cta-motion="true"]:hover { box-shadow: 0 16px 42px rgb(216 255 79 / 0.2); }
.prompt-bar button { --cta-x: 50%; background: radial-gradient(circle at var(--cta-x) 50%, #ffffff 0, #d8ff4f 44%, #6bd8e4 100%); }
[data-reveal] { transform: translateY(24px); opacity: 0; transition-property: opacity, transform; transition-duration: var(--motion-scene); transition-timing-function: var(--ease-enter); }
[data-reveal].is-visible, .no-observer [data-reveal] { transform: translateY(0); opacity: 1; }
.community-cloud article { animation: community-float 8s ease-in-out infinite alternate; }.community-cloud article:nth-child(even) { animation-delay: -3s; animation-duration: 10s; }
.template-cloud article { animation: template-rise 9s ease-in-out infinite alternate; }.template-cloud article:nth-child(2n) { animation-delay: -2s; animation-duration: 11s; }.template-cloud article:nth-child(3n) { animation-delay: -4s; animation-duration: 10s; }
.scene--community.is-motion-paused .community-cloud article { animation-play-state: paused; }
@keyframes community-float { from { transform: translateY(-5px); } to { transform: translateY(7px); } }
@keyframes template-rise { from { margin-top: -4px; } to { margin-top: 7px; } }
.faq-panel { transition-property: max-height, opacity; }
.community-qr-popover { transition-property: opacity, transform; }
.team-core, .team-node, .team-connection, .asset-core, .asset-node, .asset-connection { transition: transform var(--motion-medium) var(--ease-smooth), opacity var(--motion-medium) var(--ease-smooth), border-color var(--motion-medium) var(--ease-smooth), box-shadow var(--motion-medium) var(--ease-smooth), stroke var(--motion-medium) var(--ease-smooth), stroke-width var(--motion-medium) var(--ease-smooth); }
.team-core:active, .team-node:active { transform: translate(-50%, -50%) scale(calc(var(--node-scale, 1) * 0.97)); }
.asset-core:active, .asset-node:active { transform: translate(-50%, -50%) scale(calc(var(--asset-scale, 1) * 0.97)); }
.team-connection.is-active, .asset-connection.is-active { animation: enterprise-flow 2.8s linear infinite; stroke-dasharray: 1.4 1.2; }
.quota-levels li, .quota-levels progress, .operation-row progress { transition: background var(--motion-medium) var(--ease-smooth), border-color var(--motion-medium) var(--ease-smooth), color var(--motion-medium) var(--ease-smooth); }
@keyframes enterprise-flow { to { stroke-dashoffset: -5.2; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: 0.001ms !important; transition-delay: 0ms !important; } [data-reveal] { transform: none; opacity: 1; } .button--primary[data-cta-motion="true"], .prompt-bar button[data-cta-motion="true"] { transform: none !important; } }