/* MessyNet — index. Page-specific rules from the design prototype.
   .mn-fxN are the hover/focus states the prototype declared inline;
   they keep their numbering from the source. */
[data-anim]{transition:transform 1.8s cubic-bezier(.22,.85,.28,1),opacity 1.3s ease,stroke-dashoffset 3.2s ease-in-out;}
[data-anim="jump"]{transition:transform 1.5s cubic-bezier(.34,1.4,.42,1);}
[data-anim].mn-on{transform:none !important;opacity:1 !important;stroke-dashoffset:0 !important;}
[data-anim="out"].mn-on{opacity:0 !important;}
.mn-still{transition:none !important;}
@keyframes mnLang0{0%{opacity:0}0.00%{opacity:0}2.92%{opacity:1}13.75%{opacity:1}16.67%{opacity:0}100%{opacity:0}}
@keyframes mnLang1{0%{opacity:0}16.67%{opacity:0}19.58%{opacity:1}30.42%{opacity:1}33.33%{opacity:0}100%{opacity:0}}
@keyframes mnLang2{0%{opacity:0}33.33%{opacity:0}36.25%{opacity:1}47.08%{opacity:1}50.00%{opacity:0}100%{opacity:0}}
@keyframes mnLang3{0%{opacity:0}50.00%{opacity:0}52.92%{opacity:1}63.75%{opacity:1}66.67%{opacity:0}100%{opacity:0}}
@keyframes mnLang4{0%{opacity:0}66.67%{opacity:0}69.58%{opacity:1}80.42%{opacity:1}83.33%{opacity:0}100%{opacity:0}}
@keyframes mnLang5{0%{opacity:0}83.33%{opacity:0}86.25%{opacity:1}97.08%{opacity:1}100.00%{opacity:0}100%{opacity:0}}

.mn-lang{position:absolute;left:0;top:0;opacity:0;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:ease;animation-play-state:paused;}
.mn-lang-0{animation-name:mnLang0;}
.mn-lang-1{animation-name:mnLang1;}
.mn-lang-2{animation-name:mnLang2;}
.mn-lang-3{animation-name:mnLang3;}
.mn-lang-4{animation-name:mnLang4;}
.mn-lang-5{animation-name:mnLang5;}
.mn-on .mn-lang{animation-play-state:running;}

@media (prefers-reduced-motion:reduce){[data-anim]{transition:none !important;} .mn-lang{animation:none !important;opacity:0 !important;} .mn-lang-0{opacity:1 !important;}}

.mn-fx0:hover { color: var(--mn-teal) !important; }
.mn-fx1:hover { background: var(--mn-teal-hover) !important; color: rgb(4, 33, 29) !important; }
.mn-fx2:hover { color: var(--mn-teal) !important; border-bottom: 1px solid var(--mn-teal) !important; }