/* Animated contextual diagrams for AI Product Engineering offer pages. */
.mm-ai-product-page .mm-services-hero-visual{position:relative;width:100%;max-width:760px;margin-inline:auto;overflow:visible!important}
.mm-ai-product-page .mm-services-hero-visual:before{content:"";position:absolute;inset:9% 6%;border-radius:50%;background:radial-gradient(circle,rgba(0,200,244,.13),rgba(23,109,245,.06) 40%,transparent 70%);filter:blur(26px);pointer-events:none}
.mm-ai-hero-diagram{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 28px 62px rgba(0,8,28,.32))}
.mm-ai-hero-diagram text{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#f8fbff;font-size:13px;font-weight:800;letter-spacing:.035em}
.mm-ai-hero-diagram .mm-ai-svg-kicker{fill:#80efff;font-size:14px;font-weight:900;letter-spacing:.13em}
.mm-ai-hero-diagram .mm-ai-svg-sub{fill:#9cb7d6;font-size:11px;font-weight:650;letter-spacing:.035em}
.mm-ai-hero-diagram .mm-ai-svg-small{fill:#7f9bbd;font-size:9px;font-weight:760;letter-spacing:.085em}
.mm-ai-hero-diagram .mm-ai-svg-node rect{fill:#0a2a62;fill-opacity:.78;stroke:#4a9cff;stroke-opacity:.28;stroke-width:1.2}
.mm-ai-hero-diagram .mm-ai-svg-node circle{fill:#00c8f4;filter:drop-shadow(0 0 8px rgba(0,200,244,.85))}
.mm-ai-hero-diagram .mm-ai-svg-node{transform-box:fill-box;transform-origin:center;animation:mmAiNodeFloat 4.8s ease-in-out infinite;animation-delay:var(--mm-delay,0s)}
.mm-ai-hero-diagram .mm-ai-svg-flow{fill:none;stroke:url(#mmAiHeroStroke-ai-product-engineering);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:9 10;opacity:.78;animation:mmAiFlow 4s linear infinite;animation-delay:var(--mm-delay,0s)}
.mm-ai-hero-diagram--ai-product-opportunity-blueprint .mm-ai-svg-flow{stroke:url(#mmAiHeroStroke-ai-product-opportunity-blueprint)}
.mm-ai-hero-diagram--ai-feature-development .mm-ai-svg-flow{stroke:url(#mmAiHeroStroke-ai-feature-development)}
.mm-ai-hero-diagram--ai-production-rescue .mm-ai-svg-flow{stroke:url(#mmAiHeroStroke-ai-production-rescue)}
.mm-ai-hero-diagram--embedded-ai-product-pod .mm-ai-svg-flow{stroke:url(#mmAiHeroStroke-embedded-ai-product-pod)}
.mm-ai-hero-diagram--ai-saas-modernization .mm-ai-svg-flow{stroke:url(#mmAiHeroStroke-ai-saas-modernization)}
.mm-ai-hero-diagram--forward-deployed-ai-engineering .mm-ai-svg-flow{stroke:url(#mmAiHeroStroke-forward-deployed-ai-engineering)}
.mm-ai-hero-diagram .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-ai-product-engineering);stroke:#6adfff;stroke-opacity:.52;stroke-width:1.4}
.mm-ai-hero-diagram--ai-product-opportunity-blueprint .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-ai-product-opportunity-blueprint)}
.mm-ai-hero-diagram--ai-feature-development .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-ai-feature-development)}
.mm-ai-hero-diagram--ai-production-rescue .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-ai-production-rescue)}
.mm-ai-hero-diagram--embedded-ai-product-pod .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-embedded-ai-product-pod)}
.mm-ai-hero-diagram--ai-saas-modernization .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-ai-saas-modernization)}
.mm-ai-hero-diagram--forward-deployed-ai-engineering .mm-ai-svg-core>circle:first-child{fill:url(#mmAiHeroCore-forward-deployed-ai-engineering)}
.mm-ai-hero-diagram .mm-ai-svg-core-ring{fill:none;stroke:#9beeff;stroke-width:1;stroke-dasharray:6 8;opacity:.7;transform-origin:410px 260px;animation:mmAiSpin 18s linear infinite}
.mm-ai-hero-diagram .mm-ai-svg-core-title{fill:#fff;font-size:16px;font-weight:900;letter-spacing:.06em}
.mm-ai-hero-diagram .mm-ai-svg-core-small{fill:#b8d3ed;font-size:8.4px;font-weight:760;letter-spacing:.08em}
.mm-ai-hero-diagram .mm-ai-svg-pulse{fill:#9ff5ff;animation:mmAiPulse 2.2s ease-in-out infinite}
.mm-ai-hero-diagram .mm-ai-svg-orbit{fill:none;stroke:#557fb7;stroke-opacity:.36;stroke-width:1;stroke-dasharray:5 8}
.mm-ai-hero-diagram .mm-ai-svg-packet{fill:#00c8f4;filter:drop-shadow(0 0 8px rgba(0,200,244,.8));animation:mmAiPacket 3.6s ease-in-out infinite}
.mm-ai-hero-diagram .mm-ai-svg-packet--two{fill:#8b5cf6;animation-delay:1.2s}
@keyframes mmAiFlow{to{stroke-dashoffset:-76}}
@keyframes mmAiNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mmAiSpin{to{transform:rotate(360deg)}}
@keyframes mmAiPulse{0%,100%{opacity:.65;transform:scale(.8)}50%{opacity:1;transform:scale(1.28)}}
@keyframes mmAiPacket{0%,100%{opacity:.45;transform:translateX(-12px)}50%{opacity:1;transform:translateX(12px)}}
@media(max-width:1180px){.mm-ai-product-page .mm-services-hero-visual{max-width:820px}.mm-ai-hero-diagram{margin-top:.5rem}}
@media(max-width:720px){.mm-ai-product-page .mm-services-hero-visual{width:112%;margin-left:-6%}.mm-ai-hero-diagram text{font-size:12px}.mm-ai-hero-diagram .mm-ai-svg-kicker{font-size:13px}.mm-ai-hero-diagram .mm-ai-svg-core-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mm-ai-hero-diagram .mm-ai-svg-node,.mm-ai-hero-diagram .mm-ai-svg-flow,.mm-ai-hero-diagram .mm-ai-svg-core-ring,.mm-ai-hero-diagram .mm-ai-svg-pulse,.mm-ai-hero-diagram .mm-ai-svg-packet{animation:none!important}}
