/* ===== lk-base-landing-css ===== */
/*
         * Variables del sistema:
         * quedan disponibles para todas las secciones de la landing.
         */
        body {
            --lk-color-bg: #f6f1ea;
            --lk-color-bg-soft: #fbf8f4;
            --lk-color-ink: #171b25;
            --lk-color-copy: #5e6570;
            --lk-color-copy-soft: #727986;
            --lk-color-accent: #274a96;
            --lk-color-accent-deep: #1f3d7a;
            --lk-color-border: #ddd5cb;
            --lk-color-line: #cfc6bc;

            /* El shell deja aire lateral sin convertir la landing en una caja angosta. */
            --lk-shell-max: 1640px;
            --lk-content-max: 1240px;
            --lk-narrow-max: 980px;

            --lk-gutter-desktop: 56px;
            --lk-gutter-tablet: 48px;
            --lk-gutter-mobile: 24px;

            /* Altura objetivo compartida: min-height evita cortes en contenidos variables. */
            --lk-section-min-height-desktop: 760px;
            --lk-section-min-height-tablet: 720px;
            --lk-section-min-height-mobile: auto;
            --lk-section-space-desktop: 120px;
            --lk-section-space-tablet: 92px;
            --lk-section-space-mobile: 64px;

            --lk-header-height: 88px;
            --lk-radius-card: 28px;
            --lk-radius-soft: 18px;
            --lk-radius-pill: 999px;
            --lk-shadow-soft: 0 22px 54px rgba(27, 28, 32, 0.08);

            background: var(--lk-color-bg);
            color: var(--lk-color-ink);
        }

        html {
            scroll-behavior: smooth;
        }

        
        

        

        

        

        

        /* Los destinos del menu quedan bien encuadrados al navegar por anclas. */
        .lk-hero-landing,
        .lk-problem-section,
        .lk-process-section {
            scroll-margin-top: 18px;
        }

        /* Entrada compartida: la base agrega esta clase a los bloques relevantes. */
        .lk-reveal {
            opacity: 0;
            transform: translate3d(0, 24px, 0);
            transition:
                opacity 0.62s ease,
                transform 0.62s cubic-bezier(0.22, 1, 0.36, 1);
            transition-delay: var(--lk-reveal-delay, 0ms);
            will-change: opacity, transform;
        }

        .lk-reveal.is-visible {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

        /*
         * Utilidades base:
         * estas clases sirven para construir futuras secciones sin repetir medidas.
         */
        .lk-shell {
            width: min(var(--lk-shell-max, 1640px), calc(100vw - var(--lk-gutter-desktop, 56px)));
            margin-inline: auto;
        }

        .lk-content {
            width: min(100%, var(--lk-content-max, 1320px));
            margin-inline: auto;
        }

        .lk-narrow {
            width: min(100%, var(--lk-narrow-max, 980px));
            margin-inline: auto;
        }

        .lk-section {
            position: relative;
            min-height: var(--lk-section-min-height-desktop, 760px);
            padding-block: var(--lk-section-space-desktop, 120px);
        }

        .lk-section--tight {
            padding-block: calc(var(--lk-section-space-desktop, 120px) * 0.72);
        }

        .lk-section--hero {
            padding-top: 0;
        }

        .lk-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 42px;
            width: fit-content;
            padding: 0 18px;
            border: 1px solid var(--lk-color-border, #ddd5cb);
            border-radius: var(--lk-radius-pill, 999px);
            background: rgba(255, 255, 255, 0.72);
            color: rgba(23, 27, 37, 0.78);
            font-family: "Manrope", "Segoe UI", Arial, sans-serif;
            font-size: 12px;
            line-height: 1;
            font-weight: 800;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .lk-eyebrow::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: #355ec2;
            box-shadow: 0 0 0 5px rgba(53, 94, 194, 0.12);
        }

        .lk-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 38px;
            padding: 0 16px;
            border: 1px solid var(--lk-color-border, #ddd5cb);
            border-radius: var(--lk-radius-pill, 999px);
            background: rgba(255, 255, 255, 0.82);
            color: var(--lk-color-copy, #5e6570);
            font-family: "Manrope", "Segoe UI", Arial, sans-serif;
            font-size: 14px;
            line-height: 1;
            font-weight: 600;
        }

        .lk-surface {
            border: 1px solid var(--lk-color-border, #ddd5cb);
            border-radius: var(--lk-radius-card, 28px);
            background: rgba(255, 255, 255, 0.78);
            box-shadow: var(--lk-shadow-soft, 0 22px 54px rgba(27, 28, 32, 0.08));
        }

        .lk-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 58px;
            padding: 0 28px;
            border-radius: 14px;
            border: 1px solid var(--lk-color-accent, #274a96);
            font-family: "Manrope", "Segoe UI", Arial, sans-serif;
            font-size: 16px;
            line-height: 1;
            font-weight: 700;
            text-decoration: none;
            transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
        }

        .lk-button:hover {
            transform: translateY(-2px);
        }

        .lk-button--primary {
            background: var(--lk-color-accent, #274a96);
            color: #fff;
            box-shadow: 0 12px 28px rgba(39, 74, 150, 0.18);
        }

        .lk-button--primary:hover {
            background: var(--lk-color-accent-deep, #1f3d7a);
            border-color: var(--lk-color-accent-deep, #1f3d7a);
            box-shadow: 0 16px 36px rgba(39, 74, 150, 0.24);
        }

        .lk-button--secondary {
            background: rgba(255, 255, 255, 0.84);
            color: var(--lk-color-ink, #171b25);
            border-color: #c7bcaf;
        }

        .lk-button--secondary:hover {
            background: #fff;
            border-color: var(--lk-color-accent, #274a96);
        }

        @media (max-width: 1200px) {
            body {
                --lk-shell-max: 1460px;
                --lk-content-max: 1180px;
                --lk-gutter-desktop: 48px;
                --lk-section-min-height-desktop: var(--lk-section-min-height-tablet, 720px);
                --lk-section-space-desktop: 92px;
            }
        }

        @media (max-width: 767px) {
            body {
                --lk-gutter-desktop: var(--lk-gutter-mobile, 24px);
                --lk-content-max: 100%;
                --lk-section-min-height-desktop: var(--lk-section-min-height-mobile, auto);
                --lk-section-space-desktop: var(--lk-section-space-mobile, 64px);
                --lk-header-height: 88px;
            }

            .lk-button {
                width: 100%;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }

            .lk-reveal {
                opacity: 1;
                transform: none;
                transition: none;
            }
        }


/* ===== lk-site-header-css ===== */
.lk-site-header,
        .lk-site-header * {
            box-sizing: border-box;
        }

        .lk-site-header {
            position: fixed;
            z-index: 900;
            top: 0;
            right: 0;
            left: 0;
            height: 88px;
            border-bottom: 1px solid rgba(221, 213, 203, 0.9);
            background: rgba(248, 244, 238, 0.88);
            transition: height 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease;
        }

        .lk-site-header.is-scrolled {
            height: 62px;
            background: rgba(248, 244, 238, 0.84);
            box-shadow: 0 12px 28px rgba(27, 28, 32, 0.08);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .lk-site-header__inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 32px;
            width: min(1640px, calc(100vw - 112px));
            height: 100%;
            margin: 0 auto;
        }

        .lk-site-header__brand {
            color: #171b25;
            font-family: "Manrope", "Segoe UI", Arial, sans-serif;
            font-size: 32px;
            font-weight: 800;
            letter-spacing: 0.21em;
            line-height: 1;
            text-decoration: none;
            transition: font-size 0.24s ease, letter-spacing 0.24s ease;
        }

        .lk-site-header.is-scrolled .lk-site-header__brand {
            font-size: 24px;
            letter-spacing: 0.18em;
        }

        .lk-site-header__nav {
            display: flex;
            align-items: center;
            gap: clamp(20px, 2.1vw, 40px);
        }

        .lk-site-header__nav a {
            position: relative;
            padding: 10px 0;
            color: #171b25;
            font-family: "Manrope", "Segoe UI", Arial, sans-serif;
            font-size: 15px;
            font-weight: 600;
            line-height: 1;
            text-decoration: none;
            transition: color 0.2s ease, font-size 0.24s ease;
        }

        .lk-site-header.is-scrolled .lk-site-header__nav a {
            font-size: 13px;
        }

        .lk-site-header__nav a::after {
            content: "";
            position: absolute;
            right: 0;
            bottom: -17px;
            left: 0;
            height: 2px;
            border-radius: 999px;
            background: #274a96;
            opacity: 0;
            transform: scaleX(0.35);
            transition: opacity 0.2s ease, transform 0.2s ease, bottom 0.24s ease;
        }

        .lk-site-header.is-scrolled .lk-site-header__nav a::after {
            bottom: -10px;
        }

        .lk-site-header__nav a:hover,
        .lk-site-header__nav a.is-active {
            color: #274a96;
        }

        .lk-site-header__nav a.is-active::after {
            opacity: 1;
            transform: scaleX(1);
        }

        @media (max-width: 767px) {
            .lk-site-header {
                height: 76px;
            }

            .lk-site-header.is-scrolled {
                height: 58px;
            }

            .lk-site-header__inner {
                width: min(100% - 40px, 620px);
                gap: 18px;
            }

            .lk-site-header__brand,
            .lk-site-header.is-scrolled .lk-site-header__brand {
                flex: 0 0 auto;
                font-size: 21px;
            }

            .lk-site-header__nav {
                gap: 16px;
                min-width: 0;
                overflow-x: auto;
                scrollbar-width: none;
            }

            .lk-site-header__nav::-webkit-scrollbar {
                display: none;
            }

            .lk-site-header__nav a,
            .lk-site-header.is-scrolled .lk-site-header__nav a {
                flex: 0 0 auto;
                font-size: 11px;
            }

            .lk-site-header__nav a::after,
            .lk-site-header.is-scrolled .lk-site-header__nav a::after {
                bottom: -11px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .lk-site-header,
            .lk-site-header *,
            .lk-site-header__nav a::after {
                transition: none !important;
            }
        }


/* ===== lk-hero-landing-css ===== */
.lk-hero-landing {
                --lk-bg: var(--lk-color-bg, #f6f1ea);
                --lk-bg-soft: var(--lk-color-bg-soft, #fbf8f4);
                --lk-ink: var(--lk-color-ink, #171b25);
                --lk-copy: var(--lk-color-copy, #5e6570);
                --lk-copy-soft: var(--lk-color-copy-soft, #727986);
                --lk-border: var(--lk-color-border, #ddd5cb);
                --lk-line: var(--lk-color-line, #cfc6bc);
                --lk-blue: var(--lk-color-accent, #274a96);
                --lk-blue-deep: var(--lk-color-accent-deep, #1f3d7a);
                --lk-shell: min(var(--lk-shell-max, 1640px), calc(100vw - var(--lk-gutter-desktop, 56px)));
                --lk-shadow: var(--lk-shadow-soft, 0 22px 54px rgba(27, 28, 32, 0.08));

                position: relative;
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
                overflow: clip;
                color: var(--lk-ink);
                min-height: var(--lk-section-min-height-desktop, 760px);
                /* Reserva el espacio del header fijo, que ahora vive en su propio snippet. */
                padding-top: 88px;
                display: flex;
                flex-direction: column;
                background:
                    radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.94), transparent 0 34%),
                    radial-gradient(circle at 70% 24%, rgba(255, 255, 255, 0.86), transparent 0 28%),
                    linear-gradient(180deg, #f8f4ee 0%, var(--lk-bg) 100%);
            }

            .lk-hero-landing,
            .lk-hero-landing * {
                box-sizing: border-box;
            }

            .lk-hero-landing a {
                text-decoration: none;
            }

            .lk-hero-landing__shell {
                width: var(--lk-shell);
                margin: 0 auto;
            }

            .lk-hero-landing__body {
                display: grid;
                /* El hero ya no se estira para centrar verticalmente el contenido.
                   Arranca cerca del header y deja el aire sobrante abajo. */
                flex: 0 0 auto;
                grid-template-columns: minmax(0, 1fr) minmax(190px, 220px) minmax(380px, 0.78fr);
                align-items: start;
                gap: clamp(28px, 3.2vw, 56px);
                padding: 36px 0 30px;
            }

            .lk-hero-landing__copy {
                display: grid;
                align-content: start;
                gap: 24px;
                max-width: 760px;
            }

            .lk-hero-landing__eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                min-height: 42px;
                width: fit-content;
                padding: 0 18px;
                border: 1px solid var(--lk-border);
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.72);
                color: rgba(23, 27, 37, 0.78);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 12px;
                line-height: 1;
                font-weight: 800;
                letter-spacing: 0.18em;
                text-transform: uppercase;
            }

            .lk-hero-landing__eyebrow::before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 999px;
                background: #355ec2;
                box-shadow: 0 0 0 5px rgba(53, 94, 194, 0.12);
            }

            .lk-hero-landing__title {
                margin: 0;
                color: var(--lk-ink);
                font-family: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
                font-size: clamp(52px, 4.8vw, 82px);
                line-height: 0.95;
                letter-spacing: -0.05em;
                font-weight: 600;
            }

            .lk-hero-landing__title span {
                display: block;
                white-space: nowrap;
            }

            .lk-hero-landing__text {
                max-width: 600px;
                margin: 0;
                color: var(--lk-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: clamp(18px, 1.04vw, 21px);
                line-height: 1.58;
                font-weight: 400;
            }

            .lk-hero-landing__actions {
                display: flex;
                flex-wrap: wrap;
                gap: 18px;
                align-items: center;
            }

            .lk-hero-landing__button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 58px;
                padding: 0 28px;
                border-radius: 14px;
                border: 1px solid var(--lk-blue);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 16px;
                line-height: 1;
                font-weight: 700;
                transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
            }

            .lk-hero-landing__button--primary {
                background: var(--lk-blue);
                color: #fff;
                box-shadow: 0 12px 28px rgba(39, 74, 150, 0.18);
            }

            .lk-hero-landing__button--secondary {
                background: rgba(255, 255, 255, 0.84);
                color: var(--lk-ink);
                border-color: #c7bcaf;
            }

            .lk-hero-landing__button-arrow {
                margin-left: 12px;
                font-size: 22px;
                line-height: 1;
            }

            .lk-hero-landing__button:hover {
                transform: translateY(-2px);
            }

            .lk-hero-landing__button--primary:hover {
                background: var(--lk-blue-deep);
                border-color: var(--lk-blue-deep);
                box-shadow: 0 16px 36px rgba(39, 74, 150, 0.24);
            }

            .lk-hero-landing__button--secondary:hover {
                background: #fff;
                border-color: var(--lk-blue);
            }

            .lk-hero-landing__note {
                display: flex;
                align-items: center;
                gap: 12px;
                max-width: 500px;
                margin: -2px 0 0;
                color: var(--lk-copy-soft);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 15px;
                line-height: 1.42;
            }

            .lk-hero-landing__note-icon {
                display: grid;
                place-items: center;
                width: 28px;
                height: 28px;
                flex: 0 0 auto;
                color: var(--lk-ink);
            }

            .lk-hero-landing__note-icon svg {
                width: 26px;
                height: 26px;
                stroke: currentColor;
                fill: none;
                stroke-width: 1.5;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .lk-hero-landing__note strong {
                color: var(--lk-ink);
                font-weight: 800;
            }

            /*
             * La columna central arma el flujo visual.
             * Cada tarjeta se conecta con el resultado del lado derecho.
             */
            .lk-hero-landing__flow {
                position: relative;
                display: grid;
                gap: 16px;
                align-content: center;
                padding-right: 18px;
            }

            /* Eje compartido: las piezas convergen en un único resultado. */
            .lk-hero-landing__flow::before {
                content: "";
                position: absolute;
                top: 12%;
                right: -18px;
                bottom: 44px;
                width: 2px;
                background: rgba(39, 74, 150, 0.42);
            }

            .lk-hero-landing__flow::after {
                display: none;
            }

            .lk-hero-landing__flow-card {
                position: relative;
                display: grid;
                grid-template-columns: 40px minmax(0, 1fr);
                gap: 16px;
                align-items: start;
                min-height: 82px;
                padding: 16px 16px;
                border: 1px solid var(--lk-border);
                border-radius: 18px;
                background: rgba(255, 255, 255, 0.84);
                box-shadow: 0 12px 28px rgba(26, 30, 37, 0.04);
            }

            .lk-hero-landing__flow-card::after {
                content: "";
                position: absolute;
                top: 50%;
                right: -18px;
                width: 30px;
                height: 2px;
                background: rgba(39, 74, 150, 0.72);
                transform: translateY(-50%);
            }

            /* El unico nodo queda al final del recorrido, junto a Estrategia. */
            .lk-hero-landing__flow-card:last-child::before {
                content: "";
                position: absolute;
                top: 50%;
                right: -25px;
                width: 14px;
                height: 14px;
                border: 3px solid var(--lk-blue);
                border-radius: 50%;
                background: var(--lk-bg);
                box-shadow: 0 0 0 5px rgba(39, 74, 150, 0.13);
                transform: translateY(-50%);
            }

            .lk-hero-landing__flow-icon {
                display: grid;
                place-items: center;
                width: 36px;
                height: 36px;
                color: #1d2230;
            }

            .lk-hero-landing__flow-icon svg {
                width: 32px;
                height: 32px;
                stroke: currentColor;
                fill: none;
                stroke-width: 1.6;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .lk-hero-landing__flow-copy {
                display: grid;
                gap: 6px;
            }

            .lk-hero-landing__flow-title {
                color: var(--lk-ink);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 16px;
                line-height: 1.2;
                font-weight: 700;
            }

            .lk-hero-landing__flow-text {
                color: var(--lk-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 14px;
                line-height: 1.45;
            }

            .lk-hero-landing__visual {
                position: relative;
                /* El video acompaña la altura visual de las cuatro tarjetas centrales. */
                --lk-result-bottom: 0px;
                --lk-result-height: 94px;
                --lk-result-center: 47px;
                height: 520px;
                min-height: 0;
                align-self: center;
            }

            /* El eje central sale hacia el video y baja hasta el resultado final. */
            .lk-hero-landing__visual::before {
                content: "";
                position: absolute;
                /* Cruza todo el hueco entre el nodo central y el video. */
                left: -38px;
                top: calc(100% - var(--lk-result-bottom) - var(--lk-result-center));
                width: 32px;
                height: 1px;
                background: rgba(39, 74, 150, 0.62);
            }

            .lk-hero-landing__visual::after {
                display: none;
            }

            .lk-hero-landing__media-frame {
                position: relative;
                width: 100%;
                height: 520px;
                min-height: 0;
                max-height: 520px;
                border-radius: 28px;
                overflow: hidden;
                background:
                    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.78), transparent 0 38%),
                    linear-gradient(180deg, #efe7de 0%, #eadfd3 100%);
                box-shadow: var(--lk-shadow);
            }

            .lk-hero-landing__media-frame::after {
                content: "";
                position: absolute;
                inset: 0;
                pointer-events: none;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(246, 241, 234, 0.26)),
                    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.44), transparent 0 24%);
            }

            .lk-hero-landing__media-asset {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                filter: saturate(0.88) brightness(1.04);
            }

            .lk-hero-landing__media-placeholder {
                position: absolute;
                inset: 0;
                display: grid;
                place-items: center;
                padding: 30px;
                text-align: center;
                color: rgba(23, 27, 37, 0.56);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 15px;
                line-height: 1.6;
                font-weight: 500;
            }

            .lk-hero-landing__result {
                position: absolute;
                /* Alineado al borde del video: solo sobresale lo necesario. */
                left: -6px;
                top: auto !important;
                bottom: var(--lk-result-bottom) !important;
                z-index: 3;
                width: min(340px, 82%);
                transform: none !important;
            }

            .lk-hero-landing__result-head {
                display: flex;
                align-items: center;
                gap: 14px;
                min-height: 94px;
                padding: 14px 20px;
                border-radius: 16px;
                background: var(--lk-blue);
                color: #fff;
                box-shadow: 0 16px 36px rgba(39, 74, 150, 0.24);
            }

            .lk-hero-landing__result-icon {
                display: grid;
                place-items: center;
                width: 48px;
                height: 48px;
                flex: 0 0 auto;
                border: 1px solid rgba(255, 255, 255, 0.76);
                border-radius: 50%;
            }

            .lk-hero-landing__result-icon svg {
                width: 28px;
                height: 28px;
                stroke: currentColor;
                fill: none;
                stroke-width: 1.7;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .lk-hero-landing__result-copy {
                display: grid;
                gap: 4px;
            }

            .lk-hero-landing__result-title {
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 18px;
                line-height: 1.2;
                font-weight: 700;
            }

            .lk-hero-landing__result-body {
                color: rgba(255, 255, 255, 0.9);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 13px;
                line-height: 1.35;
                font-weight: 500;
            }

            /*
             * Notebook:
             * este rango no es desktop grande ni tablet, asi que bajamos un poco
             * la escala y abrimos mas el aire para que no se sienta comprimido.
             */
            @media (max-width: 1480px) {
                .lk-hero-landing {
                    --lk-shell: min(var(--lk-shell-max, 1640px), calc(100vw - 48px));
                }

                .lk-hero-landing__body {
                    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px) minmax(360px, 430px);
                    gap: 36px;
                    padding-top: 34px;
                }

                .lk-hero-landing__copy {
                    gap: 24px;
                    max-width: 680px;
                }

                .lk-hero-landing__title {
                    font-size: clamp(48px, 4.35vw, 72px);
                    line-height: 0.94;
                }

                .lk-hero-landing__title span {
                    white-space: normal;
                }

                .lk-hero-landing__text {
                    max-width: 540px;
                    font-size: 17px;
                }

                .lk-hero-landing__flow {
                    gap: 18px;
                    padding-right: 16px;
                }

                .lk-hero-landing__flow::before {
                    top: 10%;
                    bottom: 10%;
                }

                .lk-hero-landing__flow-card {
                    min-height: 88px;
                    padding: 18px 16px;
                }

                .lk-hero-landing__flow-card::after {
                    right: -18px;
                    width: 30px;
                }

                .lk-hero-landing__visual,
                .lk-hero-landing__media-frame {
                    height: 520px;
                    min-height: 0;
                    max-height: 520px;
                }

                .lk-hero-landing__visual::before {
                    left: -18px;
                    width: 12px;
                }

                .lk-hero-landing__result {
                    left: -6px;
                    width: min(320px, 82%);
                }

                .lk-hero-landing__result-head {
                    min-height: 88px;
                    padding: 12px 16px;
                }

                .lk-hero-landing__visual {
                    --lk-result-height: 88px;
                    --lk-result-center: 44px;
                }

                .lk-hero-landing__result-title {
                    font-size: 17px;
                }

                .lk-hero-landing__result-body {
                    font-size: 12px;
                    line-height: 1.35;
                }
            }

            @media (max-width: 1320px) {
                .lk-hero-landing__body {
                    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px) minmax(320px, 0.76fr);
                }

                .lk-hero-landing__title {
                    font-size: clamp(52px, 5vw, 82px);
                }

                .lk-hero-landing__result {
                    left: -32px;
                }
            }

            @media (max-width: 1120px) {
                .lk-hero-landing__body {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 42px;
                }

                .lk-hero-landing__copy {
                    max-width: 100%;
                }

                .lk-hero-landing__text,
                .lk-hero-landing__note {
                    max-width: 100%;
                }

                .lk-hero-landing__flow {
                    order: 3;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    padding-right: 0;
                }

                .lk-hero-landing__flow-card::after {
                    display: none;
                }

                .lk-hero-landing__flow::before,
                .lk-hero-landing__flow::after,
                .lk-hero-landing__flow-card:last-child::before {
                    display: none;
                }

                .lk-hero-landing__visual::before,
                .lk-hero-landing__visual::after {
                    display: none;
                }

                .lk-hero-landing__visual {
                    order: 2;
                    height: auto;
                    min-height: auto;
                }

                .lk-hero-landing__media-frame {
                    height: 520px;
                    min-height: 520px;
                    max-height: 520px;
                }

                .lk-hero-landing__result {
                    left: 28px;
                    right: 28px;
                    top: auto !important;
                    bottom: 28px !important;
                    width: auto;
                    transform: none !important;
                }

            }

            @media (max-width: 767px) {
                .lk-hero-landing {
                    --lk-shell: min(100vw - 28px, 100vw - 28px);
                    padding-top: 76px;
                }

                .lk-hero-landing__body {
                    padding: 28px 0 30px;
                    gap: 28px;
                }

                .lk-hero-landing__copy {
                    gap: 22px;
                }

                .lk-hero-landing__title {
                    font-size: clamp(42px, 11vw, 62px);
                    line-height: 0.94;
                }

                .lk-hero-landing__text {
                    font-size: 17px;
                    line-height: 1.62;
                }

                .lk-hero-landing__actions {
                    flex-direction: column;
                    align-items: stretch;
                }

                .lk-hero-landing__button {
                    width: 100%;
                }

                .lk-hero-landing__flow {
                    /* En celular el texto ya explica el sistema: evitamos repetir cuatro tarjetas. */
                    display: none;
                }

                .lk-hero-landing__media-frame {
                    height: 290px;
                    min-height: 290px;
                    max-height: 290px;
                }

                .lk-hero-landing__result {
                    left: 18px;
                    right: 18px;
                    bottom: 18px;
                }

                .lk-hero-landing__note {
                    align-items: flex-start;
                }
            }


/* ===== lk-solutions-section-css ===== */
.lk-solutions-section,
.lk-solutions-section * { box-sizing: border-box; }
.lk-solutions-section {
    position: relative;
    padding: clamp(54px, 5vw, 78px) 0;
    background: #161b25;
    color: #fff;
    overflow: hidden;
}
.lk-solutions-section::before {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    right: -220px;
    top: -300px;
    background: radial-gradient(circle, rgba(53,94,194,.17), rgba(53,94,194,0) 68%);
    pointer-events: none;
}
.lk-solutions-section__shell {
    position: relative;
    z-index: 1;
    width: min(1640px, calc(100vw - 112px));
    margin-inline: auto;
}
.lk-solutions-section__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 520px);
    align-items: end;
    column-gap: clamp(50px, 8vw, 150px);
    row-gap: 22px;
    margin-bottom: clamp(28px, 2.8vw, 42px);
}
.lk-solutions-section__eyebrow {
    grid-column: 1 / -1;
    color: #6f95ed;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.lk-solutions-section__title {
    margin: 0;
    max-width: 870px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 3.8vw, 64px);
    line-height: .98;
    font-weight: 600;
    letter-spacing: -.045em;
}
.lk-solutions-section__title span { color: #7da0f0; }
.lk-solutions-section__lead {
    margin: 0 0 6px;
    color: rgba(255,255,255,.66);
    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.05vw, 19px);
    line-height: 1.58;
}
.lk-solutions-section__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}
.lk-solutions-card {
    display: flex;
    flex-direction: column;
    min-height: 455px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
    box-shadow: 0 24px 70px rgba(0,0,0,.16);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.lk-solutions-card:hover {
    transform: translateY(-5px);
    border-color: rgba(111,149,237,.5);
    background: linear-gradient(180deg, rgba(65,93,155,.14), rgba(255,255,255,.03));
}
.lk-solutions-card__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.lk-solutions-card__icon {
    display:grid; place-items:center; width:46px; height:46px; border-radius:50%;
    border:1px solid rgba(111,149,237,.45); background:rgba(53,94,194,.12); color:#8ca9ef;
}
.lk-solutions-card__icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.lk-solutions-card__index { color:rgba(255,255,255,.28); font:700 11px/1 "Manrope",sans-serif; letter-spacing:.14em; }
.lk-solutions-card h3 { margin:0 0 10px; color:#fff; font:700 20px/1.2 "Manrope",sans-serif; }
.lk-solutions-card > p { min-height:64px; margin:0; color:rgba(255,255,255,.62); font:400 14px/1.6 "Manrope",sans-serif; }
.lk-solutions-card > a { margin-top:auto; display:inline-flex; align-items:center; gap:10px; color:#8ba9f0; font:700 13px/1 "Manrope",sans-serif; text-decoration:none; }
.lk-solutions-card > a span { transition:transform .2s ease; }
.lk-solutions-card > a:hover span { transform:translateX(4px); }
.lk-solutions-preview {
    position:relative; overflow:hidden; min-height:150px; margin:18px 0 16px; padding:12px;
    border:1px solid rgba(255,255,255,.1); border-radius:14px; background:#f7f7f5; color:#171b25;
    font-family:"Manrope",sans-serif;
}
.lk-mini-browser { display:flex; gap:4px; margin-bottom:14px; }
.lk-mini-browser i { width:5px;height:5px;border-radius:50%;background:#c9c9c5; }
.lk-mini-product { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:9px; padding:8px 0; border-top:1px solid #e3e3df; }
.lk-mini-product__image { width:36px;height:31px;border-radius:7px;background:linear-gradient(135deg,#d6d9dc,#eceeed); }
.lk-mini-product b,.lk-mini-dish b,.lk-mini-admin-row b { display:block; font-size:9px; }
.lk-mini-product small,.lk-mini-dish small,.lk-mini-admin-row small { display:block; margin-top:2px; color:#81868d; font-size:7px; }
.lk-mini-buy { padding:5px 7px;border-radius:5px;background:#274a96;color:#fff;font-size:6px;font-weight:800;text-transform:uppercase; }
.lk-mini-search { display:block;padding:8px 10px;border-radius:7px;background:#eceeec;color:#90959a;font-size:7px; }
.lk-mini-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px; }
.lk-mini-grid i { display:block;height:42px;border-radius:7px;background:linear-gradient(135deg,#d7dadc,#f0f1ef); }
.lk-mini-contact { display:block;margin-top:9px;padding:7px;border-radius:6px;background:#274a96;color:#fff;text-align:center;font-size:7px;font-weight:800; }
.lk-mini-calendar-title,.lk-mini-admin-head { display:flex;justify-content:space-between;align-items:center;margin-bottom:11px; }
.lk-mini-calendar-title b,.lk-mini-admin-head b { font-size:10px; }
.lk-mini-calendar-title small { color:#95999e;font-size:7px; }
.lk-mini-slot { display:grid;grid-template-columns:42px 1fr;gap:7px;align-items:center;margin:6px 0;font-size:7px; }
.lk-mini-slot time { color:#70767d; }.lk-mini-slot span { padding:8px;border-radius:5px;background:#dce7ff;color:#274a96;font-weight:700; }
.lk-mini-slot.is-free span { background:#e5efe5;color:#5b7b5c; }
.lk-mini-menu-tabs { display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px; }.lk-mini-menu-tabs b{font-size:10px}.lk-mini-menu-tabs span{padding:5px 7px;border-radius:999px;background:#eceeed;font-size:6px;}
.lk-mini-dish { display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #e0e0dd; }.lk-mini-dish>span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8f603f,#e2a25d)}.lk-mini-dish i{font-style:normal;color:#3c8a55;font-size:9px;}
.lk-mini-admin-head span { padding:5px 8px;border-radius:6px;background:#274a96;color:#fff;font-size:6px;font-weight:700; }
.lk-mini-admin-row { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:10px 0;border-top:1px solid #dedfdb; }.lk-mini-admin-row i{font-style:normal;color:#3c8a55;font-size:6px;font-weight:800;}
.lk-solutions-section__footer {
    display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:18px;padding:18px 4px 0;
    color:rgba(255,255,255,.62);font:500 14px/1.5 "Manrope",sans-serif;
}
.lk-solutions-section__footer strong { color:#fff; }
.lk-solutions-section__footer a { color:#8ba9f0;font-weight:800;text-decoration:none;white-space:nowrap; }

/* Compact rhythm for the solutions block */
.lk-solutions-section__lead { max-width: 470px; }
.lk-solutions-card h3 { margin-bottom: 8px; }
.lk-solutions-card__icon { width:42px; height:42px; }
.lk-solutions-card__icon svg { width:21px; height:21px; }
.lk-mini-grid i { height:34px; }
.lk-mini-slot span { padding:6px 8px; }
.lk-mini-dish { padding:7px 0; }
.lk-mini-admin-row { padding:8px 0; }
@media (max-width: 1450px) {
    .lk-solutions-section__shell { width:min(100% - 64px, 1320px); }
    .lk-solutions-section__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .lk-solutions-card { min-height:440px; }
}
@media (max-width: 980px) {
    .lk-solutions-section__shell { width:min(100% - 48px, 900px); }
    .lk-solutions-section__intro { grid-template-columns:1fr; }
    .lk-solutions-section__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
    .lk-solutions-section { padding:48px 0; }
    .lk-solutions-section__shell { width:calc(100% - 36px); }
    .lk-solutions-section__grid { grid-template-columns:1fr; }
    .lk-solutions-card { min-height:auto; }
    .lk-solutions-card > p { min-height:0; }
    .lk-solutions-section__footer { align-items:flex-start;flex-direction:column; }
}

/* ===== lk-process-section-css ===== */
.lk-process-section,
            .lk-process-section * {
                box-sizing: border-box;
            }

            .lk-process-section {
                --lk-process-bg: #071522;
                --lk-process-bg-soft: #0b1e2d;
                --lk-process-ink: #f8f4ee;
                --lk-process-copy: #cbd2dc;
                --lk-process-blue: #4c83ef;
                --lk-process-line: rgba(175, 203, 244, 0.24);
                position: relative;
                width: 100vw;
                max-width: 100vw;
                /* Esta seccion es compacta: no debe heredar una altura minima global. */
                min-height: 0 !important;
                margin-right: calc(50% - 50vw);
                margin-left: calc(50% - 50vw);
                overflow: hidden;
                color: var(--lk-process-ink);
                background:
                    radial-gradient(circle at 12% 30%, rgba(41, 98, 181, 0.19), transparent 0 29%),
                    radial-gradient(circle at 88% 74%, rgba(22, 87, 148, 0.15), transparent 0 26%),
                    var(--lk-process-bg);
            }

            .lk-process-section__shell {
                width: min(var(--lk-shell-max, 1640px), calc(100vw - var(--lk-gutter-desktop, 56px)));
                margin: 0 auto;
                padding: clamp(46px, 4.6vw, 64px) 0 30px;
            }

            .lk-process-section__intro {
                display: grid;
                justify-items: center;
                max-width: none;
                margin: 0 auto;
                text-align: center;
            }

            .lk-process-section__eyebrow {
                display: flex;
                align-items: center;
                gap: 11px;
                color: #73a5ff;
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 12px;
                font-weight: 800;
                letter-spacing: 0.2em;
                text-transform: uppercase;
            }

            .lk-process-section__eyebrow::before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--lk-process-blue);
                box-shadow: 0 0 0 5px rgba(76, 131, 239, 0.13);
            }

            .lk-process-section__title {
                margin: 12px 0 0;
                color: var(--lk-process-ink);
                font-family: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
                font-size: clamp(46px, 3.65vw, 62px);
                line-height: 0.96;
                letter-spacing: -0.04em;
                font-weight: 600;
                white-space: nowrap;
            }

            .lk-process-section__title span {
                color: #5e93ff;
            }

            .lk-process-section__lead {
                max-width: 610px;
                margin: 12px 0 0;
                color: var(--lk-process-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 15px;
                line-height: 1.48;
            }

            .lk-process-section__steps {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: clamp(20px, 3vw, 46px);
                margin-top: clamp(30px, 3.4vw, 42px);
            }

            .lk-process-section__step {
                position: relative;
                min-width: 0;
            }

            .lk-process-section__step:not(:last-child)::after {
                content: "";
                position: absolute;
                top: 5px;
                right: calc(clamp(20px, 3vw, 46px) / -2);
                width: 1px;
                height: 218px;
                background: linear-gradient(180deg, var(--lk-process-line), rgba(175, 203, 244, 0));
            }

            .lk-process-section__step-head {
                display: flex;
                align-items: center;
                gap: 14px;
                min-height: 44px;
                margin-bottom: 12px;
            }

            .lk-process-section__number {
                color: var(--lk-process-blue);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 29px;
                line-height: 1;
                font-weight: 500;
                letter-spacing: -0.06em;
            }

            .lk-process-section__step-icon {
                display: grid;
                place-items: center;
                width: 44px;
                height: 44px;
                border: 1px solid rgba(174, 202, 244, 0.35);
                border-radius: 50%;
                color: #6da0ff;
            }

            .lk-process-section__step-icon svg {
                width: 22px;
                height: 22px;
                fill: none;
                stroke: currentColor;
                stroke-width: 1.4;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .lk-process-section__step-title {
                color: var(--lk-process-ink);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 15px;
                font-weight: 800;
                letter-spacing: 0.03em;
                text-transform: uppercase;
            }

            .lk-process-section__media,
            .lk-process-section__map {
                height: 190px;
                border: 1px solid rgba(174, 202, 244, 0.18);
                border-radius: 16px;
                overflow: hidden;
            }

            .lk-process-section__media {
                position: relative;
                background: #112131;
            }

            .lk-process-section__media::after {
                content: "";
                position: absolute;
                inset: 0;
                pointer-events: none;
                background: linear-gradient(180deg, rgba(4, 14, 24, 0.02), rgba(4, 14, 24, 0.36));
            }

            .lk-process-section__media video {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                opacity: 0.8;
            }

            .lk-process-section__step--ejecutamos .lk-process-section__media video {
                object-position: 76% center;
                filter: saturate(0.8) contrast(1.05);
            }

            .lk-process-section__map {
                position: relative;
                display: grid;
                place-items: center;
                background:
                    radial-gradient(circle at 50% 50%, rgba(47, 105, 213, 0.22), transparent 0 28%),
                    rgba(12, 31, 47, 0.58);
            }

            .lk-process-section__map::before,
            .lk-process-section__map::after {
                display: none;
            }

            .lk-process-section__map-lines {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
            }

            .lk-process-section__map-lines path {
                fill: none;
                stroke: rgba(93, 147, 255, 0.6);
                stroke-width: 1.2;
                stroke-dasharray: 4 5;
                stroke-linecap: round;
            }

            .lk-process-section__map-core {
                position: relative;
                z-index: 1;
                display: grid;
                place-items: center;
                width: 76px;
                height: 76px;
                border: 1px solid #568cff;
                border-radius: 50%;
                color: #fff;
                background: #123d80;
                box-shadow: 0 0 0 12px rgba(76, 131, 239, 0.07);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 10px;
                font-weight: 800;
                letter-spacing: 0.06em;
                text-align: center;
                text-transform: uppercase;
            }

            .lk-process-section__map-item {
                position: absolute;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 7px;
                min-width: 88px;
                min-height: 30px;
                padding: 5px 8px;
                border: 1px solid rgba(174, 202, 244, 0.25);
                border-radius: 8px;
                color: #dce8ff;
                background: rgba(8, 25, 40, 0.92);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 8px;
                font-weight: 800;
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }

            .lk-process-section__map-item::before {
                content: "";
                width: 7px;
                height: 7px;
                flex: 0 0 auto;
                border-radius: 50%;
                background: #6da0ff;
                box-shadow: 0 0 0 4px rgba(109, 160, 255, 0.1);
            }

            .lk-process-section__map-item--google::before { background: #f2ba42; }
            .lk-process-section__map-item--redes::before { background: #ef6d9b; }
            .lk-process-section__map-item--whatsapp::before { background: #4dd486; }
            .lk-process-section__map-item--content::before { background: #a590ff; }
            .lk-process-section__map-item--analytics::before { background: #59c2ff; }

            .lk-process-section__map-item--web { top: 16px; left: 18px; }
            .lk-process-section__map-item--google { top: 16px; right: 18px; }
            .lk-process-section__map-item--redes { top: calc(50% - 19px); left: 14px; }
            .lk-process-section__map-item--whatsapp { top: calc(50% - 19px); right: 14px; }
            .lk-process-section__map-item--content { bottom: 16px; left: 18px; }
            .lk-process-section__map-item--analytics { right: 18px; bottom: 16px; }

            .lk-process-section__step-copy {
                max-width: 340px;
                margin: 12px auto 0;
                color: var(--lk-process-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 14px;
                line-height: 1.46;
            }

            .lk-process-section__closing {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 20px;
                max-width: 1180px;
                margin: 28px auto 0;
                padding-top: 18px;
                border-top: 1px solid var(--lk-process-line);
                color: var(--lk-process-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 18px;
                line-height: 1.35;
                text-align: center;
            }

            .lk-process-section__closing::before {
                content: "";
                width: 64px;
                height: 2px;
                flex: 0 0 auto;
                background: var(--lk-process-blue);
            }

            .lk-process-section__closing strong {
                color: #6fa0ff;
            }

            @media (max-width: 1040px) {
                .lk-process-section__shell {
                    width: min(var(--lk-shell-max, 1640px), calc(100vw - var(--lk-gutter-tablet, 48px)));
                }

                .lk-process-section__title {
                    white-space: normal;
                }

                .lk-process-section__steps {
                    gap: 36px;
                }

                .lk-process-section__step:not(:last-child)::after {
                    right: -18px;
                }

                .lk-process-section__map-item {
                    min-width: 80px;
                    padding: 6px;
                    font-size: 9px;
                }
            }

            @media (max-width: 760px) {
                .lk-process-section {
                    min-height: auto;
                }

                .lk-process-section__shell {
                    width: min(100% - 48px, 520px);
                    padding: 48px 0;
                }

                .lk-process-section__intro {
                    justify-items: start;
                    text-align: left;
                }

                .lk-process-section__title {
                    font-size: clamp(50px, 14vw, 66px);
                }

                .lk-process-section__lead {
                    font-size: 16px;
                }

                .lk-process-section__steps {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 34px;
                    margin-top: 32px;
                }

                .lk-process-section__step {
                    padding-left: 22px;
                    border-left: 1px solid var(--lk-process-line);
                }

                .lk-process-section__step:not(:last-child)::after {
                    display: none;
                }

                .lk-process-section__step-head {
                    margin-bottom: 14px;
                }

                .lk-process-section__media,
                .lk-process-section__map {
                    height: 180px;
                }

                .lk-process-section__step-copy {
                    margin: 14px 0 0;
                    font-size: 15px;
                }

                .lk-process-section__closing {
                    justify-content: flex-start;
                    margin-top: 30px;
                    font-size: 18px;
                    text-align: left;
                }

                .lk-process-section__closing::before {
                    width: 32px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .lk-process-section__media video {
                    animation: none;
                }
            }


/* ===== lk-projects-landing-css ===== */
.lk-projects-landing,
            .lk-projects-landing * {
                box-sizing: border-box;
            }

            .lk-projects-landing {
                --lk-projects-bg: var(--lk-color-bg, #f6f1ea);
                --lk-projects-ink: var(--lk-color-ink, #171b25);
                --lk-projects-copy: var(--lk-color-copy, #5e6570);
                --lk-projects-blue: var(--lk-color-accent, #274a96);
                --lk-projects-border: var(--lk-color-border, #ddd5cb);
                position: relative;
                width: 100vw;
                max-width: 100vw;
                /* Este bloque debe ser bajo: no hereda alturas minimas de la landing. */
                min-height: 0 !important;
                margin-right: calc(50% - 50vw);
                margin-left: calc(50% - 50vw);
                overflow: hidden;
                color: var(--lk-projects-ink);
                background:
                    radial-gradient(circle at 88% 6%, rgba(44, 96, 191, 0.09), transparent 0 26%),
                    linear-gradient(180deg, #fbf8f4 0%, var(--lk-projects-bg) 100%);
            }

            .lk-projects-landing__shell {
                width: min(var(--lk-shell-max, 1640px), calc(100vw - var(--lk-gutter-desktop, 56px)));
                margin: 0 auto;
                padding: clamp(42px, 3.2vw, 56px) 0 24px;
            }

            .lk-projects-landing__intro {
                max-width: 800px;
            }

            .lk-projects-landing__eyebrow {
                display: flex;
                align-items: center;
                gap: 11px;
                color: var(--lk-projects-blue);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 12px;
                font-weight: 800;
                letter-spacing: 0.2em;
                text-transform: uppercase;
            }

            .lk-projects-landing__eyebrow::before {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--lk-projects-blue);
                box-shadow: 0 0 0 5px rgba(39, 74, 150, 0.12);
            }

            .lk-projects-landing__title {
                margin: 14px 0 0;
                color: var(--lk-projects-ink);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: clamp(38px, 3.2vw, 52px);
                line-height: 0.98;
                font-weight: 800;
                letter-spacing: -0.055em;
            }

            .lk-projects-landing__title span {
                color: var(--lk-projects-blue);
            }

            .lk-projects-landing__lead {
                max-width: 720px;
                margin: 10px 0 0;
                color: var(--lk-projects-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 14px;
                line-height: 1.48;
            }

            .lk-projects-landing__grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
                margin-top: 20px;
            }

            .lk-projects-landing__project {
                border: 1px solid rgba(39, 74, 150, 0.14);
                border-radius: 16px;
                background: rgba(255, 255, 255, 0.78);
                box-shadow: 0 18px 36px rgba(27, 28, 32, 0.07);
                overflow: hidden;
            }

            .lk-projects-landing__project {
                display: grid;
                grid-template-columns: minmax(150px, 0.52fr) minmax(0, 1fr);
                min-height: 154px;
                height: 154px;
            }

            .lk-projects-landing__media {
                position: relative;
                display: block;
                min-height: 100%;
                overflow: hidden;
                color: var(--lk-projects-blue);
                background:
                    linear-gradient(135deg, rgba(39, 74, 150, 0.22), rgba(255, 255, 255, 0.36)),
                    #dfe7f4;
            }

            .lk-projects-landing__media::after {
                content: "";
                position: absolute;
                inset: 0;
                pointer-events: none;
                background: linear-gradient(180deg, transparent 48%, rgba(12, 23, 41, 0.16));
            }

            .lk-projects-landing__media img {
                display: block;
                width: 100%;
                height: 100%;
                padding: 12px;
                object-fit: contain;
                transition: transform 0.45s ease;
            }

            .lk-projects-landing__placeholder {
                display: grid;
                place-items: center;
                width: 100%;
                height: 100%;
                padding: 18px;
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 12px;
                font-weight: 800;
                letter-spacing: 0.22em;
                text-align: center;
                text-transform: uppercase;
            }

            .lk-projects-landing__project .lk-projects-landing__content {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 14px 17px;
            }

            .lk-projects-landing__tag {
                display: inline-flex;
                align-items: center;
                min-height: 19px;
                padding: 0 8px;
                border-radius: 999px;
                color: var(--lk-projects-blue);
                background: rgba(39, 74, 150, 0.08);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 8px;
                font-weight: 800;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }

            .lk-projects-landing__project-title {
                margin: 10px 0 0;
                color: var(--lk-projects-ink);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: clamp(24px, 2vw, 34px);
                line-height: 1.04;
                font-weight: 800;
                letter-spacing: -0.045em;
            }

            .lk-projects-landing__project-subtitle {
                margin: 4px 0 0;
                color: var(--lk-projects-blue);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 13px;
                font-weight: 700;
                line-height: 1.35;
            }

            .lk-projects-landing__project .lk-projects-landing__project-subtitle {
                margin-top: 2px;
                font-size: 10px;
                line-height: 1.2;
            }

            .lk-projects-landing__project .lk-projects-landing__project-title {
                margin-top: 6px;
                font-size: 17px;
                line-height: 1.05;
            }

            .lk-projects-landing__excerpt {
                margin: 9px 0 0;
                color: var(--lk-projects-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 14px;
                line-height: 1.55;
            }

            .lk-projects-landing__project .lk-projects-landing__excerpt {
                display: -webkit-box;
                margin-top: 5px;
                overflow: hidden;
                font-size: 11px;
                line-height: 1.32;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .lk-projects-landing__outcomes {
                display: grid;
                gap: 4px;
                margin: 8px 0 0;
                padding: 0;
                list-style: none;
                color: var(--lk-projects-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 11px;
                line-height: 1.25;
            }

            .lk-projects-landing__outcomes li {
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .lk-projects-landing__outcomes li::before {
                content: "";
                width: 6px;
                height: 6px;
                flex: 0 0 auto;
                border-radius: 50%;
                background: var(--lk-projects-blue);
            }

            .lk-projects-landing__link {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                margin-top: auto;
                padding-top: 8px;
                color: var(--lk-projects-blue);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 11px;
                font-weight: 800;
                text-decoration: none;
            }

            .lk-projects-landing__link span {
                font-size: 18px;
                line-height: 0.8;
                transition: transform 0.22s ease;
            }

            .lk-projects-landing__project:hover .lk-projects-landing__media img {
                transform: scale(1.045);
            }

            .lk-projects-landing__project:hover .lk-projects-landing__link span {
                transform: translateX(4px);
            }

            .lk-projects-landing__footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 22px;
                margin-top: 14px;
                padding: 10px 14px;
                border: 1px solid rgba(39, 74, 150, 0.13);
                border-radius: 14px;
                background: rgba(255, 255, 255, 0.5);
                color: var(--lk-projects-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                font-size: 12px;
                line-height: 1.45;
            }

            .lk-projects-landing__footer strong {
                color: var(--lk-projects-ink);
            }

            .lk-projects-landing__footer a {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                color: var(--lk-projects-blue);
                font-size: 13px;
                font-weight: 800;
                text-decoration: none;
                white-space: nowrap;
            }

            .lk-projects-landing__empty {
                margin-top: 38px;
                padding: 30px;
                border: 1px dashed rgba(39, 74, 150, 0.25);
                border-radius: 16px;
                color: var(--lk-projects-copy);
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
                text-align: center;
            }

            @media (max-width: 1040px) {
                .lk-projects-landing__shell {
                    width: min(var(--lk-shell-max, 1640px), calc(100vw - var(--lk-gutter-tablet, 48px)));
                }

                .lk-projects-landing__project {
                    grid-template-columns: minmax(132px, 0.48fr) minmax(0, 1fr);
                }
            }

            @media (max-width: 680px) {
                .lk-projects-landing {
                    min-height: auto;
                }

                .lk-projects-landing__shell {
                    width: min(100% - 48px, 520px);
                    padding: 64px 0;
                }

                .lk-projects-landing__title {
                    font-size: clamp(39px, 12vw, 56px);
                }

                .lk-projects-landing__grid {
                    grid-template-columns: minmax(0, 1fr);
                }

                .lk-projects-landing__project {
                    grid-template-columns: minmax(0, 1fr);
                    height: auto;
                    min-height: 0;
                }

                .lk-projects-landing__project .lk-projects-landing__media {
                    min-height: 160px;
                }

                .lk-projects-landing__project .lk-projects-landing__content {
                    min-height: 0;
                    padding: 20px;
                }

                .lk-projects-landing__footer {
                    align-items: flex-start;
                    flex-direction: column;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .lk-projects-landing__media img,
                .lk-projects-landing__link span {
                    transition: none;
                }
            }


/* ===== lk-site-footer-css ===== */
.lk-site-footer,
            .lk-site-footer * {
                box-sizing: border-box;
            }

            .lk-site-footer {
                --lk-footer-ink: #f8f4ee;
                --lk-footer-copy: #b9c8d9;
                --lk-footer-blue: #5e93ff;
                --lk-footer-line: rgba(180, 207, 240, 0.2);
                width: 100vw;
                max-width: 100vw;
                margin-inline: calc(50% - 50vw);
                overflow: hidden;
                color: var(--lk-footer-ink);
                background:
                    radial-gradient(ellipse at 10% 0%, rgba(38, 88, 160, 0.32), transparent 0 34%),
                    radial-gradient(ellipse at 96% 0%, rgba(31, 67, 123, 0.3), transparent 0 32%),
                    #061522;
                font-family: "Manrope", "Segoe UI", Arial, sans-serif;
            }

            .lk-site-footer__shell {
                width: min(1640px, calc(100vw - 112px));
                margin: 0 auto;
            }

            .lk-site-footer__cta {
                display: grid;
                grid-template-columns: 58px minmax(0, 1fr) auto;
                align-items: center;
                gap: 26px;
                min-height: 108px;
                border-bottom: 1px solid var(--lk-footer-line);
            }

            .lk-site-footer__cta-icon {
                display: grid;
                place-items: center;
                width: 50px;
                height: 50px;
                border: 1px solid #5e93ff;
                border-radius: 50%;
                color: #78a5ff;
            }

            .lk-site-footer__cta-icon svg,
            .lk-site-footer__instagram-icon svg {
                width: 24px;
                height: 24px;
                fill: none;
                stroke: currentColor;
                stroke-width: 1.6;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .lk-site-footer__cta p {
                margin: 0;
                font-size: clamp(20px, 1.7vw, 27px);
                line-height: 1.16;
            }

            .lk-site-footer__cta strong {
                color: var(--lk-footer-blue);
            }

            .lk-site-footer__cta > a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 14px;
                min-height: 46px;
                padding: 0 24px;
                border-radius: 999px;
                color: #fff;
                background: #274a96;
                font-size: 13px;
                font-weight: 800;
                text-decoration: none;
                transition: transform 0.2s ease, background-color 0.2s ease;
            }

            .lk-site-footer__cta > a:hover {
                background: #3562c3;
                transform: translateY(-2px);
            }

            .lk-site-footer__body {
                display: grid;
                grid-template-columns: minmax(240px, 1.45fr) minmax(150px, 0.72fr) minmax(210px, 0.9fr) minmax(220px, 0.95fr);
                gap: clamp(30px, 4vw, 72px);
                padding: 34px 0 28px;
            }

            .lk-site-footer__brand {
                display: inline-block;
                color: #fff;
                font-size: 33px;
                font-weight: 800;
                letter-spacing: 0.22em;
                line-height: 1;
                text-decoration: none;
            }

            .lk-site-footer__brand-column p,
            .lk-site-footer__social p {
                max-width: 280px;
                margin: 16px 0 0;
                color: var(--lk-footer-copy);
                font-size: 12px;
                line-height: 1.58;
            }

            .lk-site-footer__column {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 9px;
            }

            .lk-site-footer__column h2 {
                margin: 0 0 4px;
                color: #fff;
                font-size: 10px;
                font-weight: 800;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }

            .lk-site-footer__column a {
                color: var(--lk-footer-copy);
                font-size: 12px;
                line-height: 1.35;
                text-decoration: none;
                transition: color 0.2s ease;
            }

            .lk-site-footer__column a:hover {
                color: #fff;
            }

            .lk-site-footer__contact a {
                display: inline-flex;
                align-items: center;
                gap: 9px;
            }

            .lk-site-footer__contact a span {
                color: var(--lk-footer-blue);
                font-size: 14px;
            }

            .lk-site-footer__social a {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                color: #fff;
                font-weight: 700;
            }

            .lk-site-footer__instagram-icon {
                display: grid;
                place-items: center;
                width: 30px;
                height: 30px;
                border: 1px solid rgba(185, 200, 217, 0.45);
                border-radius: 50%;
                color: #fff;
            }

            .lk-site-footer__instagram-icon svg {
                width: 15px;
                height: 15px;
            }

            .lk-site-footer__bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 22px;
                padding: 15px 0 18px;
                border-top: 1px solid var(--lk-footer-line);
                color: rgba(185, 200, 217, 0.82);
                font-size: 10px;
            }

            .lk-site-footer__bottom a {
                color: var(--lk-footer-copy);
                text-decoration: none;
            }

            .lk-site-footer__bottom a span {
                color: #78a5ff;
            }

            @media (max-width: 1000px) {
                .lk-site-footer__shell {
                    width: min(100% - 96px, 1120px);
                }

                .lk-site-footer__body {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 30px 48px;
                }
            }

            @media (max-width: 680px) {
                .lk-site-footer__shell {
                    width: min(100% - 48px, 520px);
                }

                .lk-site-footer__cta {
                    grid-template-columns: 44px minmax(0, 1fr);
                    gap: 16px;
                    padding: 28px 0;
                }

                .lk-site-footer__cta-icon {
                    width: 42px;
                    height: 42px;
                }

                .lk-site-footer__cta p {
                    font-size: 20px;
                }

                .lk-site-footer__cta > a {
                    grid-column: 1 / -1;
                    width: 100%;
                }

                .lk-site-footer__body {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 28px;
                    padding: 30px 0 26px;
                }

                .lk-site-footer__bottom {
                    align-items: flex-start;
                    flex-direction: column;
                    gap: 8px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .lk-site-footer__cta > a,
                .lk-site-footer__column a {
                    transition: none;
                }
            }


/* ===== LINKA cleanup v1: connectors + living status dots ===== */
.lk-hero-landing__flow-card::after {
    right: -35px;
    width: 35px;
    border-radius: 999px;
}

.lk-hero-landing__flow-card:last-child::before {
    right: -42px;
    z-index: 2;
}

@keyframes lk-status-pulse-blue {
    0%, 100% { box-shadow: 0 0 0 5px rgba(53, 94, 194, 0.12); transform: scale(1); }
    50% { box-shadow: 0 0 0 9px rgba(53, 94, 194, 0.04); transform: scale(1.08); }
}

@keyframes lk-status-pulse-node {
    0%, 100% { box-shadow: 0 0 0 5px rgba(39, 74, 150, 0.13); transform: translateY(-50%) scale(1); }
    50% { box-shadow: 0 0 0 10px rgba(39, 74, 150, 0.035); transform: translateY(-50%) scale(1.08); }
}

@keyframes lk-status-pulse-red {
    0%, 100% { box-shadow: 0 0 0 4px rgba(235, 86, 99, 0.10); transform: scale(1); }
    50% { box-shadow: 0 0 0 9px rgba(235, 86, 99, 0.035); transform: scale(1.10); }
}

.lk-hero-landing__eyebrow::before,
.lk-process-section__eyebrow::before,
.lk-projects-landing__eyebrow::before,
.lk-eyebrow::before {
    animation: lk-status-pulse-blue 2.6s ease-in-out infinite;
}

.lk-hero-landing__flow-card:last-child::before {
    animation: lk-status-pulse-node 2.6s ease-in-out infinite;
}

.lk-problem-section__system-status,
.lk-problem-section__mobile-issue::before {
    animation: lk-status-pulse-red 2.6s ease-in-out infinite;
}

.lk-process-section__map-item::before {
    animation: lk-status-pulse-blue 2.8s ease-in-out infinite;
}
.lk-problem-section__system-card:nth-of-type(2) .lk-problem-section__system-status { animation-delay: .35s; }
.lk-problem-section__system-card:nth-of-type(3) .lk-problem-section__system-status { animation-delay: .70s; }
.lk-problem-section__system-card:nth-of-type(4) .lk-problem-section__system-status { animation-delay: 1.05s; }
.lk-problem-section__system-card:nth-of-type(5) .lk-problem-section__system-status { animation-delay: 1.40s; }

@media (prefers-reduced-motion: reduce) {
    .lk-hero-landing__eyebrow::before,
    .lk-process-section__eyebrow::before,
    .lk-projects-landing__eyebrow::before,
    .lk-eyebrow::before,
    .lk-hero-landing__flow-card:last-child::before,
    .lk-problem-section__system-status,
    .lk-problem-section__mobile-issue::before,
    .lk-process-section__map-item::before { animation: none !important; }
}

/* ===== LINKA hero commerce v2: composition polish ===== */
.lk-hero-landing__copy {
    max-width: 680px;
}

.lk-hero-landing__title {
    max-width: 650px;
}

.lk-hero-landing__text {
    max-width: 625px;
    margin-top: 4px;
}

.lk-hero-landing__flow-card {
    min-height: 92px;
}

.lk-hero-landing__flow-title {
    font-size: 16px;
}

.lk-hero-landing__flow-text {
    font-size: 13px;
    line-height: 1.45;
}

/* El proyecto real funciona como una pieza del recorrido, no como una tarjeta aislada. */
.lk-case-showcase {
    position: relative;
    isolation: isolate;
    display: block;
    padding: 16px;
    border: 1px solid rgba(221, 213, 203, .5);
    background:
        radial-gradient(circle at 15% 10%, rgba(68, 104, 192, .10), transparent 0 31%),
        linear-gradient(155deg, rgba(255,255,255,.92) 0%, #eee8e0 100%);
}

.lk-case-showcase::after {
    display: none;
}

.lk-case-showcase__toolbar {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    height: 30px;
    margin-bottom: 10px;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
}

.lk-case-showcase__label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(23, 27, 37, .66);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.lk-case-showcase__label i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lk-blue);
    box-shadow: 0 0 0 5px rgba(39, 74, 150, .10);
    animation: lk-status-pulse-blue 2.6s ease-in-out infinite;
}

.lk-case-showcase__dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.lk-case-showcase__dots button {
    appearance: none;
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(39, 74, 150, .22);
    cursor: pointer;
    transition: width .25s ease, background-color .25s ease, transform .25s ease;
}

.lk-case-showcase__dots button:hover {
    transform: scale(1.15);
}

.lk-case-showcase__dots button.is-active {
    width: 24px;
    background: var(--lk-blue);
}

.lk-case-showcase__slide {
    position: absolute;
    z-index: 1;
    top: 58px;
    right: 16px;
    left: 16px;
    display: block;
    color: var(--lk-ink);
    opacity: 0;
    pointer-events: none;
    transform: translateY(5px) scale(.992);
    transition: opacity .55s ease, transform .55s ease;
}

.lk-case-showcase__slide.is-active {
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.lk-case-showcase__screen {
    position: relative;
    width: 100%;
    aspect-ratio: 1.72 / 1;
    overflow: hidden;
    border: 1px solid rgba(23, 27, 37, .09);
    border-radius: 16px;
    background: #17191f;
    box-shadow: 0 18px 38px rgba(27, 28, 32, .15);
}

.lk-case-showcase__screen::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .65);
    box-shadow: 9px 0 0 rgba(255, 255, 255, .38), 18px 0 0 rgba(255, 255, 255, .22);
    pointer-events: none;
}

.lk-case-showcase__screen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: transform 5.2s ease;
}

.lk-case-showcase__slide.is-active .lk-case-showcase__screen img {
    transform: scale(1.022);
}

/* Nombre + tipo de proyecto quedan juntos, debajo de la captura. */
.lk-case-showcase__caption {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    margin-top: 13px;
    padding: 0 3px;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
}

.lk-case-showcase__caption span {
    flex: 0 0 auto;
    color: var(--lk-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
}

.lk-case-showcase__caption strong {
    display: flex;
    align-items: center;
    max-width: none;
    color: rgba(23, 27, 37, .65);
    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
    text-align: left;
}

.lk-case-showcase__caption strong::before {
    content: "·";
    margin-right: 9px;
    color: rgba(39, 74, 150, .45);
    font-weight: 800;
}

.lk-hero-landing__result {
    z-index: 8;
}

.lk-hero-landing__result-head {
    background: linear-gradient(135deg, #2a55ad 0%, #24488f 100%);
}

.lk-hero-landing__result-body {
    max-width: 230px;
}

/* Desktop / notebook: compactamos las tres piezas para que se lean como un solo sistema. */
@media (min-width: 1121px) {
    .lk-hero-landing__body {
        grid-template-columns: minmax(560px, 680px) minmax(205px, 225px) minmax(420px, 1fr);
        column-gap: clamp(24px, 2.1vw, 36px);
        justify-content: space-between;
    }

    .lk-hero-landing__flow {
        align-self: center;
        padding-right: 22px;
    }

    .lk-hero-landing__visual {
        --lk-result-bottom: -10px;
        --lk-result-height: 88px;
        --lk-result-center: 44px;
        height: 500px;
        align-self: center;
    }

    /* Halo casi imperceptible: une visualmente flujo + caso sin cambiar el fondo crema. */
    .lk-hero-landing__visual::after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -42px -30px -48px -54px;
        display: block;
        background: radial-gradient(circle at 38% 53%, rgba(39, 74, 150, .075), transparent 0 62%);
        filter: blur(9px);
        pointer-events: none;
    }

    /* El conector entra realmente en la tarjeta final. */
    .lk-hero-landing__visual::before {
        left: -30px;
        width: 58px;
    }

    .lk-hero-landing__media-frame {
        height: 500px;
        min-height: 500px;
        max-height: 500px;
        border-radius: 26px;
    }

    .lk-hero-landing__result {
        left: 28px;
        bottom: -10px !important;
        width: min(360px, calc(100% - 56px));
    }

    .lk-hero-landing__result-head {
        min-height: 88px;
        padding: 13px 18px;
        border-radius: 18px;
    }
}

@media (min-width: 1121px) and (max-width: 1480px) {
    .lk-hero-landing__body {
        grid-template-columns: minmax(500px, 1fr) 210px minmax(390px, 430px);
        column-gap: 28px;
        padding-top: 32px;
    }

    .lk-hero-landing__copy {
        gap: 24px;
        max-width: 650px;
    }

    .lk-hero-landing__title {
        max-width: 600px;
        font-size: clamp(48px, 4.15vw, 70px);
        line-height: .94;
    }

    .lk-hero-landing__title span {
        white-space: normal;
    }

    .lk-hero-landing__text {
        max-width: 555px;
        font-size: 17px;
    }

    .lk-hero-landing__flow {
        gap: 14px;
        padding-right: 20px;
    }

    .lk-hero-landing__flow-card {
        min-height: 86px;
        padding: 15px 14px;
    }

    .lk-hero-landing__visual,
    .lk-hero-landing__media-frame {
        height: 470px;
        min-height: 470px;
        max-height: 470px;
    }

    .lk-case-showcase {
        padding: 14px;
    }

    .lk-case-showcase__slide {
        top: 53px;
        right: 14px;
        left: 14px;
    }

    .lk-case-showcase__caption {
        margin-top: 11px;
    }

    .lk-case-showcase__caption strong {
        font-size: 10px;
    }

    .lk-hero-landing__result {
        left: 22px;
        width: min(330px, calc(100% - 44px));
    }

    .lk-hero-landing__visual::before {
        left: -28px;
        width: 50px;
    }
}

/* Tablet: respeta el apilado existente, pero el caso sigue compacto. */
@media (max-width: 1120px) {
    .lk-case-showcase {
        min-height: 500px;
        height: 500px;
        max-height: 500px;
        padding: 16px;
    }

    .lk-case-showcase__slide {
        top: 58px;
        right: 16px;
        left: 16px;
    }

    .lk-hero-landing__result {
        left: 28px;
        right: 28px;
        bottom: 22px !important;
        width: auto;
    }
}

@media (max-width: 767px) {
    .lk-hero-landing__eyebrow {
        max-width: 100%;
        min-height: 38px;
        padding: 0 14px;
        font-size: 10px;
        letter-spacing: .13em;
    }

    .lk-hero-landing__title {
        max-width: 100%;
    }

    .lk-case-showcase {
        min-height: 390px;
        height: 390px;
        max-height: 390px;
        padding: 13px;
        border-radius: 22px;
    }

    .lk-case-showcase__toolbar {
        margin-bottom: 8px;
    }

    .lk-case-showcase__slide {
        top: 51px;
        right: 13px;
        left: 13px;
    }

    .lk-case-showcase__caption {
        gap: 6px;
        margin-top: 9px;
        overflow: hidden;
        white-space: nowrap;
    }

    .lk-case-showcase__caption strong {
        overflow: hidden;
        font-size: 9px;
        text-overflow: ellipsis;
    }

    .lk-case-showcase__label {
        font-size: 9px;
    }

    .lk-hero-landing__result {
        left: 18px;
        right: 18px;
        bottom: 16px !important;
        width: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lk-case-showcase__slide,
    .lk-case-showcase__screen img,
    .lk-case-showcase__dots button,
    .lk-case-showcase__label i {
        transition: none;
        animation: none;
    }
}


/* ===== LINKA positioning v5: adaptable solutions ===== */
.lk-hero-landing__title span:last-child { color: var(--lk-blue); }
.lk-hero-landing__flow-title { font-size: 16px; }
.lk-hero-landing__flow-text { font-size: 12px; line-height: 1.45; }
.lk-hero-landing__result { background: linear-gradient(135deg, #274a96, #1f3d7a); }
.lk-process-section__media--brief,
.lk-process-section__media--delivery { background: transparent; }
.lk-process-brief,
.lk-process-delivery {
    height:100%; min-height:244px; padding:22px; border-radius:18px; border:1px solid #ded6cc;
    background:linear-gradient(180deg,#fff,#f7f3ed); font-family:"Manrope",sans-serif; color:#171b25;
}
.lk-process-brief__top,.lk-process-delivery__top { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em; }
.lk-process-brief__top i { font-style:normal;color:#274a96; }.lk-process-delivery__top i{font-style:normal;color:#2f8254;}
.lk-process-brief__row,.lk-process-delivery__item { display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid #e2ddd6;font-size:11px; }
.lk-process-brief__row span,.lk-process-delivery__item span { color:#7a8089; }.lk-process-brief__row b,.lk-process-delivery__item b{font-weight:700;}
.lk-process-delivery { background:#171b25;color:#fff;border-color:#171b25; }.lk-process-delivery__item{border-color:rgba(255,255,255,.1)}.lk-process-delivery__item span{color:rgba(255,255,255,.63)}.lk-process-delivery__item b{color:#7ee0a6;}
.lk-projects-landing__tag { white-space: normal; }
@media (max-width: 1480px) {
  .lk-hero-landing__title { font-size: clamp(46px, 4vw, 66px); }
  .lk-hero-landing__copy { gap: 20px; }
}
@media (max-width: 1120px) {
  .lk-hero-landing__title span { white-space: normal; }
}

/* ===== LINKA positioning v5.1: final rhythm ===== */
.lk-solutions-section { scroll-margin-top: 62px; }
.lk-hero-landing__title { font-size: clamp(48px, 4vw, 72px); }
@media (max-width: 1480px) {
  .lk-hero-landing__title { font-size: clamp(46px, 4vw, 64px); }
}
@media (max-width: 767px) {
  .lk-hero-landing__title { font-size: clamp(44px, 13vw, 58px); }
}


/* ===== LINKA HERO v7 · compact + richer visual field =====
   Objetivo:
   - eliminar altura mínima artificial del hero
   - conservar el fondo cálido, pero con una transición azul muy suave hacia el sistema
   - unir mejor copy / flujo / casos sin agregar más elementos al HTML
*/
.lk-hero-landing {
    min-height: 0;
    background:
        radial-gradient(circle at 73% 38%, rgba(66, 104, 190, .115), transparent 0 25%),
        radial-gradient(circle at 91% 68%, rgba(39, 74, 150, .055), transparent 0 24%),
        linear-gradient(104deg,
            #f8f3ec 0%,
            #f7f2eb 43%,
            #f3f2ef 57%,
            #eef3f8 100%);
}

/* Trama técnica apenas visible en el área de solución/casos. */
.lk-hero-landing::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 88px 0 0 48%;
    pointer-events: none;
    opacity: .38;
    background-image:
        linear-gradient(rgba(39, 74, 150, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39, 74, 150, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
}

.lk-hero-landing__shell {
    position: relative;
    z-index: 1;
}

.lk-hero-landing__body {
    padding-top: 26px;
    padding-bottom: 22px;
}

.lk-hero-landing__copy {
    gap: 17px;
}

.lk-hero-landing__eyebrow {
    min-height: 38px;
    padding-inline: 16px;
}

.lk-hero-landing__title {
    line-height: .93;
}

.lk-hero-landing__text {
    max-width: 610px;
    line-height: 1.52;
}

.lk-hero-landing__actions {
    gap: 14px;
}

.lk-hero-landing__button {
    min-height: 52px;
    padding-inline: 24px;
    border-radius: 13px;
}

.lk-hero-landing__note {
    margin-top: 0;
}

/* Flujo: menos "cuatro cajas separadas", más sistema compacto. */
.lk-hero-landing__flow {
    gap: 10px;
}

.lk-hero-landing__flow-card {
    min-height: 76px;
    padding: 13px 13px;
    border-color: rgba(199, 188, 175, .78);
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 10px 24px rgba(30, 38, 54, .035);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.lk-hero-landing__flow-icon {
    width: 32px;
    height: 32px;
}

.lk-hero-landing__flow-title {
    font-size: 15px;
}

.lk-hero-landing__flow-text {
    margin-top: 4px;
    font-size: 11.5px;
    line-height: 1.4;
}

/* Caso real: menos alto y un poco más integrado al fondo derecho. */
@media (min-width: 1121px) {
    .lk-hero-landing__body {
        grid-template-columns: minmax(520px, 650px) minmax(200px, 215px) minmax(405px, 1fr);
        column-gap: clamp(22px, 1.9vw, 34px);
        align-items: center;
    }

    .lk-hero-landing__visual {
        --lk-result-height: 80px;
        --lk-result-center: 40px;
        height: 430px;
    }

    .lk-hero-landing__media-frame {
        height: 430px;
        min-height: 430px;
        max-height: 430px;
        border-radius: 24px;
        background: rgba(255,255,255,.56);
        border-color: rgba(255,255,255,.74);
        box-shadow: 0 18px 46px rgba(31, 46, 74, .09);
        backdrop-filter: blur(9px);
        -webkit-backdrop-filter: blur(9px);
    }

    .lk-case-showcase__slide {
        top: 52px;
    }

    .lk-hero-landing__result {
        bottom: -8px !important;
        width: min(345px, calc(100% - 52px));
    }

    .lk-hero-landing__result-head {
        min-height: 80px;
        padding: 11px 16px;
    }
}

/* Notebook: prioridad absoluta a que el hero entre cómodo sin sentirse comprimido. */
@media (min-width: 1121px) and (max-width: 1480px) {
    .lk-hero-landing__body {
        padding-top: 22px;
        padding-bottom: 20px;
        grid-template-columns: minmax(470px, 1fr) 202px minmax(375px, 420px);
        column-gap: 24px;
    }

    .lk-hero-landing__copy {
        gap: 15px;
    }

    .lk-hero-landing__title {
        max-width: 590px;
        font-size: clamp(45px, 3.8vw, 61px);
    }

    .lk-hero-landing__text {
        max-width: 550px;
        font-size: 16px;
        line-height: 1.48;
    }

    .lk-hero-landing__button {
        min-height: 50px;
        padding-inline: 22px;
        font-size: 15px;
    }

    .lk-hero-landing__note {
        font-size: 13px;
    }

    .lk-hero-landing__flow {
        gap: 9px;
    }

    .lk-hero-landing__flow-card {
        min-height: 72px;
        padding: 12px;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 12px;
    }

    .lk-hero-landing__visual,
    .lk-hero-landing__media-frame {
        height: 405px;
        min-height: 405px;
        max-height: 405px;
    }

    .lk-case-showcase {
        padding: 13px;
    }

    .lk-case-showcase__slide {
        top: 49px;
        right: 13px;
        left: 13px;
    }

    .lk-hero-landing__result {
        left: 20px;
        width: min(315px, calc(100% - 40px));
    }
}

/* Monitores de poca altura: compactación adicional, sin alterar desktop grande. */
@media (min-width: 1121px) and (max-height: 820px) {
    .lk-hero-landing {
        padding-top: 76px;
    }

    .lk-hero-landing::before {
        top: 76px;
    }

    .lk-hero-landing__body {
        padding-top: 18px;
        padding-bottom: 16px;
    }

    .lk-hero-landing__copy {
        gap: 13px;
    }

    .lk-hero-landing__eyebrow {
        min-height: 35px;
    }

    .lk-hero-landing__text {
        font-size: 15.5px;
    }

    .lk-hero-landing__visual,
    .lk-hero-landing__media-frame {
        height: 385px;
        min-height: 385px;
        max-height: 385px;
    }

    .lk-hero-landing__flow-card {
        min-height: 68px;
        padding-block: 10px;
    }
}

/* En tablet/mobile volvemos a una base cálida simple para no cargar el fondo. */
@media (max-width: 1120px) {
    .lk-hero-landing {
        background:
            radial-gradient(circle at 80% 18%, rgba(39, 74, 150, .08), transparent 0 24%),
            linear-gradient(180deg, #f8f3ec 0%, #f5f1eb 100%);
    }

    .lk-hero-landing::before {
        display: none;
    }
}


/* ===== LINKA v8 · header de recorrido + contacto directo ===== */

/* Header sin navegación: acompaña el recorrido en lugar de saltearlo. */
.lk-site-header {
    height: 82px;
    background: rgba(248, 244, 238, .91);
}

.lk-site-header.is-scrolled {
    height: 58px;
    background: rgba(248, 244, 238, .84);
}

.lk-site-header__inner {
    position: relative;
}

.lk-site-header__actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.lk-site-header__location {
    color: #747b85;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    transition: opacity .22s ease, transform .22s ease;
}

.lk-site-header.is-scrolled .lk-site-header__location {
    opacity: .58;
}

.lk-site-header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid rgba(39, 74, 150, .28);
    border-radius: 999px;
    color: #1d2f58;
    background: rgba(255, 255, 255, .54);
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.lk-site-header.is-scrolled .lk-site-header__cta {
    min-height: 34px;
    padding-inline: 15px;
    background: #274a96;
    border-color: #274a96;
    color: #fff;
}

.lk-site-header__cta:hover {
    transform: translateY(-1px);
    border-color: #274a96;
    color: #fff;
    background: #274a96;
}

.lk-site-header__progress {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: transparent;
}

.lk-site-header__progress span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, #274a96, #6d91df);
    will-change: transform;
}

/* Invitación a seguir bajando: no compite con los CTA comerciales. */
.lk-hero-scroll-cue {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: max-content;
    margin: 0 auto 10px;
    color: #6b7280;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
    text-decoration: none;
    text-transform: uppercase;
}

.lk-hero-scroll-cue svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #274a96;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: lk-scroll-cue 1.8s ease-in-out infinite;
}

@keyframes lk-scroll-cue {
    0%, 100% { transform: translateY(-2px); }
    50% { transform: translateY(4px); }
}

/* Contacto: una conversación corta, no un formulario corporativo gigante. */
.lk-contact-section,
.lk-contact-section * {
    box-sizing: border-box;
}

.lk-contact-section {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    overflow: hidden;
    color: #f8f4ee;
    background:
        radial-gradient(circle at 14% 20%, rgba(54, 100, 193, .22), transparent 0 26%),
        radial-gradient(circle at 92% 86%, rgba(65, 99, 165, .16), transparent 0 27%),
        #111925;
}

.lk-contact-section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 78%);
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.lk-contact-section__shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(430px, .78fr);
    gap: clamp(48px, 7vw, 120px);
    align-items: center;
    width: min(1440px, calc(100vw - 112px));
    margin: 0 auto;
    padding: clamp(64px, 6vw, 92px) 0;
}

.lk-contact-section__eyebrow {
    color: #7ba2ff;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.lk-contact-section__intro h2 {
    max-width: 690px;
    margin: 16px 0 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(52px, 5vw, 78px);
    font-weight: 600;
    line-height: .94;
    letter-spacing: -.045em;
}

.lk-contact-section__intro h2 span {
    color: #7fa4ff;
}

.lk-contact-section__intro > p {
    max-width: 650px;
    margin: 22px 0 0;
    color: #b9c4d2;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

.lk-contact-section__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 650px;
    margin-top: 28px;
}

.lk-contact-detail {
    min-height: 94px;
    padding: 16px 18px;
    border: 1px solid rgba(154, 182, 221, .18);
    border-radius: 15px;
    background: rgba(255,255,255,.035);
}

.lk-contact-detail__label {
    display: block;
    margin-bottom: 7px;
    color: #7897c8;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.lk-contact-detail strong,
.lk-contact-detail a {
    display: block;
    color: #fff;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.lk-contact-detail small {
    display: block;
    margin-top: 5px;
    color: #9ba9b9;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
}

.lk-contact-section__whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 16px;
    color: #cad6e6;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.lk-contact-section__whatsapp svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: #75a1ff;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lk-contact-section__whatsapp strong {
    color: #75a1ff;
    transition: transform .2s ease;
}

.lk-contact-section__whatsapp:hover strong {
    transform: translateX(4px);
}

.lk-contact-card {
    padding: 20px;
    border: 1px solid rgba(181, 202, 232, .18);
    border-radius: 22px;
    background: rgba(255,255,255,.07);
    box-shadow: 0 30px 70px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.lk-contact-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 2px 16px;
    color: #cbd5e1;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.lk-contact-card__top i {
    color: #7ba2ff;
    font-style: normal;
}

.lk-contact-form {
    display: grid;
    gap: 12px;
}

.lk-contact-form__field {
    display: grid;
    gap: 7px;
}

.lk-contact-form__field label {
    color: #aebdce;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
}

.lk-contact-form__field input,
.lk-contact-form__field textarea {
    width: 100%;
    border: 1px solid rgba(181, 202, 232, .16);
    border-radius: 12px;
    outline: 0;
    color: #fff;
    background: rgba(5, 13, 24, .34);
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.lk-contact-form__field input {
    min-height: 48px;
    padding: 0 14px;
}

.lk-contact-form__field textarea {
    min-height: 118px;
    padding: 13px 14px;
    resize: vertical;
    line-height: 1.5;
}

.lk-contact-form__field input::placeholder,
.lk-contact-form__field textarea::placeholder {
    color: #758294;
}

.lk-contact-form__field input:focus,
.lk-contact-form__field textarea:focus {
    border-color: rgba(123, 162, 255, .72);
    background: rgba(5, 13, 24, .48);
    box-shadow: 0 0 0 3px rgba(84, 126, 225, .1);
}

.lk-contact-form__trap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.lk-contact-form button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 52px;
    margin-top: 4px;
    padding: 0 17px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    color: #fff;
    background: #3159ad;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    transition: transform .18s ease, background-color .18s ease, opacity .18s ease;
}

.lk-contact-form button:hover {
    transform: translateY(-1px);
    background: #3d6bc8;
}

.lk-contact-form button:disabled {
    cursor: wait;
    opacity: .62;
    transform: none;
}

.lk-contact-form__status {
    min-height: 18px;
    margin: 0;
    color: #8f9fb1;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    line-height: 1.45;
}

.lk-contact-form__status.is-success {
    color: #83d6a1;
}

.lk-contact-form__status.is-error {
    color: #ff9a9a;
}

/* Footer mínimo: ubicación y contacto, sin un segundo menú. */
.lk-minimal-footer {
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    color: #c0cad5;
    background: #0a111a;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
}

.lk-minimal-footer__shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: min(1440px, calc(100vw - 112px));
    margin: 0 auto;
    padding: 24px 0;
}

.lk-minimal-footer__shell > div:first-child,
.lk-minimal-footer__right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.lk-minimal-footer__brand {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .2em;
    text-decoration: none;
}

.lk-minimal-footer__shell span,
.lk-minimal-footer__shell a {
    color: #9ba8b8;
    font-size: 10px;
    text-decoration: none;
}

.lk-minimal-footer__right a:hover {
    color: #fff;
}

.lk-minimal-footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    width: min(1440px, calc(100vw - 112px));
    margin: 0 auto;
    padding: 13px 0 16px;
    border-top: 1px solid rgba(184, 201, 224, .1);
    color: #667487;
    font-size: 9px;
}

@media (max-width: 1000px) {
    .lk-contact-section__shell {
        grid-template-columns: 1fr;
        width: min(100% - 64px, 760px);
        gap: 38px;
    }

    .lk-contact-card {
        max-width: 680px;
    }

    .lk-minimal-footer__shell,
    .lk-minimal-footer__bottom {
        width: min(100% - 64px, 900px);
    }
}

@media (max-width: 680px) {
    .lk-site-header {
        height: 70px;
    }

    .lk-site-header.is-scrolled {
        height: 56px;
    }

    .lk-site-header__inner {
        width: min(100% - 36px, 560px);
    }

    .lk-site-header__brand,
    .lk-site-header.is-scrolled .lk-site-header__brand {
        font-size: 20px;
    }

    .lk-site-header__location {
        display: none;
    }

    .lk-site-header__cta,
    .lk-site-header.is-scrolled .lk-site-header__cta {
        min-height: 34px;
        padding-inline: 13px;
        font-size: 10px;
    }

    .lk-hero-scroll-cue {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .lk-contact-section__shell {
        width: min(100% - 40px, 560px);
        padding: 54px 0;
    }

    .lk-contact-section__intro h2 {
        font-size: clamp(46px, 14vw, 64px);
    }

    .lk-contact-section__intro > p {
        font-size: 14px;
    }

    .lk-contact-section__details {
        grid-template-columns: 1fr;
    }

    .lk-contact-card {
        padding: 16px;
        border-radius: 18px;
    }

    .lk-minimal-footer__shell {
        align-items: flex-start;
        flex-direction: column;
        width: min(100% - 40px, 560px);
    }

    .lk-minimal-footer__shell > div:first-child,
    .lk-minimal-footer__right {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .lk-minimal-footer__bottom {
        flex-direction: column;
        width: min(100% - 40px, 560px);
        gap: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lk-site-header,
    .lk-site-header *,
    .lk-hero-scroll-cue svg,
    .lk-contact-section *,
    .lk-minimal-footer * {
        animation: none !important;
        transition: none !important;
    }
}
