/* Native WordPress behaviour layer for the local QuantumFlux markup. */
html,
body.mna-native-reference {
    min-height: 100%;
    background: #171717;
}

/* Rectangular page scrollbar without native arrow buttons. */
html {
    scrollbar-width: thin;
    scrollbar-color: #ff3a24 #171717;
}

html::-webkit-scrollbar,
body.mna-native-reference::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html::-webkit-scrollbar-track,
body.mna-native-reference::-webkit-scrollbar-track {
    background: #171717;
    border: 0;
    border-radius: 0;
}

html::-webkit-scrollbar-thumb,
body.mna-native-reference::-webkit-scrollbar-thumb {
    min-height: 48px;
    background: #ff3a24;
    border: 0;
    border-radius: 0;
}

html::-webkit-scrollbar-thumb:hover,
body.mna-native-reference::-webkit-scrollbar-thumb:hover {
    background: #ff563f;
}

html::-webkit-scrollbar-button,
body.mna-native-reference::-webkit-scrollbar-button {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    display: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

html::-webkit-scrollbar-button:vertical:start:decrement,
html::-webkit-scrollbar-button:vertical:end:increment,
body.mna-native-reference::-webkit-scrollbar-button:vertical:start:decrement,
body.mna-native-reference::-webkit-scrollbar-button:vertical:end:increment {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
}

html::-webkit-scrollbar-button:horizontal:start:decrement,
html::-webkit-scrollbar-button:horizontal:end:increment,
body.mna-native-reference::-webkit-scrollbar-button:horizontal:start:decrement,
body.mna-native-reference::-webkit-scrollbar-button:horizontal:end:increment {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
}

html::-webkit-scrollbar-corner,
body.mna-native-reference::-webkit-scrollbar-corner {
    background: #171717;
    border-radius: 0;
}

body.mna-native-reference {
    overflow-x: clip;
}

/* Keep the exported fallback state out of the first paint. Visibility keeps
   the complete layout in place, so scroll restoration and the scrollbar do
   not jump while ACF content and native controls are being applied. */
body.mna-native-reference:not(.mna-native-ready) #main {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    animation: mna-native-boot-failsafe 1ms step-end 2500ms forwards;
}

body.mna-native-reference.mna-native-ready #main {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    animation: none;
    transition: opacity 160ms ease-out;
}

@keyframes mna-native-boot-failsafe {
    to {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
}

body.mna-native-reference #template-overlay,
body.mna-native-reference .framer-loading-indicator,
body.mna-native-reference [data-framer-portal-id="template-overlay"] {
    display: none !important;
}

/* The exported HTML contains animation start frames. Framer used to reveal them
   after hydration; the native page must be complete even before JS runs. */
body.mna-native-reference [data-framer-appear-id] {
    opacity: 1 !important;
}

body.mna-native-reference [style*="will-change: transform; opacity: 0"],
body.mna-native-reference [style*="will-change:transform;opacity:0"] {
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference [style*="clip-path: polygon"] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}

body.mna-native-reference .mna-native-slide[hidden],
body.mna-native-reference .mna-faq-answer[hidden] {
    display: none !important;
}

body.mna-native-reference .mna-native-slide {
    animation: mna-native-fade 420ms cubic-bezier(.22, 1, .36, 1);
}

/* The services export is a 400vh scroll sequence, but its static markup is
   frozen at step four. Native state restores the 1→4 counter and pagination. */
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo {
    width: 28px !important;
    height: 42px !important;
    overflow: hidden !important;
}

body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-ifgwlb,
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-18ka93e,
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-adf52w,
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-17p1r9x {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
}

body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-ifgwlb {
    opacity: 1 !important;
    transform: translate3d(0, -50%, 0) !important;
}

body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-18ka93e,
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-adf52w,
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-ofmqbo > .framer-17p1r9x {
    opacity: 0 !important;
    transform: translate3d(0, 24px, 0) !important;
}

body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-1ye9npt {
    width: 8px !important;
    height: 17px !important;
    background: #171717 !important;
}

body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] :is(.framer-r0h0bt, .framer-1yjzh42, .framer-vsvsdy) {
    width: 4px !important;
    height: 4px !important;
    background: rgba(0, 0, 0, .1) !important;
}

/* ACF may change every service card. Keep the source clone out of the first
   painted frame so restored-scroll reloads never flash the fallback content. */
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] {
    visibility: hidden !important;
}

/* Match the first painted frame to the enhanced controls. This prevents the
   source CTA's animation layer and completed output copy flashing before JS. */
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] a.framer-IkRYC .framer-8iqs01-container {
    display: none !important;
}

body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Services"] .framer-scobtc-container p > span:not(:last-child) {
    opacity: 0 !important;
}

body.mna-native-reference .mna-native-services-scroll .framer-ofmqbo {
    width: var(--mna-service-number-width, 36px) !important;
    height: 50px !important;
    overflow: hidden !important;
}

body.mna-native-reference .mna-native-services-scroll .framer-s134ci-container,
body.mna-native-reference .mna-native-services-scroll .framer-9IW5U {
    width: 120px !important;
    overflow: visible !important;
}

body.mna-native-reference .mna-native-services-scroll .framer-9IW5U {
    height: 50px !important;
    align-items: center !important;
}

body.mna-native-reference .mna-native-services-scroll .framer-siqgbd,
body.mna-native-reference .mna-native-services-scroll .framer-y7zf2n {
    width: auto !important;
    min-width: max-content !important;
    overflow: visible !important;
}

body.mna-native-reference .mna-native-services-scroll .framer-siqgbd {
    height: 50px !important;
    align-items: center !important;
}

body.mna-native-reference .mna-native-services-scroll .framer-gefYp {
    gap: var(--mna-service-dot-gap, 10px) !important;
}

body.mna-native-reference section[data-framer-name="Services"] .framer-1xpmcf0 h2,
body.mna-native-reference section[data-framer-name="Services"] .framer-1xpmcf0 h2 * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.mna-native-reference section[data-framer-name="Services"] .framer-mv7pqt-container {
    overflow: visible !important;
}

body.mna-native-reference section[data-framer-name="Services"] .framer-mv7pqt-container span {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

@media (min-width: 1200px) {
    body.mna-native-reference section[data-framer-name="Services"].mna-native-services-scroll,
    body.mna-native-reference section[data-framer-name="Services"].mna-native-services-scroll .framer-1ix8o84-container,
    body.mna-native-reference section[data-framer-name="Services"].mna-native-services-scroll .framer-Hivtz.framer-kwhs4h,
    body.mna-native-reference section[data-framer-name="Services"].mna-native-services-scroll .framer-5rrtqq,
    body.mna-native-reference section[data-framer-name="Services"].mna-native-services-scroll .framer-1rtq71h {
        height: var(--mna-services-height, 400vh) !important;
    }

    body.mna-native-reference section[data-framer-name="Services"] .framer-1xpmcf0 {
        min-height: 164px !important;
        display: flex !important;
        align-items: center !important;
    }

    body.mna-native-reference section[data-framer-name="Services"] .framer-1xpmcf0 h2 {
        margin: 0 !important;
        font-size: clamp(64px, 4.3vw, 82px) !important;
        line-height: .98 !important;
    }

    body.mna-native-reference section[data-framer-name="Services"] .framer-hbs7dp,
    body.mna-native-reference section[data-framer-name="Services"] .framer-uyqmzu {
        gap: 36px !important;
    }

    body.mna-native-reference section[data-framer-name="Services"] .mna-native-service-long-title h3 {
        font-size: clamp(52px, 3.4vw, 64px) !important;
        line-height: 1.02 !important;
    }

    body.mna-native-reference section[data-framer-name="Services"] .mna-native-service-long-title .framer-ehi8x6 {
        gap: 18px !important;
    }

    body.mna-native-reference section[data-framer-name="Services"] .mna-native-service-long-title .framer-1ppq65n {
        gap: 22px !important;
    }
}

body.mna-native-reference .mna-native-services-scroll .mna-native-service-number {
    position: absolute !important;
    z-index: 1 !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    opacity: var(--mna-service-number-opacity, 0) !important;
    transform: translate3d(0, calc(-50% + var(--mna-service-number-offset, 24px)), 0) !important;
    transition: opacity 620ms ease, transform 780ms cubic-bezier(.16, 1, .3, 1) !important;
    pointer-events: none;
}

body.mna-native-reference .mna-native-services-scroll .mna-native-service-number.is-active {
    z-index: 2 !important;
}

body.mna-native-reference .mna-native-services-scroll .mna-native-service-number h2,
body.mna-native-reference .mna-native-services-scroll .mna-native-service-number strong,
body.mna-native-reference .mna-native-services-scroll .framer-y7zf2n h2,
body.mna-native-reference .mna-native-services-scroll .framer-y7zf2n strong {
    font-family: "JetBrains Mono", monospace !important;
    font-size: var(--mna-service-counter-font-size, 40px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0 !important;
}

body.mna-native-reference .mna-native-services-scroll .mna-native-service-dot {
    width: var(--mna-service-dot-width, 4px) !important;
    height: var(--mna-service-dot-height, 4px) !important;
    flex: 0 0 auto !important;
    border-radius: 20px !important;
    background: rgba(23, 23, 23, var(--mna-service-dot-alpha, .1)) !important;
    cursor: pointer;
    transition: width 720ms cubic-bezier(.16, 1, .3, 1), height 720ms cubic-bezier(.16, 1, .3, 1), background-color 620ms ease !important;
}

body.mna-native-reference .mna-native-services-scroll .mna-native-service-dot.is-active {
    box-shadow: 0 0 0 1px rgba(23, 23, 23, .04);
}

body.mna-native-reference .mna-native-services-scroll .mna-native-service-dot:focus-visible {
    outline: 2px solid #ff3a24;
    outline-offset: 3px;
}

body.mna-native-reference .mna-native-service-cta .mna-native-duplicate-label {
    display: none !important;
}

body.mna-native-reference .mna-native-service-cta {
    overflow: visible !important;
    transition: background-color 420ms cubic-bezier(.16, 1, .3, 1), transform 420ms cubic-bezier(.16, 1, .3, 1), box-shadow 420ms ease !important;
}

body.mna-native-reference .mna-native-service-cta .framer-u4Slx {
    transform-origin: 50% 50% !important;
    transition: transform 420ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.mna-native-reference .mna-native-service-cta:hover,
body.mna-native-reference .mna-native-service-cta:focus-visible {
    background-color: #ff3a24 !important;
    box-shadow: 0 10px 30px rgba(255, 58, 36, .22) !important;
    transform: translateY(-3px) !important;
    outline: none;
}

body.mna-native-reference .mna-native-service-cta:hover .framer-u4Slx,
body.mna-native-reference .mna-native-service-cta:focus-visible .framer-u4Slx {
    transform: translateY(-50%) rotate(45deg) !important;
}

body.mna-native-reference .mna-native-service-link {
    min-width: 132px;
    height: 28px;
    padding: 0 8px 0 12px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 7px;
    color: #fff;
    background: #171717;
    text-decoration: none;
    font: 600 10px/1 "JetBrains Mono", monospace;
    letter-spacing: -.04em;
    white-space: nowrap;
    overflow: visible !important;
    transition: background-color 260ms ease, transform 320ms cubic-bezier(.16, 1, .3, 1);
}

body.mna-native-reference .mna-native-services-scroll .framer-scobtc-container,
body.mna-native-reference .mna-native-services-scroll .framer-67XAs {
    overflow: visible !important;
}

body.mna-native-reference .mna-native-service-link:hover,
body.mna-native-reference .mna-native-service-link:focus-visible {
    color: #fff;
    background: #ff3a24;
    transform: translateY(-2px);
    outline: none;
}

body.mna-native-reference .mna-native-service-link:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ff3a24;
}

body.mna-native-reference .mna-native-service-link .framer-8231rs {
    width: 20px !important;
    padding: 2px !important;
    background: transparent !important;
    overflow: visible !important;
}

body.mna-native-reference .mna-native-service-link .framer-1yc5k6x {
    display: none !important;
}

body.mna-native-reference .mna-native-service-link .framer-1ups7qt {
    transition: transform 320ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.mna-native-reference .mna-native-service-link:hover .framer-1ups7qt,
body.mna-native-reference .mna-native-service-link:focus-visible .framer-1ups7qt {
    transform: translateX(2px) rotate(45deg) !important;
}

body.mna-native-reference .mna-native-output-character {
    display: none !important;
}

body.mna-native-reference .mna-native-output-typed {
    display: inline;
    font: inherit;
    color: inherit;
}

body.mna-native-reference .mna-native-output-cursor {
    display: inline !important;
    margin: 0 !important;
    vertical-align: baseline;
    opacity: 0;
}

body.mna-native-reference .is-mna-service-active .mna-native-output-cursor {
    opacity: 1;
    animation: mna-native-output-cursor 760ms steps(1, end) infinite;
}

/* Process uses the same scroll-state model as Services, while retaining the
   exported two-column process composition and its curved divider. */
body.mna-native-reference:not(.mna-native-ready) section[data-framer-name="Steps"] {
    visibility: hidden !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-kj4qdd h2,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-kj4qdd h2 * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-lhsop0-container,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-lhsop0-container > div {
    overflow: visible !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-lhsop0-container span {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

@media (min-width: 1200px) {
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll,
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll > .framer-nrwk0l,
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-v6sxxm-container,
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-dojUa.framer-150qzwh,
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-180p4h3,
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-1tzyeyx,
    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-hutxti {
        height: var(--mna-process-height, 400vh) !important;
    }

    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll > .framer-nrwk0l {
        top: 0 !important;
    }

    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-hutxti > [data-framer-name^="Step "] {
        height: 100vh !important;
        min-height: 100vh !important;
        flex: 0 0 100vh !important;
    }

    body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-aaqy3m {
        height: 100vh !important;
    }
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-ofmqbo {
    position: relative !important;
    width: var(--mna-process-number-width, 36px) !important;
    height: 50px !important;
    overflow: hidden !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-ldacw-container,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-9IW5U {
    width: 120px !important;
    overflow: visible !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-9IW5U,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-siqgbd {
    height: 50px !important;
    align-items: center !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-siqgbd,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-y7zf2n {
    width: auto !important;
    min-width: max-content !important;
    overflow: visible !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .mna-native-process-number {
    position: absolute !important;
    z-index: 1 !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    opacity: var(--mna-process-number-opacity, 0) !important;
    transform: translate3d(0, calc(-50% + var(--mna-process-number-offset, 24px)), 0) !important;
    transition: opacity 620ms ease, transform 780ms cubic-bezier(.16, 1, .3, 1) !important;
    pointer-events: none;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .mna-native-process-number.is-active {
    z-index: 2 !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .mna-native-process-number h2,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .mna-native-process-number strong,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-y7zf2n h2,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-y7zf2n strong {
    font-family: "JetBrains Mono", monospace !important;
    font-size: var(--mna-process-counter-font-size, 40px) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0 !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-gefYp {
    gap: var(--mna-process-dot-gap, 10px) !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .mna-native-process-dot {
    width: var(--mna-process-dot-width, 4px) !important;
    height: var(--mna-process-dot-height, 4px) !important;
    flex: 0 0 auto !important;
    border-radius: 20px !important;
    background: rgba(23, 23, 23, var(--mna-process-dot-alpha, .1)) !important;
    cursor: pointer;
    transition: width 720ms cubic-bezier(.16, 1, .3, 1), height 720ms cubic-bezier(.16, 1, .3, 1), background-color 620ms ease !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .mna-native-process-dot:focus-visible {
    outline: 2px solid #ff3a24;
    outline-offset: 3px;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-fs0ylq,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .framer-pvpm27 {
    opacity: .45 !important;
    transform: translate3d(0, 20px, 0) !important;
    transition: opacity 620ms ease, transform 760ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .is-mna-process-active .framer-fs0ylq,
body.mna-native-reference section[data-framer-name="Steps"].mna-native-process-scroll .is-mna-process-active .framer-pvpm27 {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .framer-ansyht-container {
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-cta .mna-native-duplicate-label {
    display: none !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-cta {
    overflow: visible !important;
    transition: background-color 420ms cubic-bezier(.16, 1, .3, 1), transform 420ms cubic-bezier(.16, 1, .3, 1), box-shadow 420ms ease !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-cta .framer-u4Slx {
    transform-origin: 50% 50% !important;
    transition: transform 420ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-cta:is(:hover, :focus-visible) {
    background-color: #ff3a24 !important;
    box-shadow: 0 10px 30px rgba(255, 58, 36, .22) !important;
    transform: translateY(-3px) !important;
    outline: none;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-cta:is(:hover, :focus-visible) .framer-u4Slx {
    transform: translateY(-50%) rotate(45deg) !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-images {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    bottom: 20px;
    left: 10px;
    overflow: hidden;
    border-radius: 20px;
    background: #0b0b0b;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-image {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: scale(1.045);
    transform-origin: 50% 50%;
    transition:
        clip-path 1050ms cubic-bezier(.76, 0, .24, 1),
        transform 1250ms cubic-bezier(.16, 1, .3, 1),
        opacity 1ms linear 1050ms;
    will-change: clip-path, transform;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-image.is-leaving {
    z-index: 1;
    opacity: 1;
    clip-path: inset(0);
    transform: scale(1);
    transition: none;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-image.is-active {
    z-index: 2;
    opacity: 1;
    clip-path: inset(0);
    transform: scale(1);
    transition:
        clip-path 1050ms cubic-bezier(.76, 0, .24, 1),
        transform 1250ms cubic-bezier(.16, 1, .3, 1),
        opacity 1ms linear;
}

body.mna-native-reference section[data-framer-name="Steps"] .framer-1wbjlic-container.is-mna-process-replaced {
    opacity: 0 !important;
    pointer-events: none !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .has-mna-process-logo .framer-1i3lch7,
body.mna-native-reference section[data-framer-name="Steps"] .has-mna-process-logo .framer-drz0iw,
body.mna-native-reference section[data-framer-name="Steps"] .has-mna-process-logo .framer-1307slt > div:not(.framer-1p9w6qm) {
    opacity: 0 !important;
}

body.mna-native-reference section[data-framer-name="Steps"] .mna-native-process-stack-logo {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    object-fit: contain;
    filter: grayscale(1) contrast(1.25);
    transform: translate(-50%, -50%);
}

body.mna-native-reference .mna-native-process-link {
    min-width: 112px;
    height: 28px;
    padding: 0 8px 0 12px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 7px;
    color: #fff;
    background: #171717;
    text-decoration: none;
    font: 600 10px/1 "JetBrains Mono", monospace;
    letter-spacing: -.04em;
    white-space: nowrap;
    overflow: visible !important;
    transition: background-color 260ms ease, transform 320ms cubic-bezier(.16, 1, .3, 1);
}

body.mna-native-reference .mna-native-process-link.is-icon-only {
    min-width: 36px;
    width: 36px;
    padding: 0 8px;
    justify-content: center;
}

body.mna-native-reference section[data-framer-name="Steps"] .framer-loshkn-container,
body.mna-native-reference section[data-framer-name="Steps"] .framer-67XAs {
    overflow: visible !important;
}

body.mna-native-reference .mna-native-process-link:is(:hover, :focus-visible) {
    color: #fff;
    background: #ff3a24;
    transform: translateY(-2px);
    outline: none;
}

body.mna-native-reference .mna-native-process-link .framer-8231rs {
    width: 20px !important;
    padding: 2px !important;
    background: transparent !important;
    overflow: visible !important;
}

body.mna-native-reference .mna-native-process-link .framer-1yc5k6x {
    display: none !important;
}

body.mna-native-reference .mna-native-process-link .framer-1ups7qt {
    transition: transform 320ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.mna-native-reference .mna-native-process-link:is(:hover, :focus-visible) .framer-1ups7qt {
    transform: translateX(2px) rotate(45deg) !important;
}

body.mna-native-reference .is-mna-process-active .mna-native-output-cursor {
    color: #ff3a24;
    opacity: 1;
    animation: mna-native-output-cursor 760ms steps(1, end) infinite;
}

@keyframes mna-native-output-cursor {
    0%, 48% { opacity: 1; }
    49%, 100% { opacity: 0; }
}

body.mna-native-reference fieldset.framer--slideshow-controls {
    display: flex !important;
    pointer-events: auto !important;
    z-index: 20 !important;
}

body.mna-native-reference fieldset.framer--slideshow-controls button {
    cursor: pointer;
    pointer-events: auto !important;
}

body.mna-native-reference [data-mna-faq-item] {
    cursor: pointer;
}

body.mna-native-reference [data-mna-faq-item]:focus-visible {
    outline: 2px solid #ff3a24;
    outline-offset: 4px;
}

body.mna-native-reference .mna-native-form-status {
    margin-top: 12px;
    color: currentColor;
    font: 500 11px/1.45 "JetBrains Mono", monospace;
}

body.mna-native-reference .mna-native-form-status.is-error {
    color: #ff3a24;
}

/* Hero corrections for the static Framer export. */
body.mna-native-reference section[data-framer-name="Hero"] [data-framer-name="Main heading"] h1,
body.mna-native-reference section[data-framer-name="Hero"] [data-framer-name="Main heading"] svg text {
    font-size: clamp(52px, 4.4vw, 82px) !important;
    letter-spacing: -0.04em !important;
    line-height: 1.02em !important;
    white-space: nowrap !important;
}

body.mna-native-reference section[data-framer-name="Hero"] .framer-1ta9zdb [aria-hidden="true"],
body.mna-native-reference section[data-framer-name="Hero"] .mna-native-duplicate-label,
body.mna-native-reference section[data-framer-name="Hero"] .framer-1q2l6bw-container,
body.mna-native-reference section[data-framer-name="Hero"] .framer-10wqflq-container {
    display: none !important;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control .mna-native-primary-label-container {
    visibility: hidden !important;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    transform: translateZ(0);
    transition: transform 380ms cubic-bezier(.2, .8, .2, 1), filter 380ms ease !important;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control::before {
    content: attr(data-mna-label);
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    max-width: calc(100% - 80px);
    color: #fff;
    font: 610 12px/1.2 "JetBrains Mono", monospace;
    letter-spacing: -0.04em;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    transition: letter-spacing 380ms ease, text-shadow 380ms ease;
    pointer-events: none;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control::after {
    content: "";
    position: absolute;
    z-index: 4;
    top: -85%;
    bottom: -85%;
    left: -28%;
    width: 22%;
    background: linear-gradient(90deg, transparent, rgba(255, 58, 36, 0.08), rgba(255, 117, 72, 0.68), rgba(255, 255, 255, 0.42), transparent);
    filter: blur(2px);
    opacity: 0;
    transform: skewX(-18deg) translate3d(-160%, 0, 0);
    transition: transform 780ms cubic-bezier(.18, .75, .2, 1), opacity 180ms ease;
    pointer-events: none;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control .mna-native-cta-arrow {
    z-index: 6 !important;
    transform: translateY(-50%) rotate(0deg) !important;
    transform-origin: 50% 50% !important;
    transition: transform 500ms cubic-bezier(.2, 1.45, .35, 1) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:hover,
body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:focus-visible {
    transform: translateY(-2px) translateZ(0);
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.16));
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:focus-visible {
    outline: 2px solid #ff3a24;
    outline-offset: 3px;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:hover::before,
body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:focus-visible::before {
    letter-spacing: 0.015em;
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.18);
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:hover::after,
body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:focus-visible::after {
    opacity: 1;
    transform: skewX(-18deg) translate3d(710%, 0, 0);
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:hover .mna-native-cta-arrow,
body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:focus-visible .mna-native-cta-arrow {
    transform: translateY(-50%) rotate(45deg) scale(1.08) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] .mna-native-explore-control:active {
    transform: translateY(0) scale(0.992) translateZ(0);
}

/* Native hover state for the editable support card in the hero header. */
body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv {
    transition: gap 520ms cubic-bezier(.2, .8, .2, 1) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv .framer-5kfvwd {
    width: 50px !important;
    height: 50px !important;
    justify-content: flex-start !important;
    transition: width 520ms cubic-bezier(.2, .8, .2, 1) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv .framer-1vyt2tb {
    z-index: 2;
    transform-origin: 50% 50% !important;
    transition: transform 520ms cubic-bezier(.2, 1.25, .35, 1) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv .framer-mhrrpi {
    right: auto !important;
    left: 33px !important;
    transition: left 520ms cubic-bezier(.2, .8, .2, 1), transform 520ms cubic-bezier(.2, 1.25, .35, 1) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv .framer-sskr6f p {
    transition: color 320ms ease, text-shadow 320ms ease !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv:is(:hover, :focus-visible) {
    gap: 16px !important;
    outline: none;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv:is(:hover, :focus-visible) .framer-5kfvwd {
    width: 108px !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv:is(:hover, :focus-visible) .framer-1vyt2tb {
    transform: rotate(0deg) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv:is(:hover, :focus-visible) .framer-mhrrpi {
    z-index: 1 !important;
    left: 58px !important;
    transform: translateY(-50%) rotate(0deg) !important;
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv:is(:hover, :focus-visible) .framer-sskr6f p {
    --framer-text-color: #ff3a24 !important;
    color: #ff3a24 !important;
    text-shadow: 0 0 18px rgba(255, 58, 36, 0.3);
}

body.mna-native-reference section[data-framer-name="Hero"] a.framer-jRhiv:focus-visible {
    outline: 2px solid #ff3a24;
    outline-offset: 5px;
    border-radius: 8px;
}

/* The purchase badge is part of the source template, not this website. */
body.mna-native-reference .framer-vwyx9i {
    display: none !important;
}

/* Fixed controls stay out of the first screen and cannot be clicked while hidden. */
body.mna-native-reference header[data-framer-name="Sticky Header"],
body.mna-native-reference .framer-1a2z4ag-container {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 220ms ease, visibility 220ms ease !important;
}

body.mna-native-reference header[data-framer-name="Sticky Header"].is-visible,
body.mna-native-reference .framer-1a2z4ag-container.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.mna-native-reference .mna-native-hero-ticker ul {
    width: max-content !important;
    max-width: none !important;
    padding-right: 15px !important;
    animation: mna-native-hero-marquee 28s linear infinite !important;
    will-change: transform;
}

body.mna-native-reference .mna-native-hero-ticker {
    top: -18px !important;
}

body.mna-native-reference .mna-native-hero-ticker li {
    transform: none !important;
}

/* Large outlined heading between Process and SYSTEM OUTPUT. The export leaves
   its track transparent and stationary until Framer hydrates it. */
body.mna-native-reference .framer-koy7df[data-framer-name="Title ticker wrapper"] {
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
}

body.mna-native-reference .mna-native-system-output-title-ticker {
    width: 100vw !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

body.mna-native-reference .mna-native-system-output-title-ticker ul {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    animation: mna-native-system-output-title-marquee 38s linear infinite !important;
    will-change: transform;
}

body.mna-native-reference .mna-native-system-output-title-ticker li {
    flex: 0 0 auto !important;
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-system-output-title-ticker p {
    padding: .08em 0 .12em !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke-color: rgba(255, 255, 255, .16) !important;
    -webkit-text-stroke-width: .8px !important;
    line-height: 1.12 !important;
    overflow: visible !important;
}

body.mna-native-reference .mna-native-system-output-title-ticker li:nth-child(odd) p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke-color: transparent !important;
    -webkit-text-stroke-width: 0 !important;
}

/* Uploaded centre marks inherit the light treatment of the reference logo,
   so dark source files remain legible on the System Output background. */
body.mna-native-reference .mna-native-system-output .framer-1c5utj4 .framer-ueyy8a img {
    object-fit: contain !important;
    filter: grayscale(1) brightness(0) invert(1) !important;
}

body.mna-native-reference .mna-native-system-output .framer-1c5utj4.mna-has-custom-logo .framer-ueyy8a {
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    overflow: visible !important;
    justify-content: flex-start !important;
}

body.mna-native-reference .mna-native-system-output .framer-1c5utj4.mna-has-custom-logo .framer-ueyy8a img {
    width: min(82%, 280px) !important;
    max-width: 280px !important;
    height: 78px !important;
    max-height: 78px !important;
    flex: 0 0 auto !important;
    object-position: left center !important;
}

body.mna-native-reference .mna-native-system-output .framer-eomwdi .framer-10yq9dy p,
body.mna-native-reference .mna-native-system-output [data-framer-name="Feature item"] p.framer-styles-preset-1lmfkib,
body.mna-native-reference .mna-native-system-output [data-framer-name="Feature item"] p.framer-styles-preset-g8930v {
    white-space: pre-line !important;
}

/* Journey stages use the four exported scroll anchors as activation points. */
body.mna-native-reference .mna-native-journey .mna-native-journey-stage {
    position: relative !important;
    isolation: isolate;
}

body.mna-native-reference .mna-native-journey .framer-fljn7l .mna-native-journey-progress {
    left: 0 !important;
    height: 2px !important;
    background: #ff3a24 !important;
    transition: width 720ms cubic-bezier(.22, .61, .36, 1) !important;
    will-change: width;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage .framer-1o8rcsq {
    background: rgba(255, 255, 255, .9) !important;
    transition: background-color 520ms ease, transform 520ms ease !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage :is(.framer-qkx8ps, .framer-1mf00kr, .framer-1j0qo9m) p {
    transition: color 620ms ease, -webkit-text-fill-color 620ms ease, opacity 620ms ease !important;
    white-space: pre-line !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage .framer-qkx8ps p {
    --framer-text-color: rgba(255, 255, 255, .18) !important;
    color: rgba(255, 255, 255, .18) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .18) !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage .framer-1mf00kr p {
    --framer-text-color: rgba(255, 255, 255, .48) !important;
    color: rgba(255, 255, 255, .48) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .48) !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage .framer-1j0qo9m p {
    --framer-text-color: rgba(255, 255, 255, .28) !important;
    color: rgba(255, 255, 255, .28) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .28) !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage.is-reached .framer-1o8rcsq {
    background: #ff3a24 !important;
    transform: scale(1.08) !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage.is-reached :is(.framer-qkx8ps, .framer-1mf00kr) p {
    --framer-text-color: #fff !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.mna-native-reference .mna-native-journey .mna-native-journey-stage.is-reached .framer-1j0qo9m p {
    --framer-text-color: rgba(255, 255, 255, .58) !important;
    color: rgba(255, 255, 255, .58) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .58) !important;
}

body.mna-native-reference .mna-native-journey .framer-1fdyd2p :is(h4, p),
body.mna-native-reference .mna-native-studio :is(.framer-1pn6vsd h4, .framer-1mu3kae p) {
    white-space: pre-line !important;
}

body.mna-native-reference .mna-native-journey .framer-1j9qw1w h4 {
    --framer-text-color: #fff !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.mna-native-reference .mna-native-journey .framer-1j9qw1w .mna-native-journey-heading-muted {
    --framer-text-color: rgba(255, 255, 255, .52) !important;
    color: rgba(255, 255, 255, .52) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .52) !important;
}

body.mna-native-reference .mna-native-journey .framer-1j9qw1w .mna-native-journey-heading-bright {
    --framer-text-color: #fff !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.mna-native-reference .mna-native-journey .framer-1cswczj {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
    white-space: normal !important;
}

body.mna-native-reference .mna-native-journey .framer-1cswczj p {
    width: 100% !important;
    white-space: pre-line !important;
    overflow-wrap: break-word !important;
}

/* Framer exports the collage at the first animation frame. Native mode must
   render every frame immediately instead of leaving all portraits at zero. */
body.mna-native-reference .mna-native-studio .mna-native-studio-image-frame {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-image-frame img {
    opacity: 1 !important;
    visibility: visible !important;
}

body.mna-native-reference .mna-native-studio-logo-ticker {
    width: 100% !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

body.mna-native-reference .mna-native-studio-logo-ticker ul {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    opacity: 1 !important;
    gap: 80px !important;
    animation: mna-native-studio-logo-marquee 34s linear infinite !important;
    will-change: transform;
}

body.mna-native-reference .mna-native-studio-logo-ticker li {
    flex: 0 0 auto !important;
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-studio-logo-ticker li > * {
    opacity: .55 !important;
}

body.mna-native-reference .mna-native-studio-logo-ticker .mna-native-studio-logo-item img {
    display: block;
    width: auto;
    max-width: 125px;
    height: auto;
    max-height: 34px;
    object-fit: contain;
    filter: grayscale(1) brightness(0) invert(1);
}

body.mna-native-reference .mna-native-studio .framer-1ulprdq-container {
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta {
    isolation: isolate;
    overflow: hidden !important;
    background: #202020 !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta .framer-hk45pp {
    z-index: 0 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform 420ms cubic-bezier(.22, .61, .36, 1) !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta :is(.framer-5b6vf2, .framer-u4Slx) {
    z-index: 2 !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta .framer-1np4qzu-container {
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta:hover .framer-hk45pp {
    transform: scaleX(1) !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta .framer-u4Slx {
    transition: transform 360ms ease !important;
}

body.mna-native-reference .mna-native-studio .mna-native-studio-cta:hover .framer-u4Slx {
    transform: translateY(-50%) rotate(45deg) !important;
}

body.mna-native-reference .mna-native-studio-principles-ticker {
    overflow: hidden !important;
    opacity: 1 !important;
}

body.mna-native-reference .mna-native-studio-principles-ticker ul {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    height: auto !important;
    opacity: 1 !important;
    gap: 15px !important;
    animation: mna-native-studio-principles-marquee 44s linear infinite !important;
    will-change: transform;
}

body.mna-native-reference .mna-native-studio-principles-ticker li {
    flex: 0 0 auto !important;
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-studio-principles-ticker p {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: .55px rgba(255, 255, 255, .18) !important;
}

@keyframes mna-native-studio-logo-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-50% - 40px), 0, 0); }
}

@keyframes mna-native-studio-principles-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-50% - 7.5px), 0, 0); }
}

@keyframes mna-native-system-output-title-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-50% - 25px), 0, 0); }
}

/* Scroll-led portrait and word reveal in the AI manifesto. The exported
   portrait ships at translateY(-1870px), which is only an animation start
   frame and otherwise leaves the native page without its main image. */
body.mna-native-reference .mna-native-quote-scroll [data-framer-name="Photo wrapper"] {
    opacity: 1 !important;
    transform: translate3d(0, var(--mna-quote-photo-y, 45vh), 0) !important;
    transition: transform 180ms cubic-bezier(.22, .61, .36, 1) !important;
    will-change: transform !important;
}

body.mna-native-reference .mna-native-quote-scroll .mna-native-quote-word {
    opacity: .16;
    transition: opacity 160ms linear;
    will-change: opacity !important;
}

@keyframes mna-native-hero-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

/* Moscow office-hours indicator inside the hero phone button. */
body.mna-native-reference .mna-native-phone-status {
    position: relative !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

body.mna-native-reference .mna-native-phone-status > * {
    display: none !important;
}

body.mna-native-reference .mna-native-phone-status::before,
body.mna-native-reference .mna-native-phone-status::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

body.mna-native-reference .mna-native-phone-status::before {
    background: #f2c94c;
    box-shadow: 0 0 0 1px rgba(242, 201, 76, 0.18);
}

body.mna-native-reference .mna-native-phone-status.is-working::before,
body.mna-native-reference .mna-native-phone-status.is-working::after {
    background: #40ed94;
}

body.mna-native-reference .mna-native-phone-status.is-working::after {
    animation: mna-native-phone-pulse 1.8s ease-out infinite;
}

body.mna-native-reference .mna-native-phone-status.is-off-hours::after {
    display: none;
}

@keyframes mna-native-phone-pulse {
    0% { opacity: 0.55; transform: scale(1); }
    75%, 100% { opacity: 0; transform: scale(2.35); }
}

@media (prefers-reduced-motion: reduce) {
    body.mna-native-reference .mna-native-phone-status.is-working::after {
        animation: none;
        display: none;
    }
}

/* Editable free-form social rail replaces the fixed reference links. */
body.mna-native-reference .framer-dzwjnh[data-framer-name="Social"] {
    display: none !important;
}

body.mna-native-reference .mna-native-social-rail {
    position: absolute;
    z-index: 80;
    left: 0;
    top: 50%;
    width: 44px;
    padding: 8px 10px 8px 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    border-radius: 0 16px 16px 0;
    color: rgba(255, 255, 255, 0.55);
    background: #171717;
    transform: translateY(-50%);
}

body.mna-native-reference .mna-native-social-rail::before,
body.mna-native-reference .mna-native-social-rail::after {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    pointer-events: none;
}

body.mna-native-reference .mna-native-social-rail::before {
    top: -16px;
    background: radial-gradient(circle at 100% 0, transparent 0 15.5px, #171717 16px);
}

body.mna-native-reference .mna-native-social-rail::after {
    bottom: -16px;
    background: radial-gradient(circle at 100% 100%, transparent 0 15.5px, #171717 16px);
}

body.mna-native-reference .mna-native-social-rail a {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: inherit;
    transition: color 180ms ease, background-color 180ms ease;
}

body.mna-native-reference .mna-native-social-rail a:hover,
body.mna-native-reference .mna-native-social-rail a:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    outline: none;
}

body.mna-native-reference .mna-native-social-rail svg {
    width: 19px;
    height: 19px;
    display: block;
}

@media (max-width: 809.98px) {
    body.mna-native-reference .mna-native-social-rail {
        display: none;
    }
}

@keyframes mna-native-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Selected cases: stable heading plus an ACF-driven card carousel. */
body.mna-native-reference section[data-framer-name="Cases"] .framer-nf81fz-container [aria-hidden="true"] {
    display: none !important;
}

body.mna-native-reference section[data-framer-name="Cases"] .framer-nf81fz-container,
body.mna-native-reference section[data-framer-name="Cases"] .framer-nf81fz-container > div,
body.mna-native-reference section[data-framer-name="Cases"] .framer-nf81fz-container h2 {
    transform: none !important;
}

body.mna-native-reference .mna-native-case-card {
    position: relative !important;
    box-sizing: border-box !important;
    border-radius: 32px !important;
    overflow: hidden !important;
    background: #fff !important;
    outline: none;
}

body.mna-native-reference .mna-native-case-card > .framer-1wvaj73 {
    border-radius: 25px !important;
    overflow: hidden !important;
    transition: opacity 360ms ease !important;
}

body.mna-native-reference .mna-native-case-card.is-mna-case-switching > .framer-1wvaj73 {
    opacity: .18 !important;
}

body.mna-native-reference .mna-native-case-logo {
    display: block;
    width: auto;
    max-width: 170px;
    height: 30px;
    object-fit: contain;
    object-position: left center;
}

body.mna-native-reference .mna-native-case-logo[hidden],
body.mna-native-reference .framer-omb8u9 > div[hidden] {
    display: none !important;
}

body.mna-native-reference .mna-native-case-controls {
    position: absolute;
    z-index: 12;
    left: 26px;
    bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #171717;
}

body.mna-native-reference .mna-native-case-counter {
    min-width: 58px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-family: "Space Mono", "Courier New", monospace;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04em;
    font-variant-numeric: tabular-nums;
}

body.mna-native-reference .mna-native-case-current {
    color: #171717;
}

body.mna-native-reference .mna-native-case-total {
    color: #171717;
}

body.mna-native-reference .mna-native-case-control {
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #171717;
    border-radius: 50%;
    color: #fff;
    background: #171717;
    cursor: pointer;
    transition: color 220ms ease, background-color 220ms ease, transform 220ms ease;
}

body.mna-native-reference .mna-native-case-control:hover,
body.mna-native-reference .mna-native-case-control:focus-visible {
    color: #171717;
    background: #fff;
    transform: translateY(-2px);
    outline: none;
}

body.mna-native-reference .mna-native-case-control:disabled {
    opacity: .32;
    cursor: default;
    transform: none;
}

body.mna-native-reference .mna-native-case-control svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1.9;
}

body.mna-native-reference .mna-native-case-open-notch {
    position: absolute;
    z-index: 13;
    right: 0;
    bottom: 0;
    width: 110px;
    height: 110px;
    opacity: 1;
    pointer-events: none;
    transform: none;
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
    transition: -webkit-clip-path 460ms cubic-bezier(.22, 1, .36, 1) 90ms,
        clip-path 460ms cubic-bezier(.22, 1, .36, 1) 90ms;
    will-change: clip-path;
}

body.mna-native-reference .mna-native-case-notch-base,
body.mna-native-reference .mna-native-case-notch-top,
body.mna-native-reference .mna-native-case-notch-side,
body.mna-native-reference .mna-native-case-notch-right,
body.mna-native-reference .mna-native-case-notch-bottom {
    position: absolute;
    display: block;
    background: #fff;
    pointer-events: none;
}

body.mna-native-reference .mna-native-case-notch-base {
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

body.mna-native-reference .mna-native-case-notch-top {
    right: 10px;
    bottom: 70px;
    width: 28px;
    height: 28px;
    border-radius: 0;
}

body.mna-native-reference .mna-native-case-notch-side {
    right: 70px;
    bottom: 10px;
    width: 28px;
    height: 28px;
    border-radius: 0;
}

body.mna-native-reference .mna-native-case-notch-top::before,
body.mna-native-reference .mna-native-case-notch-side::before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    border-radius: 0 0 28px 0;
    background: #171717;
}

body.mna-native-reference .mna-native-case-notch-right {
    right: 0;
    bottom: 0;
    width: 35px;
    height: 70px;
}

body.mna-native-reference .mna-native-case-notch-bottom {
    right: 0;
    bottom: 0;
    width: 70px;
    height: 35px;
}

body.mna-native-reference .mna-native-case-card:hover .mna-native-case-open-notch,
body.mna-native-reference .mna-native-case-card:focus-within .mna-native-case-open-notch {
    pointer-events: auto;
    -webkit-clip-path: circle(160px at 100% 100%);
    clip-path: circle(160px at 100% 100%);
    transition-delay: 0ms;
}

body.mna-native-reference .mna-native-case-open {
    position: absolute;
    z-index: 14;
    right: 11px;
    bottom: 11px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #ff3a24;
    opacity: 0;
    transform: scale(.72);
    transition: background-color 220ms ease,
        opacity 180ms ease,
        transform 300ms cubic-bezier(.22, 1, .36, 1);
}

body.mna-native-reference .mna-native-case-card:hover .mna-native-case-open,
body.mna-native-reference .mna-native-case-card:focus-within .mna-native-case-open {
    opacity: 1;
    transform: scale(1);
    transition-delay: 120ms, 120ms, 120ms;
}

body.mna-native-reference .mna-native-case-card:hover .mna-native-case-open:hover,
body.mna-native-reference .mna-native-case-open:focus-visible {
    color: #fff;
    background: #171717;
    transform: scale(1.06);
    outline: none;
}

body.mna-native-reference .mna-native-case-open svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1.7;
    transform: rotate(0deg);
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1);
}

body.mna-native-reference .mna-native-case-open:hover svg,
body.mna-native-reference .mna-native-case-open:focus-visible svg {
    transform: rotate(45deg);
}

body.mna-native-reference .mna-native-case-cursor {
    margin-left: 2px;
    color: #ff3a24;
    animation: mna-native-case-cursor 850ms steps(1, end) infinite;
}

@keyframes mna-native-case-cursor {
    0%, 48% { opacity: 1; }
    49%, 100% { opacity: 0; }
}

/* More cases: one active row and an ACF-driven preview on hover/focus. */
body.mna-native-reference [data-framer-name="Featured Projects"] .framer-qx9yvr-container {
    display: none !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .framer-1vxme3,
body.mna-native-reference [data-framer-name="Featured Projects"] .framer-o5qa6z-container {
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-cases-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    text-decoration: none !important;
}

body.mna-native-reference .mna-native-more-cases-cta-label {
    position: relative;
    z-index: 2;
    display: block;
    color: #fff;
    font-family: "JetBrains Mono", "Courier New", monospace;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.04em;
    white-space: nowrap;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item a {
    color: rgba(255, 255, 255, .18) !important;
    text-decoration: none !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item p {
    color: inherit !important;
    transition: color 320ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item .framer-styles-preset-12d85tl {
    color: rgba(255, 255, 255, .38) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item:hover a,
body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item:focus-within a,
body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item.is-mna-more-case-active a {
    color: #fff !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item:hover .framer-styles-preset-12d85tl,
body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item:focus-within .framer-styles-preset-12d85tl,
body.mna-native-reference [data-framer-name="Featured Projects"] .mna-native-more-case-item.is-mna-more-case-active .framer-styles-preset-12d85tl {
    color: rgba(255, 255, 255, .48) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] {
    transition: opacity 240ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"].is-mna-more-case-switching {
    opacity: .18 !important;
    transform: translateY(8px) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] .framer-1gknok7 {
    overflow: hidden !important;
    background: #171717 !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] .framer-1r5qu0g {
    transform: scale(1) !important;
    transform-origin: center !important;
    transition: transform 420ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] a:hover .framer-1r5qu0g,
body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] a:focus-visible .framer-1r5qu0g {
    transform: scale(0) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] .framer-vtwhlq {
    transform: rotate(0deg) !important;
    transform-origin: center !important;
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] a:hover .framer-vtwhlq,
body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Images"] a:focus-visible .framer-vtwhlq {
    transform: rotate(45deg) !important;
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Logo"].is-mna-native-controlled > :not(.mna-native-more-case-logo) {
    display: none !important;
}

body.mna-native-reference .mna-native-more-case-logo {
    display: block;
    width: auto;
    max-width: 150px;
    height: 30px;
    object-fit: contain;
    object-position: left center;
}

body.mna-native-reference .mna-native-more-case-logo[hidden] {
    display: none !important;
}

body.mna-native-reference .mna-native-facts-video-link {
    cursor: pointer;
    outline: none;
}

body.mna-native-reference .mna-native-facts-video-link:focus-visible {
    box-shadow: 0 0 0 2px #ff3a24;
}

body.mna-native-reference .mna-native-video-card .framer-66t5mt {
    box-shadow: 0 0 0 1px rgba(210, 210, 210, 0) !important;
    transition: width 440ms cubic-bezier(.22, 1, .36, 1), height 440ms cubic-bezier(.22, 1, .36, 1), padding 440ms cubic-bezier(.22, 1, .36, 1), background-color 300ms ease, box-shadow 360ms ease !important;
}

body.mna-native-reference .mna-native-video-card .framer-saDkN {
    overflow: hidden !important;
}

body.mna-native-reference .mna-native-video-card .framer-9q3135 {
    transform: scale(1.1) !important;
    transform-origin: center center;
    transition: transform 900ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.mna-native-reference .mna-native-video-card .framer-18skuj1 {
    flex: 0 0 auto;
    transition: width 440ms cubic-bezier(.22, 1, .36, 1), height 440ms cubic-bezier(.22, 1, .36, 1);
}

body.mna-native-reference .mna-native-video-card .framer-y1a3iz {
    opacity: 0 !important;
    pointer-events: none;
    transform: translateY(-50%) translateX(-7px) !important;
    transition: opacity 260ms ease 40ms, transform 440ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.mna-native-reference .mna-native-video-card:hover .framer-66t5mt,
body.mna-native-reference .mna-native-video-card:focus-within .framer-66t5mt,
body.mna-native-reference .mna-native-video-card.is-mna-hovered .framer-66t5mt {
    width: 112px !important;
    height: 50px !important;
    padding: 0 18px !important;
    box-shadow: 0 0 0 1px rgba(210, 210, 210, .42), 0 10px 30px rgba(0, 0, 0, .16) !important;
}

body.mna-native-reference .mna-native-video-card:hover .framer-9q3135,
body.mna-native-reference .mna-native-video-card:focus-within .framer-9q3135,
body.mna-native-reference .mna-native-video-card.is-mna-hovered .framer-9q3135 {
    transform: scale(1.17) !important;
}

body.mna-native-reference .mna-native-video-card:hover .framer-18skuj1,
body.mna-native-reference .mna-native-video-card:focus-within .framer-18skuj1,
body.mna-native-reference .mna-native-video-card.is-mna-hovered .framer-18skuj1 {
    width: 15px !important;
    height: 15px !important;
}

body.mna-native-reference .mna-native-video-card:hover .framer-y1a3iz,
body.mna-native-reference .mna-native-video-card:focus-within .framer-y1a3iz,
body.mna-native-reference .mna-native-video-card.is-mna-hovered .framer-y1a3iz {
    position: relative !important;
    inset: auto !important;
    opacity: 1 !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-team-card .framer-ptf8kt,
body.mna-native-reference .mna-native-team-card .framer-7a0doq {
    transition: opacity 420ms ease, transform 560ms cubic-bezier(.22, 1, .36, 1);
}

body.mna-native-reference .mna-native-adaptive-benchmark-logo {
    width: var(--mna-benchmark-logo-width, 132px) !important;
    height: var(--mna-benchmark-logo-height, 54px) !important;
    max-width: 48% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: brightness(0) saturate(100%) invert(1) !important;
    opacity: .56 !important;
}

body.mna-native-reference .mna-native-team-card .framer-11scj6s p {
    line-height: 1.16 !important;
}

body.mna-native-reference [data-framer-name="Facts"] .framer-hdyuav p,
body.mna-native-reference [data-framer-name="Facts"] .framer-xiszr6 p {
    line-height: 1.08 !important;
}

body.mna-native-reference .mna-native-team-marquee {
    position: absolute;
    z-index: 5;
    top: 51%;
    left: 0;
    display: block;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(14px);
    transition: opacity 360ms ease 70ms, transform 560ms cubic-bezier(.22, 1, .36, 1);
}

body.mna-native-reference .mna-native-team-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: mna-native-team-marquee 18s linear 560ms infinite;
    animation-play-state: paused;
    will-change: transform;
}

body.mna-native-reference .mna-native-team-sequence {
    display: flex;
    flex: none;
    align-items: center;
    gap: 6px;
    padding-right: 6px;
}

body.mna-native-reference .mna-native-team-person {
    display: flex;
    flex: none;
    align-items: center;
    gap: 13px;
    width: 128px;
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-56px) scale(.46);
    transform-origin: left center;
    transition: opacity 440ms ease, filter 620ms ease, transform 720ms cubic-bezier(.16, 1, .3, 1);
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-person,
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-person,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-person {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) scale(1);
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-person:nth-child(2),
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-person:nth-child(2),
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-person:nth-child(2) {
    transition-delay: 70ms;
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-person:nth-child(3),
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-person:nth-child(3),
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-person:nth-child(3) {
    transition-delay: 140ms;
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-person:nth-child(4),
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-person:nth-child(4),
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-person:nth-child(4) {
    transition-delay: 210ms;
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-person:nth-child(5),
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-person:nth-child(5),
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-person:nth-child(5) {
    transition-delay: 280ms;
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-person:nth-child(n+6),
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-person:nth-child(n+6),
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-person:nth-child(n+6) {
    transition-delay: 350ms;
}

body.mna-native-reference .mna-native-team-person img {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    object-fit: cover;
}

body.mna-native-reference .mna-native-team-person-label {
    width: 71px;
    max-width: 71px;
    color: rgba(255, 255, 255, .26);
    font-family: "JetBrains Mono", monospace;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

body.mna-native-reference .mna-native-team-person-label > span {
    display: block;
    overflow: visible;
    white-space: nowrap;
}

body.mna-native-reference .mna-native-team-cta {
    position: absolute;
    z-index: 6;
    bottom: 30px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 15px;
    background: #ff3a24;
    color: #fff;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 16px) scale(.92);
    transition: opacity 220ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1);
}

body.mna-native-reference .mna-native-team-card:hover .framer-ptf8kt,
body.mna-native-reference .mna-native-team-card:focus-visible .framer-ptf8kt,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .framer-ptf8kt {
    transform: translate3d(0, -56px, 0) !important;
}

body.mna-native-reference .mna-native-team-card:hover .framer-7a0doq,
body.mna-native-reference .mna-native-team-card:focus-visible .framer-7a0doq,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .framer-7a0doq {
    opacity: 0;
    transform: translateY(8px) scale(.9);
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-marquee,
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-marquee,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-marquee,
body.mna-native-reference .mna-native-team-card:hover .mna-native-team-cta,
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-cta,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-cta {
    opacity: 1;
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-marquee,
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-marquee,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-marquee {
    transform: translateY(0);
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-track,
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-track,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-track {
    animation-play-state: running;
}

body.mna-native-reference .mna-native-team-card:hover .mna-native-team-cta,
body.mna-native-reference .mna-native-team-card:focus-visible .mna-native-team-cta,
body.mna-native-reference .mna-native-team-card.is-mna-hovered .mna-native-team-cta {
    transform: translate(-50%, 0) scale(1);
    transition-delay: 340ms, 280ms;
}

@keyframes mna-native-team-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-33.333333%); }
}

body.mna-native-reference [data-framer-name="Featured Projects"] [data-framer-name="Facts"] [hidden] {
    display: none !important;
}

body.mna-native-reference .mna-native-facts-ticker {
    right: 0 !important;
    bottom: -12px !important;
    left: 0 !important;
    z-index: 5 !important;
    width: 100% !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: none;
}

body.mna-native-reference section.framer-oaxwmf:has(.mna-native-facts-ticker) {
    position: relative;
    z-index: 2;
    overflow: visible !important;
}

body.mna-native-reference section.framer-oaxwmf:has(.mna-native-facts-ticker) + section {
    position: relative;
    z-index: 1;
}

body.mna-native-reference .mna-native-facts-ticker ul {
    height: auto !important;
    width: max-content !important;
    min-width: max-content !important;
    max-height: none !important;
    max-width: none !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    transform: translateX(0);
    animation: mna-native-facts-marquee 36s linear infinite;
    will-change: transform;
}

body.mna-native-reference .mna-native-facts-ticker li {
    overflow: visible !important;
    transform: none !important;
}

body.mna-native-reference .mna-native-facts-ticker li > [data-framer-component-type="RichTextContainer"],
body.mna-native-reference .mna-native-facts-ticker li > .ssr-variant,
body.mna-native-reference .mna-native-facts-ticker li > .ssr-variant > [data-framer-component-type="RichTextContainer"] {
    overflow: visible !important;
}

body.mna-native-reference .mna-native-facts-ticker .framer-styles-preset-fioefp {
    overflow: visible !important;
    padding-top: 3px;
}

body.mna-native-reference .mna-native-facts-ticker .framer-styles-preset-fioefp {
    --framer-text-stroke-width: .3px !important;
    -webkit-text-stroke-width: .3px !important;
}

body.mna-native-reference .mna-native-facts-ticker .mna-native-ticker-letters {
    font-weight: 500 !important;
    -webkit-text-stroke-width: .24px !important;
}

body.mna-native-reference .mna-native-facts-ticker .mna-native-ticker-digits {
    font-weight: 700 !important;
    -webkit-text-stroke-width: .3px !important;
}

@keyframes mna-native-facts-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    body.mna-native-reference .mna-native-facts-ticker ul {
        animation-duration: 60s;
    }

    body.mna-native-reference .mna-native-team-track {
        animation-duration: 36s;
    }
}

@media (min-width: 1200px) {
    body.mna-native-reference .mna-native-cases-carousel {
        height: 880px !important;
    }

    body.mna-native-reference .mna-native-case-card {
        height: 830px !important;
        padding: 10px !important;
    }

    body.mna-native-reference .mna-native-case-card > .framer-1wvaj73 {
        height: 100% !important;
    }

    body.mna-native-reference .mna-native-case-card .framer-13jx61s {
        padding-bottom: 112px !important;
    }

    body.mna-native-reference .mna-native-case-controls {
        left: 58px;
        bottom: 25px;
    }
}

@media (max-width: 1199.98px) {
    body.mna-native-reference .mna-native-case-card {
        padding-bottom: 68px !important;
    }

    body.mna-native-reference .mna-native-case-controls {
        left: 20px;
        bottom: 13px;
    }

    body.mna-native-reference .mna-native-case-open-notch {
        width: 96px;
        height: 96px;
    }

    body.mna-native-reference .mna-native-case-notch-base {
        width: 68px;
        height: 68px;
        border-radius: 50%;
    }

    body.mna-native-reference .mna-native-case-notch-top {
        right: 8px;
        bottom: 68px;
        width: 24px;
        height: 24px;
        border-radius: 0;
    }

    body.mna-native-reference .mna-native-case-notch-side {
        right: 68px;
        bottom: 8px;
        width: 24px;
        height: 24px;
        border-radius: 0;
    }

    body.mna-native-reference .mna-native-case-notch-top::before,
    body.mna-native-reference .mna-native-case-notch-side::before {
        border-radius: 0 0 24px 0;
    }

    body.mna-native-reference .mna-native-case-notch-right {
        width: 34px;
        height: 68px;
    }

    body.mna-native-reference .mna-native-case-notch-bottom {
        width: 68px;
        height: 34px;
    }

    body.mna-native-reference .mna-native-case-open {
        right: 9px;
        bottom: 9px;
    }
}

@media (hover: none), (pointer: coarse) {
    body.mna-native-reference .mna-native-case-open-notch {
        pointer-events: auto;
        transform: none;
        -webkit-clip-path: circle(150px at 100% 100%);
        clip-path: circle(150px at 100% 100%);
    }

    body.mna-native-reference .mna-native-case-open {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mna-native-reference .mna-native-quote-scroll [data-framer-name="Photo wrapper"] {
        transform: none !important;
    }

    body.mna-native-reference .mna-native-quote-scroll .mna-native-quote-word {
        opacity: 1 !important;
    }

    body.mna-native-reference .mna-native-output-cursor {
        opacity: 1 !important;
        animation: none !important;
    }

    body.mna-native-reference *,
    body.mna-native-reference *::before,
    body.mna-native-reference *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media (max-width: 767px) {
    body.mna-native-reference section[data-framer-name="Hero"] [data-framer-name="Main heading"] h1,
    body.mna-native-reference section[data-framer-name="Hero"] [data-framer-name="Main heading"] svg text {
        font-size: clamp(36px, 9.6vw, 70px) !important;
    }
}