/* Keep motion scoped to Home; preserve the service-page illustrations. */
.mm-home-services {
    position: relative;
    background: radial-gradient(ellipse at 50% 0,rgba(124,108,255,.11),transparent 55%),#0b0b17;
}
.mm-home-services::before {
    content: ''; position: absolute; top: 0; left: 12%; right: 12%; height: 1px;
    background: linear-gradient(90deg,transparent,rgba(124,108,255,.65),rgba(88,216,255,.4),transparent);
    pointer-events: none;
}
.mm-home-service {
    position: relative; isolation: isolate;
    transition: border-color .25s,box-shadow .25s,background-color .25s;
}
.mm-home-service .mm-preview { position: relative; overflow: hidden; }
.mm-home-service .mm-preview::after {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(115deg,transparent 30%,rgba(190,179,255,.10) 48%,transparent 65%);
    transform: translateX(-110%); opacity: 0;
}
.mm-home-service .mm-preview-window,
.mm-home-service .mm-preview-phone,
.mm-home-service .mm-preview-search { transition: transform .3s cubic-bezier(.22,1,.36,1); }
.mm-home-service .card-number { transition: color .25s; }
.mm-home-service .text-link svg { transition: transform .25s; }
.mm-home-service:focus-within {
    border-color: #a99fff; box-shadow: 0 0 0 2px rgba(124,108,255,.18),0 20px 45px rgba(0,0,0,.25);
}
.mm-home-service a:focus-visible { outline: 2px solid #b2aaff; outline-offset: 5px; border-radius: 4px; }
.mm-home-service:focus-within .card-number { color: #7ce0ff; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .mm-home-service:hover { background-color: #151426; border-color: #9181ed; box-shadow: 0 18px 45px rgba(0,0,0,.3),0 0 28px rgba(124,108,255,.08); }
    .mm-home-service:hover .mm-preview-window,
    .mm-home-service:hover .mm-preview-phone,
    .mm-home-service:hover .mm-preview-search { transform: translateY(-5px); }
    .mm-home-service:hover .mm-preview::after { animation: mm-service-sheen .7s ease-out both; }
    .mm-home-service:hover .card-number { color: #7ce0ff; }
    .mm-home-service .text-link:hover svg { transform: translateX(4px); }
}
@keyframes mm-service-sheen {
    0% { transform: translateX(-110%); opacity: 0; }
    25% { opacity: 1; }
    100% { transform: translateX(110%); opacity: 0; }
}
@media (prefers-reduced-motion:reduce) {
    .mm-home-service,.mm-home-service * { animation: none !important; transition: none !important; }
}