#integration .integration-mark { display: flex; align-items: center; justify-content: center; gap: 9px; white-space: nowrap; }
            #integration .integration-icon { display: block; width: 26px; height: 26px; flex: 0 0 26px; object-fit: contain; }
            #integration .integration-name { display: block; }
            @media (max-width: 700px) {
                #integration .integration-mark { flex-direction: column; gap: 6px; min-height: 86px; }
                #integration .integration-icon { width: 24px; height: 24px; flex-basis: 24px; }
            }

/* Linked abstract artwork; motion stays within each illustration. */
            #platform .platform-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; }
            .engine-illustration { display: block; width: 100%; max-width: 420px; margin: 0 auto; aspect-ratio: 1 / 1; background: #F4F6EF; border: 1px solid rgba(52,72,44,.13); border-radius: 3px; overflow: hidden; cursor: pointer; transition: background-color .3s ease, border-color .3s ease; }
            .engine-illustration svg { display: block; width: 100%; height: 100%; }
            .engine-illustration:hover, .engine-illustration:focus-visible { background: #EFF3E9; border-color: #8AA276; }
            .engine-illustration:focus-visible { outline: 2px solid #608946; outline-offset: 5px; }
            .engine-animation-toggle { flex: none; padding: 6px 0; border: 0; background: none; color: #69755F; font: inherit; font-size: 12px; cursor: pointer; text-underline-offset: 4px; }
            .engine-animation-toggle:hover { color: #34482C; text-decoration: underline; }
            .engine-animation-toggle:focus-visible { outline: 2px solid #608946; outline-offset: 5px; }
            .engine-animation-toggle[hidden] { display: none; }
            .engine-illustration svg { pointer-events: none; }
            .engine-animated { transform-box: view-box; transform-origin: 200px 200px; }
            .engine-route-flow { stroke-dasharray: 10 90; stroke-dashoffset: 0; opacity: 0; }
            @media (prefers-reduced-motion:no-preference) {
                .engine-assess-layer { animation: engine-sheet-pulse 14s ease-in-out var(--motion-delay,0s) infinite; }
                .engine-route-flow { animation: engine-flow 5.8s linear var(--motion-delay,0s) infinite; opacity: .72; }
                .engine-monitor-ring { animation: engine-ripple 7.2s ease-in-out var(--motion-delay,0s) infinite; }
                #platform .engine-animated { animation-play-state: paused; }
                #platform[data-engine-motion="running"] .engine-animated { animation-play-state: running; }
            }
            @keyframes engine-sheet-pulse { 0%, 100% { opacity: .72; } 50% { opacity: 1; } }
            @keyframes engine-flow { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
            @keyframes engine-ripple { 0%, 100% { transform: scale(.992); opacity: .58; } 50% { transform: scale(1.018); opacity: 1; } }
            @media (prefers-reduced-motion:reduce) { .engine-illustration { transition: none; } .engine-animated { animation: none; transform: none; } .engine-route-flow { display: none; } }
            @media (max-width:1000px) { .engine-illustration { max-width: 440px; } }