/* =====================================================
           MUDRA FINANCE — "Emerald · Ivory · Saffron"
           ===================================================== */
        :root {
            --em-950: #04241b;
            --em-900: #0b3b2e;
            --em-800: #11513f;
            --em-700: #1a6b54;
            --em-100: #dcebe4;
            --ivory: #fbf7ee;
            --ivory-2: #f3ecdb;
            --paper: #ffffff;
            --ink: #12231d;
            --ink-soft: #52635b;
            --saffron: #e9a21b;
            --saffron-2: #f6c451;
            --terra: #c8553d;
            --line: rgba(11, 59, 46, .12);
            --r-lg: 28px;
            --r-md: 18px;
            --shadow-1: 0 10px 30px -12px rgba(4, 36, 27, .25);
            --shadow-2: 0 30px 60px -25px rgba(4, 36, 27, .4);
            --f-display: 'Fraunces', Georgia, serif;
            --f-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 96px;
        }

        body {
            margin: 0;
            font-family: var(--f-body);
            color: var(--ink);
            background: var(--ivory);
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        img {
            max-width: 100%;
            display: block;
        }

        a {
            color: inherit;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: var(--f-display);
            margin: 0;
            line-height: 1.12;
            letter-spacing: -.015em;
            color: var(--em-900);
        }

        p {
            margin: 0;
        }

        .mx-wrap {
            width: 100%;
            max-width: 1220px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .mx-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: .74rem;
            font-weight: 700;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: var(--terra);
            margin-bottom: 18px;
        }

        .mx-eyebrow::before {
            content: "";
            width: 26px;
            height: 2px;
            background: currentColor;
            border-radius: 2px;
        }

        .mx-head {
            text-align: center;
            max-width: 720px;
            margin: 0 auto 56px;
        }

        .mx-head h2 {
            font-size: clamp(2rem, 4.2vw, 3.1rem);
        }

        .mx-head p {
            margin-top: 16px;
            color: var(--ink-soft);
            font-size: 1.05rem;
        }

        .mx-head .mx-eyebrow {
            justify-content: center;
        }

        section {
            position: relative;
        }

        /* buttons */
        .mx-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 16px 30px;
            border-radius: 999px;
            font-family: var(--f-body);
            font-weight: 700;
            font-size: .95rem;
            text-decoration: none;
            border: 0;
            cursor: pointer;
            transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
        }

        .mx-btn-gold {
            background: linear-gradient(135deg, var(--saffron-2), var(--saffron));
            color: var(--em-950);
            box-shadow: 0 12px 28px -10px rgba(233, 162, 27, .8);
        }

        .mx-btn-gold:hover {
            transform: translateY(-3px);
            box-shadow: 0 18px 34px -10px rgba(233, 162, 27, .9);
        }

        .mx-btn-ghost {
            background: transparent;
            color: var(--em-900);
            box-shadow: inset 0 0 0 2px var(--em-900);
        }

        .mx-btn-ghost:hover {
            background: var(--em-900);
            color: #fff;
            transform: translateY(-3px);
        }

        /* reveal */
        .js .rv {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .2, 1);
        }

        .js .rv.in {
            opacity: 1;
            transform: none;
        }

        .js .rv.d1 {
            transition-delay: .08s
        }

        .js .rv.d2 {
            transition-delay: .16s
        }

        .js .rv.d3 {
            transition-delay: .24s
        }

        @media (prefers-reduced-motion: reduce) {

            .js .rv {
                opacity: 1;
                transform: none;
                transition: none;
            }

            html {
                scroll-behavior: auto;
            }
        }

        /* ========== WHATSAPP + FIXED LOGO ========== */
        .whatsapp-float {
            position: fixed;
            right: 22px;
            bottom: 22px;
            z-index: 999;
            width: 68px;
            height: 68px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #25d366;
            color: #fff;
            font-size: 1.9rem;
            text-decoration: none;
            box-shadow: 0 14px 30px -8px rgba(37, 211, 102, .7);
            animation: pulse 2.6s infinite;
        }

        @keyframes pulse {

            0%,
            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, .5), 0 14px 30px -8px rgba(37, 211, 102, .7)
            }

            50% {
                box-shadow: 0 0 0 14px rgba(37, 211, 102, 0), 0 14px 30px -8px rgba(37, 211, 102, .7)
            }
        }

        .left-fixed-image {
            position: fixed;
            left: 18px;
            top: 270px;
            z-index: 90;
            width: 120px;
            opacity: .95;
        }

        .left-fixed-image img {
            width: 100%;
            height: auto;
            filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .25));
        }

        @media (max-width: 1100px) {
            .left-fixed-image {
                 width: 100px;
                 top: 240px;
            }
        }

        /* ========== HEADER ========== */
        .hdr-root {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(251, 247, 238, .88);
            backdrop-filter: saturate(160%) blur(14px);
            -webkit-backdrop-filter: saturate(160%) blur(14px);
            border-bottom: 1px solid var(--line);
        }

        .hdr-strip {
            background: var(--em-900);
            color: rgba(255, 255, 255, .85);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 8px 32px;
            font-size: .78rem;
            max-height: 48px;
            overflow: hidden;
            transition: max-height .35s ease, padding .35s ease, opacity .3s ease;
        }

        .hdr-scrolled .hdr-strip {
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            opacity: 0;
        }

        .hdr-strip-contacts {
            display: flex;
            align-items: center;
            gap: 22px;
            flex-wrap: wrap;
        }

        .hdr-strip-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--saffron-2);
            box-shadow: 0 0 0 4px rgba(246, 196, 81, .25);
        }

        .hdr-strip-link {
            text-decoration: none;
            color: inherit;
            transition: color .2s;
        }

        .hdr-strip-link:hover {
            color: var(--saffron-2);
        }

        .hdr-strip-tag {
            font-weight: 700;
            letter-spacing: .14em;
            text-transform: uppercase;
            font-size: .68rem;
            color: var(--saffron-2);
        }

        .mobile-status-btn {
            display: none !important;
        }

        .hdr-main {
            max-width: 1320px;
            margin: 0 auto;
            padding: 12px 32px;
            display: flex;
            align-items: center;
            gap: 28px;
        }

        .hdr-logo {
            display: flex;
            align-items: center;
            flex-shrink: 0;
        }

        .hdr-logo-img {
            height: 52px;
            width: auto;
        }

        .hdr-nav-wrap {
            display: flex;
            gap: 6px;
            margin: 0 auto;
            padding: 6px;
            border-radius: 999px;
            background: var(--ivory-2);
        }

        .hdr-nav-wrap a {
            text-decoration: none;
            font-weight: 600;
            font-size: .9rem;
            color: var(--em-900);
            padding: 10px 20px;
            border-radius: 999px;
            transition: background .25s, color .25s;
        }

        .hdr-nav-wrap a:hover {
            background: rgba(11, 59, 46, .08);
        }

        .hdr-nav-wrap a.active {
            background: var(--em-900);
            color: #fff;
        }

        .hdr-btn {
            text-decoration: none;
            font-weight: 800;
            font-size: .8rem;
            letter-spacing: .08em;
            padding: 13px 24px;
            border-radius: 999px;
            display: inline-block;
            transition: transform .25s, box-shadow .25s;
        }

        .hdr-btn-primary {
            background: linear-gradient(135deg, var(--saffron-2), var(--saffron));
            color: var(--em-950);
            box-shadow: 0 10px 22px -10px rgba(233, 162, 27, .9);
        }

        .hdr-btn-primary:hover {
            transform: translateY(-2px);
        }

        .hdr-menu-toggle {
            display: none;
            width: 46px;
            height: 46px;
            border-radius: 14px;
            background: var(--em-900);
            cursor: pointer;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
            margin-left: auto;
        }

        .hdr-menu-toggle span {
            width: 20px;
            height: 2px;
            background: #fff;
            border-radius: 2px;
            transition: transform .3s, opacity .3s;
        }

        .hdr-menu-toggle.open span:nth-child(1) {
            transform: translateY(7px) rotate(45deg)
        }

        .hdr-menu-toggle.open span:nth-child(2) {
            opacity: 0
        }

        .hdr-menu-toggle.open span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg)
        }

        .hdr-mobile-nav {
            display: none;
            flex-direction: column;
            padding: 0 24px;
            max-height: 0;
            overflow: hidden;
            transition: max-height .4s ease, padding .4s ease;
            background: var(--ivory);
        }

        .hdr-mobile-nav.open {
            max-height: 460px;
            padding: 8px 24px 22px;
        }

        .hdr-mobile-nav a {
            text-decoration: none;
            font-family: var(--f-display);
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--em-900);
            padding: 14px 4px;
            border-bottom: 1px solid var(--line);
        }

        .hdr-mobile-nav a.active {
            color: var(--terra);
        }

        @media (max-width: 991px) {
            .hdr-nav-wrap {
                display: none;
            }

            .hdr-ctas {
                display: none;
            }

            .hdr-menu-toggle {
                display: flex;
            }

            .hdr-mobile-nav {
                display: flex;
            }

            .hdr-strip {
                padding: 8px 16px;
            }

            .hdr-strip-tag {
                display: none;
            }

            .mobile-status-btn {
                display: inline-block !important;
                padding: 7px 14px;
                font-size: .68rem;
            }

            .hdr-main {
                padding: 10px 18px;
            }

            .hdr-logo-img {
                height: 44px;
            }
        }

        @media (max-width: 560px) {
            .hdr-strip-contacts .hdr-strip-link:nth-of-type(2) {
                display: none;
            }
        }

        /* ========== HERO ========== */
        .mx-hero {
            padding: 50px 0 110px;
            background:
                radial-gradient(900px 500px at 88% 8%, rgba(233, 162, 27, .22), transparent 60%),
                radial-gradient(700px 500px at -5% 90%, rgba(26, 107, 84, .16), transparent 60%),
                var(--ivory);
            overflow: hidden;
        }

        .mx-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(11, 59, 46, .09) 1px, transparent 1px);
            background-size: 26px 26px;
            mask-image: linear-gradient(180deg, #000, transparent 70%);
            -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%);
            pointer-events: none;
        }

        .mx-hero .mx-wrap {
            display: grid;
            grid-template-columns: 1.15fr .85fr;
            gap: 64px;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .mx-hero h1 {
            font-size: clamp(2.3rem, 5.2vw, 4.2rem);
            font-weight: 600;
        }

        .mx-hero h1 em {
            font-style: italic;
            color: var(--terra);
            font-weight: 500;
        }

        .mx-lede {
            margin-top: 26px;
            font-size: 1.12rem;
            color: var(--ink-soft);
            max-width: 56ch;
        }

        .mx-cta-row {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 36px;
        }

        .mx-hero-figures {
            display: grid;
            grid-template-columns: repeat(3, auto);
            justify-content: start;
            gap: 40px;
            margin-top: 52px;
            padding-top: 28px;
            border-top: 1px solid var(--line);
        }

        .mx-hero-figures strong {
            display: block;
            font-family: var(--f-display);
            font-size: 1.9rem;
            color: var(--em-900);
            line-height: 1.1;
        }

        .mx-hero-figures span {
            font-size: .8rem;
            color: var(--ink-soft);
            font-weight: 500;
        }

        .mx-hero-visual {
            position: relative;
            display: grid;
            place-items: center;
            min-height: 440px;
        }

        .mx-arch {
            width: min(100%, 390px);
            aspect-ratio: 3/4;
            border-radius: 999px 999px 32px 32px;
            background:
                radial-gradient(circle at 30% 20%, rgba(246, 196, 81, .35), transparent 45%),
                linear-gradient(160deg, var(--em-700), var(--em-950));
            box-shadow: var(--shadow-2);
            position: relative;
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .mx-arch::before {
            content: "";
            position: absolute;
            inset: 14px;
            border-radius: 999px 999px 22px 22px;
            border: 1.5px dashed rgba(246, 196, 81, .55);
        }

        .mx-seal {
            position: relative;
            width: 280px;
            height: 280px;
            display: grid;
            place-items: center;
        }

        .mx-seal svg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .mf-seal-ring {
            transform-origin: 140px 140px;
            animation: spin 38s linear infinite;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }

        .mx-emblem {
            text-align: center;
            color: #fff;
            position: relative;
        }

        .mx-emblem span {
            display: block;
            font-size: .68rem;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .7);
        }

        .mx-emblem strong {
            display: block;
            font-family: var(--f-display);
            font-size: 3.6rem;
            line-height: 1.05;
            color: var(--saffron-2);
            margin: 6px 0;
        }

        .mx-float {
            position: absolute;
            background: var(--paper);
            border-radius: var(--r-md);
            padding: 14px 18px;
            box-shadow: var(--shadow-1);
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: .82rem;
            line-height: 1.3;
            animation: bob 6s ease-in-out infinite;
        }

        .mx-float i {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            background: var(--em-100);
            color: var(--em-800);
        }

        .mx-float strong {
            display: block;
            font-family: var(--f-display);
            font-size: 1.05rem;
            color: var(--em-900);
        }

        .mx-float.a {
            left: -6%;
            top: 12%;
        }

        .mx-float.b {
            right: -4%;
            bottom: 10%;
            animation-delay: -3s;
        }

        .mx-float.b i {
            background: #fbeccd;
            color: #a86d06;
        }

        @keyframes bob {

            0%,
            100% {
                transform: translateY(0)
            }

            50% {
                transform: translateY(-12px)
            }
        }

        @media (max-width: 991px) {
            .mx-hero {
                padding: 56px 0 72px;
            }

            .mx-hero .mx-wrap {
                grid-template-columns: 1fr;
                gap: 48px;
            }

            .mx-hero-visual {
                min-height: 0;
            }

            .mx-float.a {
                left: 0;
            }

            .mx-float.b {
                right: 0;
            }
        }

        @media (max-width: 560px) {
            .mx-hero-figures {
                grid-template-columns: 1fr 1fr 1fr;
                gap: 14px;
            }

            .mx-hero-figures strong {
                font-size: 1.3rem;
            }

            .mx-btn {
                width: 100%;
            }

            .mx-seal {
                width: 220px;
                height: 220px;
            }

            .mx-emblem strong {
                font-size: 2.8rem;
            }

            .mx-float {
                padding: 10px 12px;
                font-size: .72rem;
            }

            .mx-float i {
                width: 32px;
                height: 32px;
            }
        }

        /* ========== HERO IMAGE (replaces seal) ========== */
        .mx-photo-wrap {
            position: relative;
            width: min(100%, 440px);
        }

        .mx-photo-wrap::before {
            content: "";
            position: absolute;
            inset: 0;
            transform: translate(20px, 20px);
            border-radius: 32px;
            border: 2px dashed var(--saffron);
            z-index: 0;
        }

        .mx-photo-wrap::after {
            content: "";
            position: absolute;
            width: 150px;
            height: 150px;
            left: -34px;
            bottom: 40px;
            background-image: radial-gradient(var(--saffron) 2px, transparent 2px);
            background-size: 16px 16px;
            opacity: .55;
            z-index: 0;
        }

        .mx-photo {
            position: relative;
            z-index: 1;
            aspect-ratio: 4 / 5;
            border-radius: 28px;
            overflow: hidden;
            background: linear-gradient(160deg, var(--em-700), var(--em-950));
            box-shadow: var(--shadow-2);
            border: 6px solid var(--paper);
        }

        .mx-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            transition: transform 1s ease;
        }

        .mx-photo:hover img {
            transform: scale(1.05);
        }

        .mx-photo::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 60%, rgba(4, 36, 27, .35));
            pointer-events: none;
        }

        .mx-float {
            z-index: 3;
        }

        /* stat cards — slightly richer than plain text */
        .mx-hero-figures {
            gap: 0;
            border-top: 0;
            padding-top: 0;
            background: var(--paper);
            border: 1px solid var(--line);
            border-radius: 20px;
            box-shadow: var(--shadow-1);
            width: fit-content;
            max-width: 100%;
        }

        .mx-hero-figures>div {
            padding: 20px 28px;
        }

        .mx-hero-figures>div+div {
            border-left: 1px dashed var(--line);
        }

        @media (max-width: 991px) {
            .mx-hero {
                padding: 28px 0 64px;
            }

            .mx-hero .mx-wrap {
                gap: 40px;
            }

            /* image first on tablet / mobile */
            .mx-hero-visual {
                order: -1;
                padding-bottom: 8px;
            }

            .mx-photo-wrap {
                width: min(82%, 360px);
            }

            .mx-photo {
                aspect-ratio: 1 / 1.08;
                border-width: 5px;
            }

            .mx-photo-wrap::before {
                transform: translate(14px, 14px);
            }

            .mx-float.a {
                left: 2%;
                top: 10%;
            }

            .mx-float.b {
                right: 2%;
                bottom: 6%;
            }

            .mx-hero-copy {
                text-align: left;
            }
        }

        @media (max-width: 560px) {
            .mx-hero {
                padding-top: 22px;
            }

            .mx-photo-wrap {
                width: 80%;
            }

            .mx-photo-wrap::before {
                transform: translate(10px, 10px);
            }

            .mx-photo-wrap::after {
                width: 90px;
                height: 90px;
                left: -16px;
            }

            .mx-float {
                padding: 9px 11px;
                font-size: .68rem;
                border-radius: 14px;
            }

            .mx-float strong {
                font-size: .9rem;
            }

            .mx-float i {
                width: 30px;
                height: 30px;
                border-radius: 10px;
            }

            .mx-float.a {
                left: -2%;
            }

            .mx-float.b {
                right: -2%;
            }

            .mx-hero-figures {
                width: 100%;
                grid-template-columns: 1fr 1fr 1fr;
            }

            .mx-hero-figures>div {
                padding: 16px 10px;
                text-align: center;
            }

            .mx-hero-figures strong {
                font-size: 1.15rem;
            }

            .mx-hero-figures span {
                font-size: .68rem;
                display: block;
                line-height: 1.3;
            }
        }

        /* ========== SLIDER ========== */
        .hero-slider-section {
            padding: 0 0 90px;
            background: var(--ivory);
        }

        .heroSwiper {
            border-radius: var(--r-lg);
            overflow: hidden;
            box-shadow: var(--shadow-2);
            max-width: 1220px;
            margin: 0 auto;
            width: calc(100% - 48px);
            background: var(--em-900);
            --swiper-theme-color: #f6c451;
            --swiper-navigation-size: 18px;
        }

        .heroSwiper .swiper-slide img {
            width: 100%;
            height: auto;
            display: block;
        }

        .heroSwiper .swiper-button-next,
        .heroSwiper .swiper-button-prev {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: rgba(4, 36, 27, .55);
            backdrop-filter: blur(6px);
            color: #fff;
        }

        .heroSwiper .swiper-pagination-bullet {
            background: #fff;
            opacity: .6;
        }

        .heroSwiper .swiper-pagination-bullet-active {
            background: var(--saffron-2);
            opacity: 1;
            width: 26px;
            border-radius: 8px;
        }

        @media (max-width: 640px) {

            .heroSwiper .swiper-button-next,
            .heroSwiper .swiper-button-prev {
                display: none;
            }

            .hero-slider-section {
                padding-bottom: 60px;
            }

            .heroSwiper {
                width: calc(100% - 32px);
                border-radius: 20px;
            }
        }

        /* ========== CREDENTIAL STRIP ========== */
        .mx-cred-strip {
            background: var(--em-900);
            color: #fff;
            padding: 38px 0;
            position: relative;
            overflow: hidden;
        }

        .mx-cred-strip::before {
            content: "";
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .03) 0 2px, transparent 2px 18px);
        }

        .mx-cred-strip .mx-wrap {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            position: relative;
        }

        .mx-cred-strip .mx-wrap>div {
            font-size: .88rem;
            color: rgba(255, 255, 255, .72);
            padding-left: 22px;
            border-left: 2px solid var(--saffron);
        }

        .mx-cred-strip strong {
            display: block;
            font-family: var(--f-display);
            font-size: 1.7rem;
            color: var(--saffron-2);
            line-height: 1.2;
        }

        @media (max-width: 860px) {
            .mx-cred-strip .mx-wrap {
                grid-template-columns: 1fr 1fr;
                gap: 28px 20px;
            }
        }

        /* ========== TIERS ========== */
        .mx-tiers {
            padding: 120px 0 110px;
            background: var(--ivory);
        }

        .mx-tier-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            counter-reset: tier;
        }

        .mx-tier-card {
            position: relative;
            counter-increment: tier;
            background: var(--paper);
            border-radius: var(--r-lg);
            padding: 34px 28px 30px;
            border: 1px solid var(--line);
            display: flex;
            flex-direction: column;
            overflow: hidden;
            transition: transform .35s ease, box-shadow .35s ease, border-color .35s;
        }

        .mx-tier-card::after {
            content: "0" counter(tier);
            position: absolute;
            right: 18px;
            top: 6px;
            font-family: var(--f-display);
            font-size: 5.4rem;
            font-weight: 700;
            color: rgba(11, 59, 46, .06);
            line-height: 1;
        }

        .mx-tier-card:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-2);
            border-color: transparent;
        }

        .mx-tier-badge {
            align-self: flex-start;
            font-size: .68rem;
            font-weight: 800;
            letter-spacing: .14em;
            text-transform: uppercase;
            background: var(--em-100);
            color: var(--em-800);
            padding: 6px 12px;
            border-radius: 999px;
        }

        .mx-tier-card h3 {
            font-size: 2rem;
            margin: 26px 0 6px;
        }

        .mx-tier-range {
            font-family: var(--f-display);
            font-size: 1.25rem;
            color: var(--terra);
            font-weight: 600;
        }

        .mx-tier-card p {
            margin: 16px 0 26px;
            color: var(--ink-soft);
            font-size: .95rem;
            flex: 1;
        }

        .mx-tier-card a {
            text-decoration: none;
            font-weight: 700;
            font-size: .9rem;
            color: var(--em-900);
            padding-top: 18px;
            border-top: 1px dashed var(--line);
            transition: color .2s, letter-spacing .2s;
        }

        .mx-tier-card a:hover {
            color: var(--terra);
            letter-spacing: .02em;
        }

        .mx-tier-card.feat {
            background: linear-gradient(165deg, var(--em-800), var(--em-950));
            border-color: transparent;
        }

        .mx-tier-card.feat h3,
        .mx-tier-card.feat a {
            color: #fff;
        }

        .mx-tier-card.feat p {
            color: rgba(255, 255, 255, .72);
        }

        .mx-tier-card.feat .mx-tier-range {
            color: var(--saffron-2);
        }

        .mx-tier-card.feat .mx-tier-badge {
            background: var(--saffron);
            color: var(--em-950);
        }

        .mx-tier-card.feat::after {
            color: rgba(255, 255, 255, .07);
        }

        .mx-tier-card.feat a {
            border-top-color: rgba(255, 255, 255, .2);
        }

        @media (max-width: 1100px) {
            .mx-tier-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 600px) {
            .mx-tiers {
                padding: 80px 0;
            }

            .mx-tier-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ========== FULL WIDTH IMAGE ========== */
        .fullwidth-image-section {
            padding: 0 24px;
            background: transparent;
        }

        .fullwidth-img-wrapper {
            max-width: 1220px;
            margin: 0 auto;
            border-radius: var(--r-lg);
            overflow: hidden;
            box-shadow: var(--shadow-2);
            position: relative;
        }

        .fullwidth-img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform .8s ease;
        }

        .fullwidth-img-wrapper:hover .fullwidth-img {
            transform: scale(1.025);
        }

        .img-band {
            padding: 0 0 110px;
            background: var(--ivory);
        }

        .img-band.on-dark {
            background: var(--ivory-2);
            padding: 90px 0;
        }

        .img-band.tight {
            padding: 90px 0 0;
        }

        @media (max-width: 640px) {

            .img-band,
            .img-band.on-dark {
                padding-bottom: 70px;
            }

            .img-band.on-dark,
            .img-band.tight {
                padding-top: 60px;
            }

            .fullwidth-image-section {
                padding: 0 16px;
            }

            .fullwidth-img-wrapper {
                border-radius: 20px;
            }
        }

        /* ========== ELIGIBILITY ========== */
        .mx-ready {
            padding: 120px 0;
            background: var(--ivory-2);
        }

        .mx-ready .mx-wrap {
            display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 28px;
            align-items: stretch;
        }

        .mx-panel {
            border-radius: var(--r-lg);
            padding: 52px 46px;
        }

        .mx-panel.light {
            background: var(--paper);
            box-shadow: var(--shadow-1);
        }

        .mx-panel.dark {
            background: linear-gradient(160deg, var(--em-800), var(--em-950));
            color: #fff;
            position: relative;
            overflow: hidden;
        }

        .mx-panel.dark::before {
            content: "";
            position: absolute;
            width: 320px;
            height: 320px;
            right: -120px;
            top: -120px;
            border-radius: 50%;
            border: 1.5px dashed rgba(246, 196, 81, .45);
        }

        .mx-panel h2 {
            font-size: clamp(1.7rem, 3vw, 2.4rem);
            margin-bottom: 30px;
        }

        .mx-panel.dark h2 {
            color: #fff;
        }

        .mx-panel.dark .mx-eyebrow {
            color: var(--saffron-2);
        }

        .mf-check-list {
            list-style: none;
            padding: 0;
            margin: 0;
            counter-reset: chk;
            display: grid;
            gap: 18px;
        }

        .mf-check-list li {
            counter-increment: chk;
            display: flex;
            gap: 16px;
            align-items: flex-start;
            font-size: .98rem;
            color: var(--ink-soft);
            line-height: 1.55;
        }

        .mf-check-list li::before {
            content: counter(chk);
            flex: 0 0 34px;
            height: 34px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-family: var(--f-display);
            font-weight: 700;
            font-size: .95rem;
            background: var(--em-100);
            color: var(--em-800);
            margin-top: 1px;
        }

        .mf-check-list strong {
            color: var(--em-900);
        }

        .mx-panel.dark .mf-check-list li {
            color: rgba(255, 255, 255, .75);
        }

        .mx-panel.dark .mf-check-list strong {
            color: #fff;
        }

        .mx-panel.dark .mf-check-list li::before {
            background: var(--saffron);
            color: var(--em-950);
        }

        @media (max-width: 991px) {
            .mx-ready {
                padding: 80px 0;
            }

            .mx-ready .mx-wrap {
                grid-template-columns: 1fr;
            }

            .mx-panel {
                padding: 38px 26px;
            }
        }

        /* ========== JOURNEY ========== */
        .mx-journey {
            padding: 120px 0;
            background: var(--ivory);
        }

        .mx-steps {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            position: relative;
            counter-reset: st;
        }

        .mx-steps::before {
            content: "";
            position: absolute;
            left: 12%;
            right: 12%;
            top: 36px;
            border-top: 2px dashed rgba(11, 59, 46, .3);
        }

        .mx-step {
            counter-increment: st;
            text-align: center;
            position: relative;
            padding: 0 8px;
        }

        .mx-step::before {
            content: counter(st);
            display: grid;
            place-items: center;
            width: 72px;
            height: 72px;
            margin: 0 auto 24px;
            border-radius: 50%;
            font-family: var(--f-display);
            font-size: 1.7rem;
            font-weight: 700;
            background: var(--paper);
            color: var(--em-900);
            border: 2px solid var(--em-900);
            box-shadow: 0 0 0 8px var(--ivory);
            position: relative;
            z-index: 1;
            transition: background .3s, color .3s, transform .3s;
        }

        .mx-step:hover::before {
            background: var(--saffron);
            border-color: var(--saffron);
            transform: scale(1.08) rotate(-6deg);
        }

        .mx-step h4 {
            font-size: 1.3rem;
            margin-bottom: 10px;
        }

        .mx-step p {
            color: var(--ink-soft);
            font-size: .93rem;
            max-width: 26ch;
            margin: 0 auto;
        }

        @media (max-width: 860px) {
            .mx-journey {
                padding: 80px 0;
            }

            .mx-steps {
                grid-template-columns: 1fr;
                gap: 34px;
                padding-left: 6px;
            }

            .mx-steps::before {
                left: 35px;
                right: auto;
                top: 10px;
                bottom: 10px;
                border-top: 0;
                border-left: 2px dashed rgba(11, 59, 46, .3);
            }

            .mx-step {
                text-align: left;
                display: grid;
                grid-template-columns: 72px 1fr;
                gap: 0 22px;
            }

            .mx-step::before {
                grid-row: span 2;
                margin: 0;
            }

            .mx-step p {
                margin: 0;
                max-width: none;
            }
        }

        /* ========== CALCULATOR ========== */
        .mx-calc {
            padding: 120px 0;
            background: var(--em-950);
            color: #fff;
            overflow: hidden;
        }

        .mx-calc::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(700px 400px at 90% 0%, rgba(233, 162, 27, .18), transparent 60%),
                radial-gradient(600px 400px at 0% 100%, rgba(26, 107, 84, .5), transparent 60%);
        }

        .mx-calc .mx-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 64px;
            align-items: center;
            position: relative;
        }

        .mx-calc h2 {
            color: #fff;
            font-size: clamp(1.9rem, 3.8vw, 3rem);
        }

        .mx-calc .mx-eyebrow {
            color: var(--saffron-2);
        }

        .mx-calc-intro {
            color: rgba(255, 255, 255, .7);
            margin: 18px 0 36px;
        }

        .mf-calc-field {
            margin-bottom: 28px;
        }

        .mf-calc-field label {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            font-size: .85rem;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .65);
            margin-bottom: 14px;
            font-weight: 600;
        }

        .mf-calc-field label strong {
            font-family: var(--f-display);
            font-size: 1.5rem;
            color: var(--saffron-2);
            text-transform: none;
            letter-spacing: 0;
        }

        .mf-calc-field input[type=range] {
            width: 100%;
            height: 6px;
            -webkit-appearance: none;
            appearance: none;
            background: rgba(255, 255, 255, .18);
            border-radius: 6px;
            outline: none;
        }

        .mf-calc-field input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: var(--saffron-2);
            border: 4px solid var(--em-950);
            box-shadow: 0 0 0 2px var(--saffron-2);
            cursor: pointer;
        }

        .mf-calc-field input[type=range]::-moz-range-thumb {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--saffron-2);
            border: 4px solid var(--em-950);
            box-shadow: 0 0 0 2px var(--saffron-2);
            cursor: pointer;
        }

        .mx-calc-card {
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .14);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-radius: var(--r-lg);
            padding: 40px;
        }

        .mf-calc-head {
            font-size: .72rem;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: var(--saffron-2);
            font-weight: 700;
            margin-bottom: 26px;
        }

        .mx-donut-wrap {
            display: flex;
            align-items: center;
            gap: 26px;
            margin-bottom: 28px;
            padding-bottom: 28px;
            border-bottom: 1px solid rgba(255, 255, 255, .12);
        }

        .mx-donut {
            --p: 80;
            width: 120px;
            height: 120px;
            flex-shrink: 0;
            border-radius: 50%;
            background: conic-gradient(var(--saffron-2) calc(var(--p) * 1%), #3e8f78 0);
            position: relative;
        }

        .mx-donut::after {
            content: "";
            position: absolute;
            inset: 20px;
            background: #0a3328;
            border-radius: 50%;
        }

        .mx-legend {
            font-size: .82rem;
            color: rgba(255, 255, 255, .75);
            display: grid;
            gap: 10px;
        }

        .mx-legend i {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 3px;
            margin-right: 8px;
        }

        .mf-calc-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 14px;
            padding: 13px 0;
            font-size: .95rem;
            color: rgba(255, 255, 255, .7);
        }

        .mf-calc-row strong {
            font-family: var(--f-display);
            font-size: 1.35rem;
            color: #fff;
        }

        .mf-calc-row.mf-total {
            margin-top: 8px;
            padding: 20px 22px;
            border-radius: 16px;
            background: linear-gradient(135deg, var(--saffron-2), var(--saffron));
            color: var(--em-950);
            font-weight: 700;
        }

        .mf-calc-row.mf-total strong {
            color: var(--em-950);
            font-size: 1.6rem;
        }

        @media (max-width: 991px) {
            .mx-calc {
                padding: 80px 0;
            }

            .mx-calc .mx-wrap {
                grid-template-columns: 1fr;
                gap: 44px;
            }

            .mx-calc-card {
                padding: 28px 22px;
            }
        }

        @media (max-width: 480px) {
            .mx-donut-wrap {
                flex-direction: column;
                align-items: flex-start;
            }
        }

        /* ========== CREDIBILITY BENTO ========== */
        .mx-cred {
            padding: 120px 0;
            background: var(--ivory);
        }

        .mx-bento {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .mf-cred-item {
            background: var(--paper);
            border: 1px solid var(--line);
            border-radius: var(--r-lg);
            padding: 36px 32px;
            transition: transform .35s, box-shadow .35s;
        }

        .mf-cred-item:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-1);
        }

        .mf-cred-item:nth-child(1) {
            background: var(--em-900);
            color: #fff;
            grid-column: span 2;
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0 36px;
            align-items: center;
        }

        .mf-cred-item:nth-child(1) h4 {
            color: #fff;
        }

        .mf-cred-item:nth-child(1) p {
            color: rgba(255, 255, 255, .72);
        }

        .mf-cred-item:nth-child(1) .mf-cred-figure {
            color: var(--saffron-2);
            font-size: 5.4rem;
            grid-row: span 2;
        }

        .mf-cred-item:nth-child(4) {
            background: var(--ivory-2);
        }

        .mf-cred-figure {
            font-family: var(--f-display);
            font-size: 3.6rem;
            font-weight: 600;
            color: var(--terra);
            line-height: 1;
            margin-bottom: 16px;
        }

        .mf-cred-figure span {
            font-size: .5em;
            font-weight: 500;
            margin-left: 2px;
        }

        .mf-cred-item h4 {
            font-size: 1.3rem;
            margin-bottom: 8px;
        }

        .mf-cred-item p {
            color: var(--ink-soft);
            font-size: .92rem;
        }

        @media (max-width: 900px) {
            .mx-cred {
                padding: 80px 0;
            }

            .mx-bento {
                grid-template-columns: 1fr 1fr;
            }

            .mf-cred-item:nth-child(1) {
                grid-column: span 2;
            }
        }

        @media (max-width: 560px) {
            .mx-bento {
                grid-template-columns: 1fr;
            }

            .mf-cred-item:nth-child(1) {
                grid-column: auto;
                display: block;
            }

            .mf-cred-item:nth-child(1) .mf-cred-figure {
                font-size: 4rem;
                margin-bottom: 14px;
            }
        }

        /* ========== PARTNERS MARQUEE ========== */
        .mx-partners {
            padding: 90px 0;
            background: var(--em-900);
            overflow: hidden;
        }

        .mx-partners .mx-head h2 {
            color: #fff;
        }

        .mx-partners .mx-eyebrow {
            color: var(--saffron-2);
        }

        .mx-marquee {
            display: flex;
            width: max-content;
            gap: 16px;
            animation: marq 38s linear infinite;
        }

        .mx-partners:hover .mx-marquee {
            animation-play-state: paused;
        }

        .mx-marquee span {
            white-space: nowrap;
            font-family: var(--f-display);
            font-size: 1.3rem;
            font-weight: 500;
            color: #fff;
            padding: 18px 34px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, .22);
            background: rgba(255, 255, 255, .05);
        }

        .mx-marquee span::before {
            content: "✦";
            color: var(--saffron-2);
            margin-right: 14px;
            font-size: .8em;
        }

        @keyframes marq {
            to {
                transform: translateX(-50%)
            }
        }

        .mx-marq-mask {
            mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
        }

        /* ========== OUTCOMES ========== */
        .mx-outcomes {
            padding: 120px 0;
            background: var(--ivory-2);
        }

        .mf-outcome-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 22px;
        }

        .mf-outcome-card {
            background: var(--paper);
            border-radius: var(--r-lg);
            padding: 44px 40px 36px;
            position: relative;
            box-shadow: var(--shadow-1);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: transform .35s;
        }

        .mf-outcome-card:hover {
            transform: translateY(-6px);
        }

        .mf-outcome-card::before {
            content: "“";
            position: absolute;
            top: 6px;
            left: 28px;
            font-family: var(--f-display);
            font-size: 7rem;
            line-height: 1;
            color: var(--saffron);
            opacity: .55;
        }

        .mf-quote {
            position: relative;
            font-family: var(--f-display);
            font-size: 1.28rem;
            font-weight: 500;
            line-height: 1.5;
            color: var(--em-900);
            margin-top: 38px;
        }

        .mf-attrib {
            margin-top: 28px;
            padding-top: 20px;
            border-top: 1px dashed var(--line);
            display: flex;
            flex-direction: column;
        }

        .mf-attrib strong {
            color: var(--em-900);
        }

        .mf-attrib span {
            font-size: .85rem;
            color: var(--ink-soft);
        }

        @media (max-width: 860px) {
            .mx-outcomes {
                padding: 80px 0;
            }

            .mf-outcome-grid {
                grid-template-columns: 1fr;
            }

            .mf-outcome-card {
                padding: 40px 26px 28px;
            }
        }

        /* ========== FAQ ========== */
        .mx-faq {
            padding: 120px 0;
            background: var(--ivory);
        }

        .mf-faq-list {
            max-width: 840px;
            margin: 0 auto;
            display: grid;
            gap: 14px;
        }

        .mf-faq-item {
            background: var(--paper);
            border: 1px solid var(--line);
            border-radius: 20px;
            transition: box-shadow .3s, border-color .3s;
        }

        .mf-faq-item[open] {
            box-shadow: var(--shadow-1);
            border-color: rgba(233, 162, 27, .55);
        }

        .mf-faq-item summary {
            list-style: none;
            cursor: pointer;
            padding: 24px 28px;
            font-family: var(--f-display);
            font-size: 1.15rem;
            font-weight: 600;
            color: var(--em-900);
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 18px;
        }

        .mf-faq-item summary::-webkit-details-marker {
            display: none;
        }

        .mf-faq-item summary::after {
            content: "+";
            flex: 0 0 36px;
            height: 36px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--em-100);
            color: var(--em-800);
            font-family: var(--f-body);
            font-size: 1.4rem;
            transition: transform .3s, background .3s;
        }

        .mf-faq-item[open] summary::after {
            transform: rotate(45deg);
            background: var(--saffron);
            color: var(--em-950);
        }

        .mf-faq-item p {
            padding: 0 28px 26px;
            color: var(--ink-soft);
        }

        @media (max-width: 600px) {
            .mx-faq {
                padding: 80px 0;
            }

            .mf-faq-item summary {
                padding: 20px;
                font-size: 1.02rem;
            }

            .mf-faq-item p {
                padding: 0 20px 22px;
            }
        }

        /* ========== APPLY ========== */
        .mx-apply {
            padding: 120px 0;
            background:
                radial-gradient(700px 400px at 100% 0%, rgba(233, 162, 27, .25), transparent 60%),
                linear-gradient(160deg, var(--em-800), var(--em-950));
            color: #fff;
            overflow: hidden;
        }

        .mx-apply .mx-wrap {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 64px;
            align-items: center;
        }

        .mx-apply h2 {
            color: #fff;
            font-size: clamp(2rem, 4vw, 3.2rem);
        }

        .mx-apply .mx-eyebrow {
            color: var(--saffron-2);
        }

        .mx-apply-aside>p {
            margin: 18px 0 34px;
            color: rgba(255, 255, 255, .75);
        }

        .mf-assure {
            display: flex;
            gap: 16px;
            align-items: flex-start;
            padding: 18px 0;
            border-top: 1px solid rgba(255, 255, 255, .14);
        }

        .mf-dot {
            flex: 0 0 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--saffron-2);
            margin-top: 7px;
            box-shadow: 0 0 0 5px rgba(246, 196, 81, .2);
        }

        .mf-assure strong {
            display: block;
            font-family: var(--f-display);
            font-size: 1.1rem;
        }

        .mf-assure span:not(.mf-dot) {
            font-size: .88rem;
            color: rgba(255, 255, 255, .65);
        }

        .mx-form-card {
            background: var(--paper);
            border-radius: var(--r-lg);
            padding: 44px;
            box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .55);
        }

        .mf-form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .mf-full {
            grid-column: 1/-1;
        }

        .mx-form-card input,
        .mx-form-card select,
        .mx-form-card textarea {
            width: 100%;
            font-family: var(--f-body);
            font-size: .95rem;
            color: var(--ink);
            background: var(--ivory);
            border: 1.5px solid transparent;
            border-radius: 14px;
            padding: 16px 18px;
            outline: none;
            transition: border-color .25s, background .25s, box-shadow .25s;
        }

        .mx-form-card select {
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%230b3b2e' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 18px center;
            padding-right: 44px;
        }

        .mx-form-card input:focus,
        .mx-form-card select:focus,
        .mx-form-card textarea:focus {
            border-color: var(--saffron);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(233, 162, 27, .18);
        }

        .mx-form-card .mx-btn {
            width: 100%;
        }

        @media (max-width: 991px) {
            .mx-apply {
                padding: 80px 0;
            }

            .mx-apply .mx-wrap {
                grid-template-columns: 1fr;
                gap: 44px;
            }
        }

        @media (max-width: 560px) {
            .mx-form-card {
                padding: 26px 20px;
            }

            .mf-form-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ========== CONTACT ========== */
        .mx-contact {
            padding: 120px 0;
            background: var(--ivory);
        }

        .mx-contact .mx-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 64px;
            align-items: center;
        }

        .mx-contact h2 {
            font-size: clamp(1.9rem, 3.6vw, 2.9rem);
        }

        .mx-contact-list {
            margin-top: 34px;
            display: grid;
            gap: 14px;
        }

        .mf-contact-detail {
            background: var(--paper);
            border: 1px solid var(--line);
            border-left: 4px solid var(--saffron);
            border-radius: 14px;
            padding: 16px 22px;
        }

        .mf-contact-detail strong {
            display: block;
            font-size: .72rem;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--terra);
        }

        .mf-contact-detail span {
            font-family: var(--f-display);
            font-size: 1.15rem;
            color: var(--em-900);
            word-break: break-word;
        }

        .mx-contact-form {
            background: var(--em-900);
            border-radius: var(--r-lg);
            padding: 40px;
            box-shadow: var(--shadow-2);
        }

        .mx-contact-form form {
            display: grid;
            gap: 14px;
        }

        .mx-contact-form input,
        .mx-contact-form textarea {
            width: 100%;
            font-family: var(--f-body);
            font-size: .95rem;
            color: #fff;
            background: rgba(255, 255, 255, .08);
            border: 1.5px solid rgba(255, 255, 255, .14);
            border-radius: 14px;
            padding: 16px 18px;
            outline: none;
            resize: vertical;
            transition: border-color .25s, background .25s;
        }

        .mx-contact-form input::placeholder,
        .mx-contact-form textarea::placeholder {
            color: rgba(255, 255, 255, .55);
        }

        .mx-contact-form input:focus,
        .mx-contact-form textarea:focus {
            border-color: var(--saffron-2);
            background: rgba(255, 255, 255, .12);
        }

        @media (max-width: 991px) {
            .mx-contact {
                padding: 80px 0;
            }

            .mx-contact .mx-wrap {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .mx-contact-form {
                padding: 26px 20px;
            }
        }

        /* ========== FOOTER ========== */
        .mf-footer {
            background: var(--em-950);
            color: rgba(255, 255, 255, .6);
            padding: 84px 0 0;
            position: relative;
        }

        .mf-footer::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            background: repeating-linear-gradient(90deg, var(--saffron) 0 28px, transparent 28px 40px);
        }

        .mf-footer-grid {
            display: grid;
            grid-template-columns: 1.5fr .8fr .8fr 1.1fr;
            gap: 48px;
            padding-bottom: 56px;
        }

        .mf-footer-logo {
            font-family: var(--f-display);
            font-size: 1.8rem;
            font-weight: 600;
            letter-spacing: .02em;
            color: #fff;
            margin-bottom: 16px;
        }

        .mf-footer-logo span {
            color: var(--saffron-2);
            font-style: italic;
        }

        .mf-footer-brand p {
            font-size: .9rem;
            line-height: 1.75;
            max-width: 38ch;
            margin-bottom: 26px;
        }

        .mf-footer-social {
            display: flex;
            gap: 10px;
        }

        .mf-footer-social a {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            border: 1px solid rgba(246, 196, 81, .4);
            color: var(--saffron-2);
            text-decoration: none;
            font-size: .9rem;
            transition: background .25s, color .25s, transform .25s;
        }

        .mf-footer-social a:hover {
            background: var(--saffron);
            color: var(--em-950);
            transform: translateY(-3px);
        }

        .mf-footer-col h5 {
            font-family: var(--f-body);
            font-size: .75rem;
            font-weight: 800;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--saffron-2);
            margin-bottom: 22px;
        }

        .mf-footer-col a {
            display: block;
            color: rgba(255, 255, 255, .6);
            text-decoration: none;
            font-size: .92rem;
            padding: 7px 0;
            transition: color .2s, padding-left .2s;
        }

        .mf-footer-col a:hover {
            color: var(--saffron-2);
            padding-left: 6px;
        }

        .mf-footer-contact p {
            display: flex;
            gap: 12px;
            font-size: .92rem;
            margin: 0 0 14px;
            word-break: break-word;
        }

        .mf-footer-contact p i {
            color: var(--saffron);
            margin-top: 5px;
        }

        .mf-footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, .1);
            padding: 24px 0 28px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 14px;
            font-size: .8rem;
            color: rgba(255, 255, 255, .45);
        }

        .mf-back-to-top {
            text-decoration: none;
            color: var(--saffron-2);
            border: 1px solid rgba(246, 196, 81, .4);
            border-radius: 999px;
            padding: 9px 18px;
            font-weight: 600;
            transition: background .25s, color .25s;
        }

        .mf-back-to-top:hover {
            background: var(--saffron);
            color: var(--em-950);
        }

        @media (max-width: 900px) {
            .mf-footer-grid {
                grid-template-columns: 1fr 1fr;
                row-gap: 40px;
            }
        }

        @media (max-width: 560px) {
            .mf-footer {
                padding-top: 64px;
            }

            .mf-footer-grid {
                grid-template-columns: 1fr;
            }

            .mf-footer-bottom {
                flex-direction: column;
                align-items: flex-start;
            }
        }