/*
 * Odoo Migration Services shortcode CSS
 * Add this file to your theme, page builder custom CSS, or a CSS plugin.
 */

/* ==========================================================
   Original style block 1
   ========================================================== */

html {
                scroll-behavior: smooth;
            }

            body {
                margin: 0;
                background: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
            }

            img,
            svg {
                max-width: 100%;
            }

/* ==========================================================
   Original style block 2
   ========================================================== */

#vmp-suite-1--hero,
                    #vmp-suite-1--hero * {
                        box-sizing: border-box;
                    }

                    #vmp-suite-1--hero {
                        --vom-primary: #5b3df5;
                        --vom-primary-dark: #3f25c7;
                        --vom-accent: #856eff;
                        --vom-heading: #12131a;
                        --vom-text: #2d313a;
                        --vom-muted: #646a78;
                        --vom-border: rgba(91, 61, 245, 0.14);
                        --vom-soft: #f4f1ff;
                        --vom-white: #ffffff;

                        position: relative;
                        isolation: isolate;
                        overflow: hidden;
                        min-height: 680px;
                        padding: 92px 24px 82px;
                        background:
                            radial-gradient(circle at 8% 7%, rgba(91, 61, 245, 0.13), transparent 27%),
                            radial-gradient(circle at 92% 88%, rgba(133, 110, 255, 0.12), transparent 29%),
                            linear-gradient(135deg, #ffffff 0%, #faf9ff 47%, #f4f1ff 100%);
                        color: var(--vom-text);
                        font-family: inherit;
                    }

                    #vmp-suite-1--hero::before {
                        position: absolute;
                        top: -230px;
                        right: -170px;
                        z-index: -1;
                        width: 510px;
                        height: 510px;
                        border: 1px solid rgba(91, 61, 245, 0.10);
                        border-radius: 50%;
                        content: "";
                    }

                    #vmp-suite-1--hero::after {
                        position: absolute;
                        bottom: -255px;
                        left: -210px;
                        z-index: -1;
                        width: 470px;
                        height: 470px;
                        border: 1px solid rgba(91, 61, 245, 0.08);
                        border-radius: 50%;
                        content: "";
                    }

                    #vmp-suite-1--hero .vom-grid-pattern {
                        position: absolute;
                        inset: 0;
                        z-index: -2;
                        opacity: 0.36;
                        background-image:
                            linear-gradient(rgba(91, 61, 245, 0.045) 1px, transparent 1px),
                            linear-gradient(90deg, rgba(91, 61, 245, 0.045) 1px, transparent 1px);
                        background-size: 42px 42px;
                        pointer-events: none;
                        -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 38%, #000 100%);
                        mask-image: linear-gradient(to right, transparent 0%, #000 38%, #000 100%);
                    }

                    #vmp-suite-1--hero .vom-container {
                        width: min(100%, 1320px);
                        margin: 0 auto;
                    }

                    #vmp-suite-1--hero .vom-layout {
                        display: grid;
                        grid-template-columns: minmax(0, 1.03fr) minmax(500px, 0.97fr);
                        gap: clamp(54px, 7vw, 104px);
                        align-items: center;
                    }

                    #vmp-suite-1--hero .vom-content {
                        max-width: 705px;
                    }

                    #vmp-suite-1--hero .vom-eyebrow {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        margin-bottom: 23px;
                        padding: 8px 13px 8px 9px;
                        border: 1px solid rgba(91, 61, 245, 0.18);
                        border-radius: 999px;
                        background: rgba(255, 255, 255, 0.82);
                        box-shadow: 0 8px 25px rgba(52, 37, 130, 0.07);
                        color: var(--vom-primary-dark);
                        font-size: 11px;
                        font-weight: 800;
                        letter-spacing: 0.095em;
                        line-height: 1;
                        text-transform: uppercase;
                        backdrop-filter: blur(10px);
                    }

                    #vmp-suite-1--hero .vom-eyebrow-icon {
                        display: inline-flex;
                        width: 27px;
                        height: 27px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        background: linear-gradient(145deg, var(--vom-primary), var(--vom-accent));
                        box-shadow: 0 6px 13px rgba(91, 61, 245, 0.22);
                        color: #ffffff;
                    }

                    #vmp-suite-1--hero .vom-eyebrow-icon svg {
                        width: 14px;
                        height: 14px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 2;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero h1 {
                        max-width: 760px;
                        margin: 0;
                        color: var(--vom-heading);
                        font-size: clamp(43px, 4.35vw, 68px);
                        font-weight: 830;
                        letter-spacing: -0.048em;
                        line-height: 1.055;
                    }

                    #vmp-suite-1--hero h1 span {
                        display: block;
                        background: linear-gradient(95deg, var(--vom-primary-dark), var(--vom-primary) 52%, var(--vom-accent));
                        -webkit-background-clip: text;
                        background-clip: text;
                        color: transparent;
                    }

                    #vmp-suite-1--hero .vom-subtitle {
                        max-width: 720px;
                        margin: 15px 0 0;
                        background: linear-gradient(95deg, var(--vom-primary-dark), var(--vom-primary) 52%, var(--vom-accent));
                        -webkit-background-clip: text;
                        background-clip: text;
                        color: transparent;
                        font-size: clamp(25px, 2.35vw, 38px);
                        font-weight: 790;
                        letter-spacing: -0.035em;
                        line-height: 1.18;
                    }

                    #vmp-suite-1--hero .vom-description {
                        max-width: 665px;
                        margin: 25px 0 0;
                        color: var(--vom-text);
                        font-size: 17px;
                        line-height: 1.78;
                    }

                    #vmp-suite-1--hero .vom-benefits {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 11px 18px;
                        margin: 28px 0 0;
                        padding: 0;
                        list-style: none;
                    }

                    #vmp-suite-1--hero .vom-benefits li {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: #333743;
                        font-size: 13px;
                        font-weight: 720;
                        line-height: 1.4;
                    }

                    #vmp-suite-1--hero .vom-check {
                        display: inline-flex;
                        flex: 0 0 23px;
                        width: 23px;
                        height: 23px;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid rgba(91, 61, 245, 0.15);
                        border-radius: 50%;
                        background: var(--vom-soft);
                        color: var(--vom-primary);
                    }

                    #vmp-suite-1--hero .vom-check svg {
                        width: 13px;
                        height: 13px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 2.4;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-actions {
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        gap: 14px;
                        margin-top: 35px;
                    }

                    #vmp-suite-1--hero .vom-button {
                        display: inline-flex;
                        min-height: 56px;
                        align-items: center;
                        justify-content: center;
                        gap: 13px;
                        padding: 9px 10px 9px 20px;
                        border: 1px solid transparent;
                        border-radius: 14px;
                        font-size: 13px;
                        font-weight: 800;
                        line-height: 1.25;
                        text-decoration: none !important;
                        transition:
                            transform 0.25s ease,
                            box-shadow 0.25s ease,
                            border-color 0.25s ease,
                            background 0.25s ease;
                    }

                    #vmp-suite-1--hero .vom-button-primary {
                        background: linear-gradient(135deg, var(--vom-primary-dark), var(--vom-primary) 58%, var(--vom-accent));
                        box-shadow: 0 15px 30px rgba(91, 61, 245, 0.25);
                        color: #ffffff !important;
                    }

                    #vmp-suite-1--hero .vom-button-secondary {
                        padding-right: 20px;
                        border-color: rgba(91, 61, 245, 0.18);
                        background: rgba(255, 255, 255, 0.80);
                        box-shadow: 0 10px 25px rgba(39, 30, 89, 0.06);
                        color: var(--vom-heading) !important;
                        backdrop-filter: blur(10px);
                    }

                    #vmp-suite-1--hero .vom-button-icon {
                        display: inline-flex;
                        flex: 0 0 38px;
                        width: 38px;
                        height: 38px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 11px;
                        background: rgba(255, 255, 255, 0.17);
                        color: #ffffff;
                        transition: transform 0.25s ease;
                    }

                    #vmp-suite-1--hero .vom-button-icon svg,
                    #vmp-suite-1--hero .vom-secondary-icon svg {
                        width: 18px;
                        height: 18px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 2;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-secondary-icon {
                        display: inline-flex;
                        color: var(--vom-primary);
                    }

                    #vmp-suite-1--hero .vom-button:hover,
                    #vmp-suite-1--hero .vom-button:focus-visible {
                        outline: none;
                        transform: translateY(-3px);
                    }

                    #vmp-suite-1--hero .vom-button-primary:hover,
                    #vmp-suite-1--hero .vom-button-primary:focus-visible {
                        box-shadow: 0 20px 38px rgba(91, 61, 245, 0.31);
                    }

                    #vmp-suite-1--hero .vom-button-secondary:hover,
                    #vmp-suite-1--hero .vom-button-secondary:focus-visible {
                        border-color: rgba(91, 61, 245, 0.36);
                        box-shadow: 0 16px 30px rgba(39, 30, 89, 0.10);
                    }

                    #vmp-suite-1--hero .vom-button-primary:hover .vom-button-icon,
                    #vmp-suite-1--hero .vom-button-primary:focus-visible .vom-button-icon {
                        transform: translateX(3px);
                    }

                    #vmp-suite-1--hero .vom-proof {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin-top: 30px;
                        color: var(--vom-muted);
                        font-size: 12px;
                        font-weight: 650;
                        line-height: 1.55;
                    }

                    #vmp-suite-1--hero .vom-proof-icon {
                        display: inline-flex;
                        flex: 0 0 37px;
                        width: 37px;
                        height: 37px;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid rgba(91, 61, 245, 0.14);
                        border-radius: 12px;
                        background: #ffffff;
                        box-shadow: 0 7px 18px rgba(51, 37, 120, 0.07);
                        color: var(--vom-primary);
                    }

                    #vmp-suite-1--hero .vom-proof-icon svg {
                        width: 19px;
                        height: 19px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    /* Migration visual */

                    #vmp-suite-1--hero .vom-visual {
                        position: relative;
                        min-height: 535px;
                    }

                    #vmp-suite-1--hero .vom-orbit {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 500px;
                        height: 500px;
                        border: 1px solid rgba(91, 61, 245, 0.10);
                        border-radius: 50%;
                        transform: translate(-50%, -50%);
                    }

                    #vmp-suite-1--hero .vom-orbit::before,
                    #vmp-suite-1--hero .vom-orbit::after {
                        position: absolute;
                        inset: 52px;
                        border: 1px dashed rgba(91, 61, 245, 0.10);
                        border-radius: inherit;
                        content: "";
                    }

                    #vmp-suite-1--hero .vom-orbit::after {
                        inset: 115px;
                        border-style: solid;
                    }

                    #vmp-suite-1--hero .vom-main-card {
                        position: relative;
                        z-index: 3;
                        width: min(100%, 515px);
                        margin: 25px auto 0;
                        overflow: hidden;
                        border: 1px solid rgba(91, 61, 245, 0.17);
                        border-radius: 28px;
                        background: rgba(255, 255, 255, 0.91);
                        box-shadow: 0 30px 80px rgba(45, 31, 111, 0.15);
                        backdrop-filter: blur(18px);
                    }

                    #vmp-suite-1--hero .vom-card-top {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 18px;
                        padding: 18px 20px;
                        border-bottom: 1px solid rgba(91, 61, 245, 0.11);
                        background: linear-gradient(135deg, rgba(244, 241, 255, 0.94), rgba(255, 255, 255, 0.92));
                    }

                    #vmp-suite-1--hero .vom-card-title {
                        display: flex;
                        align-items: center;
                        gap: 11px;
                        color: var(--vom-heading);
                        font-size: 13px;
                        font-weight: 820;
                    }

                    #vmp-suite-1--hero .vom-card-title-icon {
                        display: inline-flex;
                        width: 36px;
                        height: 36px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 11px;
                        background: linear-gradient(145deg, var(--vom-primary), var(--vom-accent));
                        box-shadow: 0 8px 16px rgba(91, 61, 245, 0.21);
                        color: #ffffff;
                    }

                    #vmp-suite-1--hero .vom-card-title-icon svg {
                        width: 19px;
                        height: 19px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-status {
                        display: inline-flex;
                        align-items: center;
                        gap: 7px;
                        padding: 7px 10px;
                        border: 1px solid rgba(23, 165, 101, 0.15);
                        border-radius: 999px;
                        background: rgba(232, 249, 240, 0.82);
                        color: #147a4d;
                        font-size: 9px;
                        font-weight: 850;
                        letter-spacing: 0.075em;
                        text-transform: uppercase;
                    }

                    #vmp-suite-1--hero .vom-status-dot {
                        width: 7px;
                        height: 7px;
                        border-radius: 50%;
                        background: #21b979;
                        box-shadow: 0 0 0 4px rgba(33, 185, 121, 0.12);
                    }

                    #vmp-suite-1--hero .vom-migration-body {
                        padding: 28px 25px 24px;
                    }

                    #vmp-suite-1--hero .vom-version-row {
                        display: grid;
                        grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
                        gap: 14px;
                        align-items: center;
                    }

                    #vmp-suite-1--hero .vom-version-card {
                        padding: 17px;
                        border: 1px solid rgba(91, 61, 245, 0.12);
                        border-radius: 17px;
                        background: #ffffff;
                        box-shadow: 0 8px 20px rgba(39, 30, 89, 0.055);
                    }

                    #vmp-suite-1--hero .vom-version-card small {
                        display: block;
                        margin-bottom: 7px;
                        color: var(--vom-muted);
                        font-size: 9px;
                        font-weight: 820;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                    }

                    #vmp-suite-1--hero .vom-version-card strong {
                        display: block;
                        color: var(--vom-heading);
                        font-size: 16px;
                        font-weight: 830;
                    }

                    #vmp-suite-1--hero .vom-version-card span {
                        display: block;
                        margin-top: 6px;
                        color: var(--vom-muted);
                        font-size: 10px;
                        line-height: 1.45;
                    }

                    #vmp-suite-1--hero .vom-version-card-new {
                        border-color: rgba(91, 61, 245, 0.24);
                        background: linear-gradient(145deg, #f5f2ff, #ffffff);
                    }

                    #vmp-suite-1--hero .vom-transfer {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 5px;
                    }

                    #vmp-suite-1--hero .vom-transfer-line {
                        width: 40px;
                        height: 2px;
                        border-radius: 20px;
                        background: linear-gradient(90deg, rgba(91, 61, 245, 0.14), var(--vom-primary));
                    }

                    #vmp-suite-1--hero .vom-transfer-icon {
                        display: inline-flex;
                        flex: 0 0 31px;
                        width: 31px;
                        height: 31px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        background: linear-gradient(145deg, var(--vom-primary), var(--vom-accent));
                        box-shadow: 0 8px 17px rgba(91, 61, 245, 0.23);
                        color: #ffffff;
                    }

                    #vmp-suite-1--hero .vom-transfer-icon svg {
                        width: 15px;
                        height: 15px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 2;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-progress-block {
                        margin-top: 25px;
                        padding: 20px;
                        border: 1px solid rgba(91, 61, 245, 0.11);
                        border-radius: 19px;
                        background: #fbfaff;
                    }

                    #vmp-suite-1--hero .vom-progress-head {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 20px;
                        margin-bottom: 15px;
                    }

                    #vmp-suite-1--hero .vom-progress-head strong {
                        color: var(--vom-heading);
                        font-size: 12px;
                        font-weight: 820;
                    }

                    #vmp-suite-1--hero .vom-progress-head span {
                        color: var(--vom-primary-dark);
                        font-size: 11px;
                        font-weight: 850;
                    }

                    #vmp-suite-1--hero .vom-progress-track {
                        height: 7px;
                        overflow: hidden;
                        border-radius: 999px;
                        background: #e9e6f7;
                    }

                    #vmp-suite-1--hero .vom-progress-track span {
                        display: block;
                        width: 82%;
                        height: 100%;
                        border-radius: inherit;
                        background: linear-gradient(90deg, var(--vom-primary-dark), var(--vom-primary), var(--vom-accent));
                        box-shadow: 0 0 14px rgba(91, 61, 245, 0.25);
                    }

                    #vmp-suite-1--hero .vom-stage-list {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 10px;
                        margin-top: 17px;
                    }

                    #vmp-suite-1--hero .vom-stage {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        min-width: 0;
                        padding: 10px 11px;
                        border-radius: 12px;
                        background: #ffffff;
                    }

                    #vmp-suite-1--hero .vom-stage-icon {
                        display: inline-flex;
                        flex: 0 0 28px;
                        width: 28px;
                        height: 28px;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid rgba(91, 61, 245, 0.13);
                        border-radius: 9px;
                        background: var(--vom-soft);
                        color: var(--vom-primary);
                    }

                    #vmp-suite-1--hero .vom-stage-icon svg {
                        width: 15px;
                        height: 15px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-stage span:last-child {
                        min-width: 0;
                        color: #424652;
                        font-size: 10px;
                        font-weight: 740;
                        line-height: 1.3;
                    }

                    #vmp-suite-1--hero .vom-card-footer {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 20px;
                        padding: 15px 24px;
                        border-top: 1px solid rgba(91, 61, 245, 0.10);
                        background: rgba(250, 249, 255, 0.94);
                        color: var(--vom-muted);
                        font-size: 10px;
                        font-weight: 690;
                    }

                    #vmp-suite-1--hero .vom-card-footer span {
                        display: inline-flex;
                        align-items: center;
                        gap: 7px;
                    }

                    #vmp-suite-1--hero .vom-card-footer svg {
                        width: 15px;
                        height: 15px;
                        fill: none;
                        stroke: var(--vom-primary);
                        stroke-width: 1.9;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-floating-card {
                        position: absolute;
                        z-index: 4;
                        display: flex;
                        align-items: center;
                        gap: 11px;
                        padding: 12px 14px;
                        border: 1px solid rgba(91, 61, 245, 0.14);
                        border-radius: 15px;
                        background: rgba(255, 255, 255, 0.94);
                        box-shadow: 0 17px 38px rgba(45, 31, 111, 0.13);
                        backdrop-filter: blur(13px);
                    }

                    #vmp-suite-1--hero .vom-floating-card-one {
                        top: 4px;
                        right: -16px;
                    }

                    #vmp-suite-1--hero .vom-floating-card-two {
                        bottom: 13px;
                        left: -24px;
                    }

                    #vmp-suite-1--hero .vom-floating-icon {
                        display: inline-flex;
                        flex: 0 0 37px;
                        width: 37px;
                        height: 37px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 11px;
                        background: var(--vom-soft);
                        color: var(--vom-primary);
                    }

                    #vmp-suite-1--hero .vom-floating-icon svg {
                        width: 20px;
                        height: 20px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-floating-card strong,
                    #vmp-suite-1--hero .vom-floating-card small {
                        display: block;
                    }

                    #vmp-suite-1--hero .vom-floating-card strong {
                        margin-bottom: 3px;
                        color: var(--vom-heading);
                        font-size: 11px;
                        font-weight: 820;
                    }

                    #vmp-suite-1--hero .vom-floating-card small {
                        color: var(--vom-muted);
                        font-size: 9px;
                        font-weight: 650;
                    }


                    /* Full-content supporting section */

                    #vmp-suite-1--hero .vom-overview {
                        margin-top: 82px;
                        padding-top: 80px;
                        border-top: 1px solid rgba(91, 61, 245, 0.12);
                    }

                    #vmp-suite-1--hero .vom-overview-shell {
                        position: relative;
                        overflow: hidden;
                        padding: clamp(30px, 5vw, 64px);
                        border: 1px solid rgba(91, 61, 245, 0.14);
                        border-radius: 32px;
                        background:
                            radial-gradient(circle at 100% 0%, rgba(91, 61, 245, 0.10), transparent 29%),
                            linear-gradient(145deg, #ffffff 0%, #fbfaff 100%);
                        box-shadow: 0 26px 70px rgba(45, 31, 111, 0.10);
                    }

                    #vmp-suite-1--hero .vom-overview-head {
                        display: grid;
                        grid-template-columns: minmax(250px, 0.75fr) minmax(0, 1.25fr);
                        gap: clamp(32px, 6vw, 82px);
                        align-items: start;
                        margin-bottom: 34px;
                    }

                    #vmp-suite-1--hero .vom-overview-kicker {
                        display: inline-flex;
                        align-items: center;
                        gap: 9px;
                        margin-bottom: 14px;
                        color: var(--vom-primary-dark);
                        font-size: 11px;
                        font-weight: 850;
                        letter-spacing: 0.10em;
                        text-transform: uppercase;
                    }

                    #vmp-suite-1--hero .vom-overview-kicker::before {
                        width: 30px;
                        height: 3px;
                        border-radius: 20px;
                        background: linear-gradient(90deg, var(--vom-primary), var(--vom-accent));
                        content: "";
                    }

                    #vmp-suite-1--hero .vom-overview h2 {
                        margin: 0;
                        color: var(--vom-heading);
                        font-size: clamp(31px, 3.3vw, 48px);
                        font-weight: 820;
                        letter-spacing: -0.04em;
                        line-height: 1.12;
                    }

                    #vmp-suite-1--hero .vom-overview-intro {
                        margin: 0;
                        color: var(--vom-text);
                        font-size: 16px;
                        line-height: 1.82;
                    }

                    #vmp-suite-1--hero .vom-info-grid {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 20px;
                    }

                    #vmp-suite-1--hero .vom-info-card {
                        position: relative;
                        min-width: 0;
                        padding: 28px;
                        border: 1px solid rgba(91, 61, 245, 0.12);
                        border-radius: 22px;
                        background: rgba(255, 255, 255, 0.90);
                        box-shadow: 0 12px 32px rgba(45, 31, 111, 0.06);
                    }

                    #vmp-suite-1--hero .vom-info-card-wide {
                        grid-column: 1 / -1;
                        display: grid;
                        grid-template-columns: 58px minmax(0, 1fr);
                        gap: 20px;
                        align-items: start;
                    }

                    #vmp-suite-1--hero .vom-info-icon {
                        display: inline-flex;
                        width: 50px;
                        height: 50px;
                        align-items: center;
                        justify-content: center;
                        margin-bottom: 18px;
                        border-radius: 15px;
                        background: linear-gradient(145deg, var(--vom-primary), var(--vom-accent));
                        box-shadow: 0 10px 22px rgba(91, 61, 245, 0.20);
                        color: #ffffff;
                    }

                    #vmp-suite-1--hero .vom-info-card-wide .vom-info-icon {
                        margin-bottom: 0;
                    }

                    #vmp-suite-1--hero .vom-info-icon svg {
                        width: 23px;
                        height: 23px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    #vmp-suite-1--hero .vom-info-card h3 {
                        margin: 0 0 12px;
                        color: var(--vom-heading);
                        font-size: 18px;
                        font-weight: 810;
                        line-height: 1.35;
                    }

                    #vmp-suite-1--hero .vom-info-card p {
                        margin: 0;
                        color: var(--vom-text);
                        font-size: 14px;
                        line-height: 1.82;
                    }

                    @media (max-width: 1120px) {
                        #vmp-suite-1--hero {
                            padding-top: 78px;
                        }

                        #vmp-suite-1--hero .vom-layout {
                            grid-template-columns: minmax(0, 1fr) minmax(440px, 0.92fr);
                            gap: 48px;
                        }

                        #vmp-suite-1--hero .vom-floating-card-one {
                            right: 0;
                        }

                        #vmp-suite-1--hero .vom-floating-card-two {
                            left: 0;
                        }
                    }

                    @media (max-width: 960px) {
                        #vmp-suite-1--hero {
                            min-height: 0;
                            padding: 74px 22px 76px;
                        }

                        #vmp-suite-1--hero .vom-layout {
                            grid-template-columns: 1fr;
                            gap: 64px;
                        }

                        #vmp-suite-1--hero .vom-content {
                            max-width: 770px;
                        }

                        #vmp-suite-1--hero .vom-visual {
                            width: min(100%, 620px);
                            margin: 0 auto;
                        }

                        #vmp-suite-1--hero .vom-overview-head {
                            grid-template-columns: 1fr;
                            gap: 20px;
                        }
                    }

                    @media (max-width: 640px) {
                        #vmp-suite-1--hero {
                            padding: 58px 16px 62px;
                        }

                        #vmp-suite-1--hero .vom-grid-pattern {
                            opacity: 0.22;
                        }

                        #vmp-suite-1--hero h1 {
                            font-size: clamp(39px, 11.5vw, 52px);
                        }

                        #vmp-suite-1--hero .vom-description {
                            font-size: 15px;
                            line-height: 1.72;
                        }

                        #vmp-suite-1--hero .vom-benefits {
                            display: grid;
                            grid-template-columns: 1fr;
                        }

                        #vmp-suite-1--hero .vom-actions {
                            align-items: stretch;
                            flex-direction: column;
                        }

                        #vmp-suite-1--hero .vom-button {
                            width: 100%;
                        }

                        #vmp-suite-1--hero .vom-button-secondary {
                            min-height: 52px;
                        }

                        #vmp-suite-1--hero .vom-visual {
                            min-height: 0;
                        }

                        #vmp-suite-1--hero .vom-orbit,
                        #vmp-suite-1--hero .vom-floating-card {
                            display: none;
                        }

                        #vmp-suite-1--hero .vom-main-card {
                            margin-top: 0;
                            border-radius: 22px;
                        }

                        #vmp-suite-1--hero .vom-migration-body {
                            padding: 22px 17px 19px;
                        }

                        #vmp-suite-1--hero .vom-version-row {
                            grid-template-columns: 1fr;
                        }

                        #vmp-suite-1--hero .vom-transfer {
                            transform: rotate(90deg);
                        }

                        #vmp-suite-1--hero .vom-stage-list {
                            grid-template-columns: 1fr;
                        }

                        #vmp-suite-1--hero .vom-card-footer {
                            align-items: flex-start;
                            flex-direction: column;
                            gap: 8px;
                        }

                        #vmp-suite-1--hero .vom-overview {
                            margin-top: 62px;
                            padding-top: 56px;
                        }

                        #vmp-suite-1--hero .vom-overview-shell {
                            padding: 25px 18px;
                            border-radius: 23px;
                        }

                        #vmp-suite-1--hero .vom-info-grid {
                            grid-template-columns: 1fr;
                        }

                        #vmp-suite-1--hero .vom-info-card,
                        #vmp-suite-1--hero .vom-info-card-wide {
                            grid-column: auto;
                            display: block;
                            padding: 22px 18px;
                        }

                        #vmp-suite-1--hero .vom-info-card-wide .vom-info-icon {
                            margin-bottom: 18px;
                        }
                    }

                    @media (max-width: 390px) {
                        #vmp-suite-1--hero .vom-eyebrow {
                            font-size: 9px;
                        }

                        #vmp-suite-1--hero h1 {
                            font-size: 38px;
                        }

                        #vmp-suite-1--hero .vom-button {
                            padding-left: 15px;
                            font-size: 12px;
                        }

                        #vmp-suite-1--hero .vom-card-top {
                            align-items: flex-start;
                            flex-direction: column;
                        }
                    }

                    @media (hover: none) {
                        #vmp-suite-1--hero .vom-button:hover {
                            transform: none;
                        }
                    }

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

                        #vmp-suite-1--hero *,
                        #vmp-suite-1--hero *::before,
                        #vmp-suite-1--hero *::after {
                            scroll-behavior: auto !important;
                            transition: none !important;
                        }
                    }

/* ==========================================================
   Original style block 3
   ========================================================== */

.vhm-compact,
                    .vhm-compact * {
                        box-sizing: border-box;
                    }

                    .vhm-compact {
                        --vhm-primary: #5b3df5;
                        --vhm-primary-dark: #3f25c7;
                        --vhm-accent: #856eff;
                        --vhm-heading: #15161e;
                        --vhm-text: #373b46;
                        --vhm-muted: #687080;
                        --vhm-border: rgba(91, 61, 245, 0.14);
                        --vhm-soft: #f5f2ff;

                        position: relative;
                        overflow: hidden;
                        padding: 64px 24px;
                        background:
                            radial-gradient(circle at 0% 0%, rgba(91, 61, 245, 0.07), transparent 25%),
                            linear-gradient(135deg, #ffffff 0%, #fbfaff 100%);
                        color: var(--vhm-text);
                        font-family: inherit;
                    }

                    .vhm-compact-container {
                        width: min(100%, 1240px);
                        margin: 0 auto;
                    }

                    .vhm-compact-layout {
                        display: grid;
                        grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
                        gap: clamp(42px, 6vw, 74px);
                        align-items: start;
                    }

                    .vhm-compact-copy h2 {
                        margin: 0;
                        color: var(--vhm-heading);
                        font-size: clamp(32px, 3.5vw, 48px);
                        font-weight: 820;
                        letter-spacing: -0.04em;
                        line-height: 1.1;
                    }

                    .vhm-compact-copy h2 span {
                        background: linear-gradient(95deg,
                                var(--vhm-primary-dark),
                                var(--vhm-primary) 58%,
                                var(--vhm-accent));
                        -webkit-background-clip: text;
                        background-clip: text;
                        color: transparent;
                    }

                    .vhm-compact-copy p {
                        margin: 20px 0 0;
                        color: var(--vhm-text);
                        font-size: 15px;
                        line-height: 1.75;
                    }

                    .vhm-compact-services {
                        padding: 25px;
                        border: 1px solid var(--vhm-border);
                        border-radius: 24px;
                        background: rgba(255, 255, 255, 0.92);
                        box-shadow: 0 20px 48px rgba(45, 31, 111, 0.09);
                    }

                    .vhm-compact-services h3 {
                        margin: 0 0 18px;
                        color: var(--vhm-heading);
                        font-size: 20px;
                        font-weight: 810;
                        line-height: 1.35;
                    }

                    .vhm-compact-grid {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 10px;
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                    .vhm-compact-grid li {
                        display: grid;
                        grid-template-columns: 34px minmax(0, 1fr);
                        gap: 10px;
                        align-items: center;
                        min-width: 0;
                        min-height: 58px;
                        padding: 10px 12px;
                        border: 1px solid rgba(91, 61, 245, 0.10);
                        border-radius: 13px;
                        background: linear-gradient(145deg, #ffffff, #faf9ff);
                        color: var(--vhm-heading);
                        font-size: 12px;
                        font-weight: 740;
                        line-height: 1.4;
                    }

                    .vhm-compact-icon {
                        display: inline-flex;
                        width: 32px;
                        height: 32px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 10px;
                        background: var(--vhm-soft);
                        color: var(--vhm-primary);
                    }

                    .vhm-compact-icon svg {
                        width: 16px;
                        height: 16px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.9;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    .vhm-compact-goal {
                        display: grid;
                        grid-template-columns: 46px minmax(0, 1fr);
                        gap: 15px;
                        align-items: center;
                        margin-top: 24px;
                        padding: 18px 20px;
                        border: 1px solid rgba(91, 61, 245, 0.15);
                        border-radius: 17px;
                        background:
                            radial-gradient(circle at 100% 0%, rgba(133, 110, 255, 0.11), transparent 30%),
                            var(--vhm-soft);
                    }

                    .vhm-compact-goal-icon {
                        display: inline-flex;
                        width: 44px;
                        height: 44px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 13px;
                        background: linear-gradient(145deg,
                                var(--vhm-primary-dark),
                                var(--vhm-primary),
                                var(--vhm-accent));
                        box-shadow: 0 10px 21px rgba(91, 61, 245, 0.22);
                        color: #ffffff;
                    }

                    .vhm-compact-goal-icon svg {
                        width: 21px;
                        height: 21px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    .vhm-compact-goal p {
                        margin: 0;
                        color: var(--vhm-heading);
                        font-size: 14px;
                        font-weight: 650;
                        line-height: 1.65;
                    }

                    @media (max-width: 980px) {
                        .vhm-compact-layout {
                            grid-template-columns: 1fr;
                            gap: 34px;
                        }
                    }

                    @media (max-width: 640px) {
                        .vhm-compact {
                            padding: 50px 16px;
                        }

                        .vhm-compact-services {
                            padding: 20px 16px;
                            border-radius: 20px;
                        }

                        .vhm-compact-grid {
                            grid-template-columns: 1fr;
                        }

                        .vhm-compact-goal {
                            grid-template-columns: 1fr;
                        }
                    }

/* ==========================================================
   Original style block 4
   ========================================================== */

.vmt-section,
                    .vmt-section * {
                        box-sizing: border-box;
                    }

                    .vmt-section {
                        --vmt-primary: #5b3df5;
                        --vmt-primary-dark: #3f25c7;
                        --vmt-accent: #856eff;
                        --vmt-heading: #15161e;
                        --vmt-text: #373b46;
                        --vmt-muted: #687080;
                        --vmt-border: rgba(91, 61, 245, 0.14);
                        --vmt-soft: #f5f2ff;

                        position: relative;
                        overflow: hidden;
                        padding: 68px 24px;
                        background:
                            radial-gradient(circle at 100% 0%, rgba(91, 61, 245, 0.08), transparent 25%),
                            linear-gradient(135deg, #ffffff 0%, #fbfaff 100%);
                        color: var(--vmt-text);
                        font-family: inherit;
                    }

                    .vmt-container {
                        width: min(100%, 1240px);
                        margin: 0 auto;
                    }

                    .vmt-head {
                        max-width: 760px;
                        margin-bottom: 34px;
                    }

                    .vmt-kicker {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        margin-bottom: 14px;
                        color: var(--vmt-primary-dark);
                        font-size: 11px;
                        font-weight: 850;
                        letter-spacing: 0.1em;
                        text-transform: uppercase;
                    }

                    .vmt-kicker::before {
                        width: 32px;
                        height: 3px;
                        border-radius: 20px;
                        background: linear-gradient(90deg, var(--vmt-primary), var(--vmt-accent));
                        content: "";
                    }

                    .vmt-head h2 {
                        margin: 0;
                        color: var(--vmt-heading);
                        font-size: clamp(34px, 3.8vw, 52px);
                        font-weight: 830;
                        letter-spacing: -0.04em;
                        line-height: 1.08;
                    }

                    .vmt-head h2 span {
                        background: linear-gradient(95deg,
                                var(--vmt-primary-dark),
                                var(--vmt-primary) 58%,
                                var(--vmt-accent));
                        -webkit-background-clip: text;
                        background-clip: text;
                        color: transparent;
                    }

                    .vmt-grid {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 18px;
                    }

                    .vmt-card {
                        position: relative;
                        min-width: 0;
                        padding: 26px;
                        border: 1px solid var(--vmt-border);
                        border-radius: 22px;
                        background: rgba(255, 255, 255, 0.94);
                        box-shadow: 0 14px 34px rgba(45, 31, 111, 0.07);
                    }

                    .vmt-card-wide {
                        grid-column: 1 / -1;
                    }

                    .vmt-card-top {
                        display: grid;
                        grid-template-columns: 46px minmax(0, 1fr);
                        gap: 14px;
                        align-items: center;
                        margin-bottom: 16px;
                    }

                    .vmt-icon {
                        display: inline-flex;
                        width: 44px;
                        height: 44px;
                        align-items: center;
                        justify-content: center;
                        border-radius: 14px;
                        background: linear-gradient(145deg, var(--vmt-soft), #ffffff);
                        box-shadow: inset 0 0 0 1px rgba(91, 61, 245, 0.12);
                        color: var(--vmt-primary);
                    }

                    .vmt-icon svg {
                        width: 21px;
                        height: 21px;
                        fill: none;
                        stroke: currentColor;
                        stroke-width: 1.8;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    .vmt-card h3 {
                        margin: 0;
                        color: var(--vmt-heading);
                        font-size: 19px;
                        font-weight: 810;
                        line-height: 1.35;
                    }

                    .vmt-card p {
                        margin: 0 0 13px;
                        color: var(--vmt-text);
                        font-size: 14px;
                        line-height: 1.72;
                    }

                    .vmt-card p:last-child {
                        margin-bottom: 0;
                    }

                    .vmt-number {
                        position: absolute;
                        top: 18px;
                        right: 20px;
                        color: rgba(91, 61, 245, 0.14);
                        font-size: 34px;
                        font-weight: 850;
                        line-height: 1;
                    }

                    @media (max-width: 920px) {
                        .vmt-grid {
                            grid-template-columns: 1fr;
                        }

                        .vmt-card-wide {
                            grid-column: auto;
                        }
                    }

                    @media (max-width: 640px) {
                        .vmt-section {
                            padding: 52px 16px;
                        }

                        .vmt-card {
                            padding: 22px 18px;
                            border-radius: 18px;
                        }

                        .vmt-number {
                            display: none;
                        }
                    }

/* ==========================================================
   Original style block 5
   ========================================================== */

#vmp-suite-1-,
                #vmp-suite-1- * {
                    box-sizing: border-box;
                }

                #vmp-suite-1- {
                    --vmp-purple: #714b67;
                    --vmp-violet: #8b5cf6;
                    --vmp-blue: #4f7ff0;
                    --vmp-cyan: #21a7d8;
                    --vmp-teal: #18a89d;
                    --vmp-green: #34a853;
                    --vmp-coral: #f06b5f;
                    --vmp-orange: #f4a340;
                    --vmp-pink: #d9578c;
                    --vmp-ink: #17141b;
                    position: relative;
                    overflow: hidden;
                    background: #ffffff;
                    font-family: inherit;
                }

                /* Shared section separation */
                #vmp-suite-1- .vom-hero,
                #vmp-suite-1- .vhm-compact,
                #vmp-suite-1- .vmt-section {
                    position: relative;
                    isolation: isolate;
                }

                #vmp-suite-1- .vhm-compact::after,
                #vmp-suite-1- .vmt-section::after {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    z-index: 1;
                    height: 54px;
                    background: linear-gradient(180deg,
                            rgba(50, 58, 92, 0.055) 0%,
                            rgba(255, 255, 255, 0) 100%);
                    content: "";
                    pointer-events: none;
                }

                /* Section 1: premium multicolor hero */
                #vmp-suite-1- .vom-hero {
                    --vom-primary: #714b67;
                    --vom-primary-dark: #56374f;
                    --vom-accent: #5b74d6;
                    --vom-soft: #f4f1f5;
                    background:
                        radial-gradient(circle at 6% 8%, rgba(113, 75, 103, 0.105), transparent 27%),
                        radial-gradient(circle at 94% 10%, rgba(91, 116, 214, 0.105), transparent 29%),
                        radial-gradient(circle at 88% 92%, rgba(75, 154, 148, 0.07), transparent 28%),
                        linear-gradient(135deg, #ffffff 0%, #fbfafc 44%, #f6f8fd 76%, #f8fbfb 100%) !important;
                }

                #vmp-suite-1- .vom-eyebrow-icon,
                #vmp-suite-1- .vom-card-title-icon,
                #vmp-suite-1- .vom-transfer-icon {
                    background: linear-gradient(135deg, #714b67, #8b5cf6, #4f7ff0) !important;
                }


                #vmp-suite-1- .vom-button-primary {
                    border-color: rgba(111, 78, 170, 0.22) !important;
                    background: linear-gradient(135deg,
                            #5f3d8f 0%,
                            #7350b4 48%,
                            #8b69c9 100%) !important;
                    box-shadow:
                        0 14px 30px rgba(95, 61, 143, 0.23),
                        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
                }

                #vmp-suite-1- .vom-button-primary:hover,
                #vmp-suite-1- .vom-button-primary:focus-visible {
                    border-color: rgba(95, 61, 143, 0.32) !important;
                    background: linear-gradient(135deg,
                            #563681 0%,
                            #6945a7 48%,
                            #7f5fbd 100%) !important;
                    box-shadow:
                        0 18px 36px rgba(95, 61, 143, 0.29),
                        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
                }

                #vmp-suite-1- .vom-button-primary .vom-button-icon {
                    background: rgba(255, 255, 255, 0.17) !important;
                    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
                }

                #vmp-suite-1- .vom-subtitle {
                    background: linear-gradient(95deg,
                            #5d3a82 0%,
                            #714b9d 38%,
                            #8b5cc7 68%,
                            #6f62b5 100%) !important;
                    -webkit-background-clip: text !important;
                    background-clip: text !important;
                    color: transparent !important;
                    font-weight: 780 !important;
                }

                #vmp-suite-1- .vom-overview h2 {
                    position: relative;
                    display: inline-block;
                    padding-bottom: 12px;
                    background: none !important;
                    -webkit-background-clip: initial !important;
                    background-clip: initial !important;
                    color: #1b1d27 !important;
                }

                #vmp-suite-1- .vom-overview h2::after {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 76px;
                    height: 4px;
                    border-radius: 20px;
                    background: linear-gradient(90deg, #5b74d6, #4b9a94);
                    content: "";
                }

                #vmp-suite-1- .vom-benefits li:nth-child(1) .vom-check {
                    background: linear-gradient(135deg, #714b67, #a95d91) !important;
                }

                #vmp-suite-1- .vom-benefits li:nth-child(2) .vom-check {
                    background: linear-gradient(135deg, #4f7ff0, #21a7d8) !important;
                }

                #vmp-suite-1- .vom-benefits li:nth-child(3) .vom-check {
                    background: linear-gradient(135deg, #18a89d, #34a853) !important;
                }

                #vmp-suite-1- .vom-benefits .vom-check,
                #vmp-suite-1- .vom-stage-icon {
                    border: 0 !important;
                    color: #ffffff !important;
                    box-shadow: 0 8px 18px rgba(45, 31, 111, 0.15);
                }

                #vmp-suite-1- .vom-stage:nth-child(1) .vom-stage-icon {
                    background: linear-gradient(135deg, #714b67, #d9578c) !important;
                }

                #vmp-suite-1- .vom-stage:nth-child(2) .vom-stage-icon {
                    background: linear-gradient(135deg, #8b5cf6, #4f7ff0) !important;
                }

                #vmp-suite-1- .vom-stage:nth-child(3) .vom-stage-icon {
                    background: linear-gradient(135deg, #21a7d8, #18a89d) !important;
                }

                #vmp-suite-1- .vom-stage:nth-child(4) .vom-stage-icon {
                    background: linear-gradient(135deg, #f4a340, #f06b5f) !important;
                }

                #vmp-suite-1- .vom-info-card:nth-child(1) .vom-info-icon {
                    border: 1px solid rgba(111, 78, 170, 0.14) !important;
                    background: linear-gradient(145deg,
                            #6b469e 0%,
                            #7e5cb7 56%,
                            #9a7acb 100%) !important;
                    box-shadow:
                        0 12px 24px rgba(100, 70, 148, 0.22),
                        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
                }

                #vmp-suite-1- .vom-info-card:nth-child(2) .vom-info-icon {
                    border: 1px solid rgba(75, 112, 190, 0.13) !important;
                    background: linear-gradient(145deg,
                            #4f6fc2 0%,
                            #5d84d3 52%,
                            #73a0dc 100%) !important;
                    box-shadow:
                        0 12px 24px rgba(70, 105, 170, 0.20),
                        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
                }

                #vmp-suite-1- .vom-overview-shell {
                    border-color: rgba(73, 88, 132, 0.14) !important;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(91, 116, 214, 0.075), transparent 30%),
                        radial-gradient(circle at 0% 100%, rgba(75, 154, 148, 0.055), transparent 29%),
                        linear-gradient(145deg, #ffffff 0%, #fafbfe 55%, #f8fbfb 100%) !important;
                    box-shadow: 0 24px 58px rgba(42, 49, 77, 0.085) !important;
                }

                /* Section 2: warm + teal service section */
                #vmp-suite-1- .vhm-compact {
                    --vhm-primary: #5b74d6;
                    --vhm-primary-dark: #4256a6;
                    --vhm-accent: #4b9a94;
                    --vhm-soft: #eef2fb;
                    padding-top: 74px !important;
                    background:
                        radial-gradient(circle at 5% 4%, rgba(91, 116, 214, 0.085), transparent 28%),
                        radial-gradient(circle at 96% 12%, rgba(75, 154, 148, 0.07), transparent 27%),
                        linear-gradient(135deg, #fbfcff 0%, #f7f9fd 52%, #f7fbfa 100%) !important;
                }

                #vmp-suite-1- .vhm-compact-copy h2 span {
                    background: linear-gradient(95deg, #714b67 0%, #6c57b8 100%) !important;
                    -webkit-background-clip: text !important;
                    background-clip: text !important;
                    color: transparent !important;
                }

                #vmp-suite-1- .vhm-compact-services {
                    border-color: rgba(73, 88, 132, 0.13) !important;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(91, 116, 214, 0.055), transparent 31%),
                        rgba(255, 255, 255, 0.96) !important;
                    box-shadow: 0 22px 52px rgba(42, 49, 77, 0.085) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li {
                    position: relative;
                    overflow: hidden;
                    border-color: rgba(79, 127, 240, 0.11) !important;
                    background: rgba(255, 255, 255, 0.93) !important;
                    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
                }

                #vmp-suite-1- .vhm-compact-grid li:hover {
                    border-color: rgba(79, 127, 240, 0.28) !important;
                    box-shadow: 0 14px 28px rgba(49, 55, 92, 0.10);
                    transform: translateY(-3px);
                }

                #vmp-suite-1- .vhm-compact-grid .vhm-compact-icon {
                    border: 0 !important;
                    color: #ffffff !important;
                    box-shadow: 0 8px 18px rgba(45, 31, 111, 0.14);
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(1) .vhm-compact-icon {
                    background: linear-gradient(135deg, #714b67, #d9578c) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(2) .vhm-compact-icon {
                    background: linear-gradient(135deg, #8b5cf6, #4f7ff0) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(3) .vhm-compact-icon {
                    background: linear-gradient(135deg, #4f7ff0, #21a7d8) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(4) .vhm-compact-icon {
                    background: linear-gradient(135deg, #21a7d8, #18a89d) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(5) .vhm-compact-icon {
                    background: linear-gradient(135deg, #18a89d, #34a853) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(6) .vhm-compact-icon {
                    background: linear-gradient(135deg, #f4a340, #f06b5f) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(7) .vhm-compact-icon {
                    background: linear-gradient(135deg, #f06b5f, #d9578c) !important;
                }

                #vmp-suite-1- .vhm-compact-grid li:nth-child(8) .vhm-compact-icon {
                    background: linear-gradient(135deg, #d9578c, #8b5cf6) !important;
                }

                #vmp-suite-1- .vhm-compact-goal {
                    border-color: rgba(24, 168, 157, 0.20) !important;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(244, 163, 64, 0.17), transparent 32%),
                        linear-gradient(135deg, #f0fffb 0%, #ffffff 50%, #fff8ef 100%) !important;
                }

                #vmp-suite-1- .vhm-compact-goal-icon {
                    background: linear-gradient(135deg, #18a89d, #4f7ff0, #8b5cf6) !important;
                }

                /* Section 3: cool multicolor migration types */
                #vmp-suite-1- .vmt-section {
                    --vmt-primary: #4f7ff0;
                    --vmt-primary-dark: #345fc2;
                    --vmt-accent: #d9578c;
                    --vmt-soft: #edf3ff;
                    padding-top: 78px !important;
                    background:
                        radial-gradient(circle at 0% 8%, rgba(139, 92, 246, 0.13), transparent 25%),
                        radial-gradient(circle at 100% 0%, rgba(33, 167, 216, 0.15), transparent 27%),
                        radial-gradient(circle at 82% 100%, rgba(240, 107, 95, 0.11), transparent 28%),
                        linear-gradient(135deg, #f8f7ff 0%, #f4f8ff 45%, #f1fffc 74%, #fff8f5 100%) !important;
                }

                #vmp-suite-1- .vmt-head h2 span {
                    background: linear-gradient(96deg,
                            #8b5cf6,
                            #4f7ff0 38%,
                            #21a7d8 67%,
                            #18a89d) !important;
                    -webkit-background-clip: text !important;
                    background-clip: text !important;
                    color: transparent !important;
                }

                #vmp-suite-1- .vmt-card {
                    overflow: hidden;
                    border-color: rgba(79, 127, 240, 0.13) !important;
                    background: rgba(255, 255, 255, 0.93) !important;
                    box-shadow: 0 16px 38px rgba(45, 52, 95, 0.08) !important;
                    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
                }

                #vmp-suite-1- .vmt-card::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    height: 4px;
                    content: "";
                }

                #vmp-suite-1- .vmt-card:nth-child(1)::before {
                    background: linear-gradient(90deg, #714b67, #d9578c);
                }

                #vmp-suite-1- .vmt-card:nth-child(2)::before {
                    background: linear-gradient(90deg, #8b5cf6, #4f7ff0);
                }

                #vmp-suite-1- .vmt-card:nth-child(3)::before {
                    background: linear-gradient(90deg, #4f7ff0, #21a7d8);
                }

                #vmp-suite-1- .vmt-card:nth-child(4)::before {
                    background: linear-gradient(90deg, #18a89d, #34a853);
                }

                #vmp-suite-1- .vmt-card:nth-child(5)::before {
                    background: linear-gradient(90deg, #f4a340, #f06b5f, #d9578c);
                }

                #vmp-suite-1- .vmt-card:hover {
                    border-color: rgba(79, 127, 240, 0.28) !important;
                    box-shadow: 0 24px 48px rgba(45, 52, 95, 0.13) !important;
                    transform: translateY(-5px);
                }

                #vmp-suite-1- .vmt-card .vmt-icon {
                    border: 0 !important;
                    color: #ffffff !important;
                    box-shadow: 0 10px 22px rgba(45, 31, 111, 0.15) !important;
                }

                #vmp-suite-1- .vmt-card:nth-child(1) .vmt-icon {
                    background: linear-gradient(135deg, #714b67, #d9578c) !important;
                }

                #vmp-suite-1- .vmt-card:nth-child(2) .vmt-icon {
                    background: linear-gradient(135deg, #8b5cf6, #4f7ff0) !important;
                }

                #vmp-suite-1- .vmt-card:nth-child(3) .vmt-icon {
                    background: linear-gradient(135deg, #4f7ff0, #21a7d8) !important;
                }

                #vmp-suite-1- .vmt-card:nth-child(4) .vmt-icon {
                    background: linear-gradient(135deg, #18a89d, #34a853) !important;
                }

                #vmp-suite-1- .vmt-card:nth-child(5) .vmt-icon {
                    background: linear-gradient(135deg, #f4a340, #f06b5f, #d9578c) !important;
                }

                #vmp-suite-1- .vmt-number {
                    background: linear-gradient(135deg, #8b5cf6, #4f7ff0, #18a89d);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent !important;
                    opacity: 0.22;
                }

                @media (max-width: 640px) {

                    #vmp-suite-1- .vhm-compact,
                    #vmp-suite-1- .vmt-section {
                        padding-top: 58px !important;
                    }
                }

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

                    #vmp-suite-1- .vhm-compact-grid li,
                    #vmp-suite-1- .vmt-card {
                        transition: none !important;
                    }
                }

/* ==========================================================
   Original style block 6
   ========================================================== */

#vraja-migration-bento-2-,
                #vraja-migration-bento-2- * {
                    box-sizing: border-box;
                }

                #vraja-migration-bento-2- {
                    --vmpb-purple: #654297;
                    --vmpb-violet: #7c55b4;
                    --vmpb-blue: #4d72c6;
                    --vmpb-cyan: #3192bf;
                    --vmpb-teal: #2d978b;
                    --vmpb-green: #4b9c61;
                    --vmpb-orange: #d4893d;
                    --vmpb-coral: #d56560;
                    --vmpb-pink: #b95b88;
                    --vmpb-heading: #171821;
                    --vmpb-text: #3c404c;
                    --vmpb-muted: #6c7280;
                    --vmpb-border: rgba(70, 78, 108, 0.13);

                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    padding: 90px 24px 100px;
                    background:
                        radial-gradient(circle at 4% 3%, rgba(101, 66, 151, 0.09), transparent 23%),
                        radial-gradient(circle at 96% 4%, rgba(77, 114, 198, 0.09), transparent 24%),
                        radial-gradient(circle at 90% 96%, rgba(45, 151, 139, 0.075), transparent 26%),
                        linear-gradient(135deg, #ffffff 0%, #fbfafe 48%, #f7f9fd 74%, #f8fbfa 100%);
                    color: var(--vmpb-text);
                    font-family: inherit;
                }

                #vraja-migration-bento-2- .vmpb-noise {
                    position: absolute;
                    inset: 0;
                    z-index: -3;
                    opacity: 0.30;
                    background-image:
                        linear-gradient(rgba(101, 66, 151, 0.028) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(77, 114, 198, 0.028) 1px, transparent 1px);
                    background-size: 54px 54px;
                    pointer-events: none;
                    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
                    mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
                }

                #vraja-migration-bento-2- .vmpb-orb {
                    position: absolute;
                    z-index: -2;
                    border-radius: 50%;
                    filter: blur(2px);
                    pointer-events: none;
                    transform: translate3d(0,
                            calc(var(--vmpb-parallax, 0px) * var(--vmpb-depth, 0.1)),
                            0);
                    will-change: transform;
                }

                #vraja-migration-bento-2- .vmpb-orb-one {
                    top: 100px;
                    right: -150px;
                    width: 420px;
                    height: 420px;
                    background: radial-gradient(circle,
                            rgba(77, 114, 198, 0.11),
                            rgba(77, 114, 198, 0));
                    --vmpb-depth: 0.17;
                }

                #vraja-migration-bento-2- .vmpb-orb-two {
                    top: 45%;
                    left: -190px;
                    width: 470px;
                    height: 470px;
                    background: radial-gradient(circle,
                            rgba(101, 66, 151, 0.10),
                            rgba(101, 66, 151, 0));
                    --vmpb-depth: -0.11;
                }

                #vraja-migration-bento-2- .vmpb-orb-three {
                    right: -170px;
                    bottom: 60px;
                    width: 430px;
                    height: 430px;
                    background: radial-gradient(circle,
                            rgba(45, 151, 139, 0.10),
                            rgba(45, 151, 139, 0));
                    --vmpb-depth: 0.13;
                }

                #vraja-migration-bento-2- .vmpb-container {
                    position: relative;
                    z-index: 2;
                    width: min(100%, 1320px);
                    margin: 0 auto;
                }

                #vraja-migration-bento-2- .vmpb-head {
                    display: grid;
                    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.56fr);
                    gap: clamp(40px, 7vw, 90px);
                    align-items: end;
                    margin-bottom: 48px;
                }

                #vraja-migration-bento-2- .vmpb-kicker {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    margin-bottom: 16px;
                    color: #513477;
                    font-size: 11px;
                    font-weight: 850;
                    letter-spacing: 0.11em;
                    text-transform: uppercase;
                }

                #vraja-migration-bento-2- .vmpb-kicker::before {
                    width: 36px;
                    height: 3px;
                    border-radius: 20px;
                    background: linear-gradient(90deg,
                            var(--vmpb-purple),
                            var(--vmpb-blue),
                            var(--vmpb-teal));
                    content: "";
                }

                #vraja-migration-bento-2- h2 {
                    margin: 0;
                    color: var(--vmpb-heading);
                    font-size: clamp(44px, 5.2vw, 72px);
                    font-weight: 840;
                    letter-spacing: -0.052em;
                    line-height: 1.01;
                }

                #vraja-migration-bento-2- h2 span {
                    display: block;
                    background: linear-gradient(95deg,
                            var(--vmpb-purple) 0%,
                            var(--vmpb-blue) 56%,
                            var(--vmpb-teal) 100%);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                }

                #vraja-migration-bento-2- .vmpb-summary {
                    position: relative;
                    overflow: hidden;
                    padding: 22px;
                    border: 1px solid var(--vmpb-border);
                    border-radius: 22px;
                    background: rgba(255, 255, 255, 0.88);
                    box-shadow: 0 18px 44px rgba(42, 48, 74, 0.08);
                    backdrop-filter: blur(12px);
                }

                #vraja-migration-bento-2- .vmpb-summary::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    height: 4px;
                    background: linear-gradient(90deg,
                            var(--vmpb-purple),
                            var(--vmpb-blue),
                            var(--vmpb-teal),
                            var(--vmpb-orange));
                    content: "";
                }

                #vraja-migration-bento-2- .vmpb-summary strong {
                    display: block;
                    margin-bottom: 8px;
                    color: var(--vmpb-heading);
                    font-size: 15px;
                    font-weight: 820;
                }

                #vraja-migration-bento-2- .vmpb-summary p {
                    margin: 0;
                    color: var(--vmpb-muted);
                    font-size: 13px;
                    line-height: 1.7;
                }

                #vraja-migration-bento-2- .vmpb-progress {
                    position: sticky;
                    top: 0;
                    z-index: 30;
                    height: 4px;
                    margin: 0 0 30px;
                    overflow: hidden;
                    border-radius: 999px;
                    background: rgba(77, 85, 115, 0.08);
                    backdrop-filter: blur(12px);
                }

                #vraja-migration-bento-2- .vmpb-progress span {
                    display: block;
                    width: var(--vmpb-progress, 0%);
                    height: 100%;
                    border-radius: inherit;
                    background: linear-gradient(90deg,
                            var(--vmpb-purple),
                            var(--vmpb-blue),
                            var(--vmpb-teal),
                            var(--vmpb-orange),
                            var(--vmpb-pink));
                    box-shadow: 0 0 18px rgba(101, 66, 151, 0.24);
                    transition: width 0.12s linear;
                }

                #vraja-migration-bento-2- .vmpb-grid {
                    display: grid;
                    grid-template-columns: repeat(12, minmax(0, 1fr));
                    gap: 22px;
                }

                #vraja-migration-bento-2- .vmpb-card {
                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    min-width: 0;
                    padding: 25px;
                    border: 1px solid var(--vmpb-border);
                    border-radius: 24px;
                    background:
                        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(251, 252, 255, 0.92));
                    box-shadow: 0 16px 38px rgba(42, 48, 74, 0.065);
                    opacity: 0;
                    transform: translateY(30px) scale(0.985);
                    transition:
                        opacity 0.68s ease calc(var(--vmpb-order) * 25ms),
                        transform 0.68s cubic-bezier(.2, .68, .2, 1) calc(var(--vmpb-order) * 25ms),
                        border-color 0.25s ease,
                        box-shadow 0.25s ease;
                }

                #vraja-migration-bento-2- .vmpb-card.is-visible {
                    opacity: 1;
                    transform: translateY(0) scale(1);
                }

                #vraja-migration-bento-2- .vmpb-card:hover {
                    border-color: rgba(77, 114, 198, 0.25);
                    box-shadow: 0 24px 52px rgba(42, 48, 74, 0.11);
                }

                #vraja-migration-bento-2- .vmpb-card::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    z-index: 2;
                    height: 4px;
                    background: var(--vmpb-tone);
                    content: "";
                }

                #vraja-migration-bento-2- .vmpb-card-glow {
                    position: absolute;
                    top: -95px;
                    right: -80px;
                    z-index: -1;
                    width: 210px;
                    height: 210px;
                    border-radius: 50%;
                    background: var(--vmpb-glow);
                    opacity: 0.48;
                    filter: blur(2px);
                    transition: transform 0.4s ease, opacity 0.4s ease;
                }

                #vraja-migration-bento-2- .vmpb-card:hover .vmpb-card-glow {
                    opacity: 0.68;
                    transform: scale(1.08);
                }

                #vraja-migration-bento-2- .span-12 {
                    grid-column: span 12;
                }

                #vraja-migration-bento-2- .span-6 {
                    grid-column: span 6;
                }

                #vraja-migration-bento-2- .span-4 {
                    grid-column: span 4;
                }

                #vraja-migration-bento-2- .featured {
                    padding: clamp(26px, 3vw, 36px);
                    background:
                        radial-gradient(circle at 100% 0%, var(--vmpb-soft-glow), transparent 32%),
                        linear-gradient(145deg, #ffffff 0%, #fbfbfe 100%);
                }

                #vraja-migration-bento-2- .featured .vmpb-card-body {
                    columns: 2;
                    column-gap: 42px;
                }

                #vraja-migration-bento-2- .featured .vmpb-card-body p,
                #vraja-migration-bento-2- .featured .vmpb-card-body ul {
                    break-inside: avoid;
                }

                #vraja-migration-bento-2- .vmpb-card-head {
                    position: relative;
                    display: grid;
                    grid-template-columns: 50px minmax(0, 1fr);
                    gap: 15px;
                    align-items: center;
                    margin-bottom: 18px;
                    padding-right: 58px;
                }

                #vraja-migration-bento-2- .vmpb-icon {
                    display: inline-flex;
                    width: 48px;
                    height: 48px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 15px;
                    background: var(--vmpb-tone);
                    box-shadow: 0 11px 24px var(--vmpb-shadow);
                    color: #ffffff;
                    transition: transform 0.35s cubic-bezier(.2, .7, .2, 1);
                }

                #vraja-migration-bento-2- .vmpb-card:hover .vmpb-icon {
                    transform: translateY(-3px) rotate(-4deg);
                }

                #vraja-migration-bento-2- .vmpb-icon svg {
                    width: 22px;
                    height: 22px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                #vraja-migration-bento-2- .vmpb-label {
                    display: block;
                    margin-bottom: 4px;
                    color: var(--vmpb-muted);
                    font-size: 9px;
                    font-weight: 850;
                    letter-spacing: 0.11em;
                    text-transform: uppercase;
                }

                #vraja-migration-bento-2- .vmpb-card-title h3 {
                    margin: 0;
                    color: var(--vmpb-heading);
                    font-size: 18px;
                    font-weight: 820;
                    line-height: 1.34;
                }

                #vraja-migration-bento-2- .featured .vmpb-card-title h3 {
                    font-size: clamp(21px, 2.2vw, 29px);
                }

                #vraja-migration-bento-2- .vmpb-watermark {
                    position: absolute;
                    top: -5px;
                    right: 0;
                    background: var(--vmpb-tone);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                    font-size: 43px;
                    font-weight: 860;
                    letter-spacing: -0.045em;
                    line-height: 1;
                    opacity: 1;
                }

                #vraja-migration-bento-2- .vmpb-card-body {
                    padding-top: 17px;
                    border-top: 1px solid rgba(70, 78, 108, 0.10);
                }

                #vraja-migration-bento-2- .vmpb-card-body p {
                    margin: 0 0 13px;
                    color: var(--vmpb-text);
                    font-size: 14px;
                    line-height: 1.78;
                }

                #vraja-migration-bento-2- .vmpb-card-body p:last-child {
                    margin-bottom: 0;
                }

                #vraja-migration-bento-2- .vmpb-card-body ul {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 9px 16px;
                    margin: 15px 0;
                    padding: 0;
                    list-style: none;
                }

                #vraja-migration-bento-2- .vmpb-card-body li {
                    position: relative;
                    padding-left: 20px;
                    color: var(--vmpb-text);
                    font-size: 13px;
                    line-height: 1.55;
                }

                #vraja-migration-bento-2- .vmpb-card-body li::before {
                    position: absolute;
                    top: 0.55em;
                    left: 0;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: var(--vmpb-tone);
                    box-shadow: 0 0 0 4px var(--vmpb-dot);
                    content: "";
                }

                #vraja-migration-bento-2- .tone-1 {
                    --vmpb-tone: linear-gradient(135deg, #5b3b8d, #7d58b3);
                    --vmpb-glow: radial-gradient(circle, rgba(101, 66, 151, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(101, 66, 151, 0.10);
                    --vmpb-shadow: rgba(91, 59, 141, 0.20);
                    --vmpb-dot: rgba(101, 66, 151, 0.08);
                }

                #vraja-migration-bento-2- .tone-2 {
                    --vmpb-tone: linear-gradient(135deg, #4262b5, #5a83d2);
                    --vmpb-glow: radial-gradient(circle, rgba(77, 114, 198, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(77, 114, 198, 0.10);
                    --vmpb-shadow: rgba(66, 98, 181, 0.20);
                    --vmpb-dot: rgba(77, 114, 198, 0.08);
                }

                #vraja-migration-bento-2- .tone-3 {
                    --vmpb-tone: linear-gradient(135deg, #2f85b4, #47a5ca);
                    --vmpb-glow: radial-gradient(circle, rgba(49, 146, 191, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(49, 146, 191, 0.10);
                    --vmpb-shadow: rgba(47, 133, 180, 0.20);
                    --vmpb-dot: rgba(49, 146, 191, 0.08);
                }

                #vraja-migration-bento-2- .tone-4 {
                    --vmpb-tone: linear-gradient(135deg, #27897f, #3ba99a);
                    --vmpb-glow: radial-gradient(circle, rgba(45, 151, 139, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(45, 151, 139, 0.10);
                    --vmpb-shadow: rgba(39, 137, 127, 0.20);
                    --vmpb-dot: rgba(45, 151, 139, 0.08);
                }

                #vraja-migration-bento-2- .tone-5 {
                    --vmpb-tone: linear-gradient(135deg, #3f8f56, #5aaa70);
                    --vmpb-glow: radial-gradient(circle, rgba(75, 156, 97, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(75, 156, 97, 0.10);
                    --vmpb-shadow: rgba(63, 143, 86, 0.20);
                    --vmpb-dot: rgba(75, 156, 97, 0.08);
                }

                #vraja-migration-bento-2- .tone-6 {
                    --vmpb-tone: linear-gradient(135deg, #c77832, #df9950);
                    --vmpb-glow: radial-gradient(circle, rgba(212, 137, 61, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(212, 137, 61, 0.10);
                    --vmpb-shadow: rgba(199, 120, 50, 0.20);
                    --vmpb-dot: rgba(212, 137, 61, 0.08);
                }

                #vraja-migration-bento-2- .tone-7 {
                    --vmpb-tone: linear-gradient(135deg, #c65955, #df7670);
                    --vmpb-glow: radial-gradient(circle, rgba(213, 101, 96, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(213, 101, 96, 0.10);
                    --vmpb-shadow: rgba(198, 89, 85, 0.20);
                    --vmpb-dot: rgba(213, 101, 96, 0.08);
                }

                #vraja-migration-bento-2- .tone-8 {
                    --vmpb-tone: linear-gradient(135deg, #aa4f7d, #c96f9a);
                    --vmpb-glow: radial-gradient(circle, rgba(185, 91, 136, 0.22), transparent 70%);
                    --vmpb-soft-glow: rgba(185, 91, 136, 0.10);
                    --vmpb-shadow: rgba(170, 79, 125, 0.20);
                    --vmpb-dot: rgba(185, 91, 136, 0.08);
                }

                #vraja-migration-bento-2- .final-card {
                    background:
                        radial-gradient(circle at 100% 0%, rgba(45, 151, 139, 0.11), transparent 31%),
                        radial-gradient(circle at 0% 100%, rgba(101, 66, 151, 0.08), transparent 28%),
                        linear-gradient(145deg, #ffffff 0%, #f8fcfb 100%);
                }

                @media (max-width: 1100px) {
                    #vraja-migration-bento-2- .span-4 {
                        grid-column: span 6;
                    }

                    #vraja-migration-bento-2- .vmpb-card:last-child {
                        grid-column: span 12;
                    }
                }

                @media (max-width: 900px) {
                    #vraja-migration-bento-2- .vmpb-head {
                        grid-template-columns: 1fr;
                    }

                    #vraja-migration-bento-2- .featured .vmpb-card-body {
                        columns: 1;
                    }
                }

                @media (max-width: 720px) {
                    #vraja-migration-bento-2- {
                        padding: 62px 16px 74px;
                    }

                    #vraja-migration-bento-2- h2 {
                        font-size: 42px;
                    }

                    #vraja-migration-bento-2- .vmpb-progress {
                        top: 0;
                        margin-bottom: 22px;
                    }

                    #vraja-migration-bento-2- .vmpb-grid {
                        gap: 16px;
                    }

                    #vraja-migration-bento-2- .span-12,
                    #vraja-migration-bento-2- .span-6,
                    #vraja-migration-bento-2- .span-4 {
                        grid-column: span 12;
                    }

                    #vraja-migration-bento-2- .vmpb-card,
                    #vraja-migration-bento-2- .featured {
                        padding: 21px 17px;
                        border-radius: 21px;
                    }

                    #vraja-migration-bento-2- .vmpb-card-head {
                        grid-template-columns: 44px minmax(0, 1fr);
                        gap: 12px;
                        padding-right: 0;
                    }

                    #vraja-migration-bento-2- .vmpb-icon {
                        width: 42px;
                        height: 42px;
                        border-radius: 13px;
                    }

                    #vraja-migration-bento-2- .vmpb-watermark {
                        display: none;
                    }

                    #vraja-migration-bento-2- .vmpb-card-title h3,
                    #vraja-migration-bento-2- .featured .vmpb-card-title h3 {
                        font-size: 17px;
                    }

                    #vraja-migration-bento-2- .vmpb-card-body ul {
                        grid-template-columns: 1fr;
                    }
                }

                @media (prefers-reduced-motion: reduce) {
                    #vraja-migration-bento-2- .vmpb-card {
                        opacity: 1 !important;
                        transform: none !important;
                        transition: none !important;
                    }

                    #vraja-migration-bento-2- .vmpb-icon,
                    #vraja-migration-bento-2- .vmpb-card-glow,
                    #vraja-migration-bento-2- .vmpb-orb {
                        transform: none !important;
                        transition: none !important;
                    }

                    #vraja-migration-bento-2- .vmpb-progress span {
                        transition: none !important;
                    }
                }

/* ==========================================================
   Original style block 7
   ========================================================== */

#vraja-migration-insights-3-,
                #vraja-migration-insights-3- * {
                    box-sizing: border-box;
                }

                #vraja-migration-insights-3- {
                    --vmi-purple: #68439a;
                    --vmi-violet: #7c55b4;
                    --vmi-blue: #4d72c6;
                    --vmi-cyan: #3192bf;
                    --vmi-teal: #2d978b;
                    --vmi-green: #4b9c61;
                    --vmi-orange: #d4893d;
                    --vmi-coral: #d56560;
                    --vmi-pink: #b95b88;
                    --vmi-heading: #171821;
                    --vmi-text: #3c404c;
                    --vmi-muted: #6c7280;
                    --vmi-border: rgba(70, 78, 108, 0.13);

                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    padding: 92px 24px 100px;
                    background:
                        radial-gradient(circle at 4% 3%, rgba(104, 67, 154, 0.09), transparent 24%),
                        radial-gradient(circle at 96% 6%, rgba(77, 114, 198, 0.09), transparent 24%),
                        radial-gradient(circle at 90% 98%, rgba(45, 151, 139, 0.075), transparent 26%),
                        linear-gradient(135deg, #ffffff 0%, #fbfafe 48%, #f7f9fd 74%, #f8fbfa 100%);
                    color: var(--vmi-text);
                    font-family: inherit;
                }

                #vraja-migration-insights-3- .vmi-grid-pattern {
                    position: absolute;
                    inset: 0;
                    z-index: -4;
                    opacity: 0.28;
                    background-image:
                        linear-gradient(rgba(104, 67, 154, 0.03) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(77, 114, 198, 0.03) 1px, transparent 1px);
                    background-size: 56px 56px;
                    pointer-events: none;
                    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 84%);
                    mask-image: linear-gradient(to bottom, #000 0%, transparent 84%);
                }

                #vraja-migration-insights-3- .vmi-orb {
                    position: absolute;
                    z-index: -3;
                    border-radius: 50%;
                    pointer-events: none;
                    transform: translate3d(0,
                            calc(var(--vmi-parallax, 0px) * var(--vmi-depth, 0.1)),
                            0);
                    will-change: transform;
                }

                #vraja-migration-insights-3- .vmi-orb-one {
                    top: 120px;
                    right: -160px;
                    width: 430px;
                    height: 430px;
                    background: radial-gradient(circle,
                            rgba(77, 114, 198, 0.11),
                            rgba(77, 114, 198, 0));
                    --vmi-depth: 0.16;
                }

                #vraja-migration-insights-3- .vmi-orb-two {
                    top: 50%;
                    left: -190px;
                    width: 470px;
                    height: 470px;
                    background: radial-gradient(circle,
                            rgba(104, 67, 154, 0.10),
                            rgba(104, 67, 154, 0));
                    --vmi-depth: -0.10;
                }

                #vraja-migration-insights-3- .vmi-container {
                    position: relative;
                    z-index: 2;
                    width: min(100%, 1320px);
                    margin: 0 auto;
                }

                #vraja-migration-insights-3- .vmi-hero {
                    display: grid;
                    grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr);
                    gap: clamp(46px, 7vw, 92px);
                    align-items: center;
                    margin-bottom: 26px;
                }

                #vraja-migration-insights-3- .vmi-kicker {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    margin-bottom: 16px;
                    color: #513477;
                    font-size: 11px;
                    font-weight: 850;
                    letter-spacing: 0.11em;
                    text-transform: uppercase;
                }

                #vraja-migration-insights-3- .vmi-kicker::before {
                    width: 36px;
                    height: 3px;
                    border-radius: 20px;
                    background: linear-gradient(90deg,
                            var(--vmi-purple),
                            var(--vmi-blue),
                            var(--vmi-teal));
                    content: "";
                }

                #vraja-migration-insights-3- h2 {
                    margin: 0;
                    color: var(--vmi-heading);
                    font-size: clamp(42px, 4.7vw, 66px);
                    font-weight: 840;
                    letter-spacing: -0.05em;
                    line-height: 1.02;
                }

                #vraja-migration-insights-3- h2 span {
                    display: block;
                    background: linear-gradient(95deg,
                            var(--vmi-purple) 0%,
                            var(--vmi-blue) 56%,
                            var(--vmi-teal) 100%);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                    line-height: 1.25;
                }

                #vraja-migration-insights-3- .vmi-copy p,
                #vraja-migration-insights-3- .vmi-card p,
                #vraja-migration-insights-3- .vmi-partner p {
                    margin: 0 0 14px;
                    color: var(--vmi-text);
                    font-size: 14px;
                    line-height: 1.78;
                }

                #vraja-migration-insights-3- .vmi-copy p {
                    margin-top: 23px;
                    font-size: 15px;
                }

                #vraja-migration-insights-3- .vmi-copy p+p {
                    margin-top: 14px;
                }

                #vraja-migration-insights-3- .vmi-copy p:last-child,
                #vraja-migration-insights-3- .vmi-card p:last-child,
                #vraja-migration-insights-3- .vmi-partner p:last-child {
                    margin-bottom: 0;
                }

                #vraja-migration-insights-3- .vmi-timeline {
                    position: relative;
                    overflow: hidden;
                    padding: 26px;
                    border: 1px solid var(--vmi-border);
                    border-radius: 28px;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(77, 114, 198, 0.08), transparent 31%),
                        rgba(255, 255, 255, 0.93);
                    box-shadow: 0 24px 58px rgba(42, 48, 74, 0.09);
                    backdrop-filter: blur(14px);
                }

                #vraja-migration-insights-3- .vmi-timeline::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    height: 5px;
                    background: linear-gradient(90deg,
                            var(--vmi-purple),
                            var(--vmi-blue),
                            var(--vmi-teal),
                            var(--vmi-orange));
                    content: "";
                }

                #vraja-migration-insights-3- .vmi-timeline-head {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 16px;
                    margin-bottom: 22px;
                }

                #vraja-migration-insights-3- .vmi-timeline-head strong {
                    color: var(--vmi-heading);
                    font-size: 16px;
                    font-weight: 820;
                }

                #vraja-migration-insights-3- .vmi-timeline-head span {
                    padding: 7px 10px;
                    border-radius: 999px;
                    background: #f2f4f8;
                    color: var(--vmi-muted);
                    font-size: 9px;
                    font-weight: 850;
                    letter-spacing: 0.10em;
                    text-transform: uppercase;
                }

                #vraja-migration-insights-3- .vmi-timeline-list {
                    position: relative;
                    display: grid;
                    gap: 14px;
                }

                #vraja-migration-insights-3- .vmi-timeline-list::before {
                    position: absolute;
                    top: 30px;
                    bottom: 30px;
                    left: 23px;
                    width: 2px;
                    background: linear-gradient(180deg,
                            rgba(104, 67, 154, 0.28),
                            rgba(77, 114, 198, 0.28),
                            rgba(45, 151, 139, 0.28));
                    content: "";
                }

                #vraja-migration-insights-3- .vmi-time-row {
                    position: relative;
                    display: grid;
                    grid-template-columns: 46px minmax(0, 1fr);
                    gap: 14px;
                    align-items: center;
                    padding: 15px;
                    border: 1px solid rgba(70, 78, 108, 0.10);
                    border-radius: 17px;
                    background: rgba(255, 255, 255, 0.92);
                    opacity: 0;
                    transform: translateX(24px);
                    transition:
                        opacity 0.62s ease var(--vmi-delay),
                        transform 0.62s cubic-bezier(.2, .68, .2, 1) var(--vmi-delay),
                        box-shadow 0.24s ease,
                        border-color 0.24s ease;
                }

                #vraja-migration-insights-3- .vmi-time-row.is-visible {
                    opacity: 1;
                    transform: translateX(0);
                }

                #vraja-migration-insights-3- .vmi-time-row:hover {
                    border-color: rgba(77, 114, 198, 0.24);
                    box-shadow: 0 14px 30px rgba(42, 48, 74, 0.08);
                }

                #vraja-migration-insights-3- .vmi-time-icon {
                    position: relative;
                    z-index: 2;
                    display: inline-flex;
                    width: 44px;
                    height: 44px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 14px;
                    color: #ffffff;
                    box-shadow: 0 10px 22px rgba(42, 48, 74, 0.16);
                }

                #vraja-migration-insights-3- .vmi-time-row:nth-child(1) .vmi-time-icon {
                    background: linear-gradient(135deg, #5b3b8d, #7d58b3);
                }

                #vraja-migration-insights-3- .vmi-time-row:nth-child(2) .vmi-time-icon {
                    background: linear-gradient(135deg, #4262b5, #5a83d2);
                }

                #vraja-migration-insights-3- .vmi-time-row:nth-child(3) .vmi-time-icon {
                    background: linear-gradient(135deg, #27897f, #3ba99a);
                }

                #vraja-migration-insights-3- .vmi-time-icon svg {
                    width: 21px;
                    height: 21px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                #vraja-migration-insights-3- .vmi-time-row small,
                #vraja-migration-insights-3- .vmi-time-row strong {
                    display: block;
                }

                #vraja-migration-insights-3- .vmi-time-row small {
                    margin-bottom: 4px;
                    color: var(--vmi-muted);
                    font-size: 9px;
                    font-weight: 850;
                    letter-spacing: 0.10em;
                    text-transform: uppercase;
                }

                #vraja-migration-insights-3- .vmi-time-row strong {
                    color: var(--vmi-heading);
                    font-size: 15px;
                    font-weight: 820;
                }

                #vraja-migration-insights-3- .vmi-grid {
                    display: grid;
                    grid-template-columns: repeat(12, minmax(0, 1fr));
                    gap: 22px;
                    margin-top: 24px;
                }

                #vraja-migration-insights-3- .vmi-card,
                #vraja-migration-insights-3- .vmi-partner {
                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    min-width: 0;
                    padding: 28px;
                    border: 1px solid var(--vmi-border);
                    border-radius: 25px;
                    background: rgba(255, 255, 255, 0.94);
                    box-shadow: 0 16px 38px rgba(42, 48, 74, 0.065);
                    opacity: 0;
                    transform: translateY(28px);
                    transition:
                        opacity 0.66s ease var(--vmi-delay),
                        transform 0.66s cubic-bezier(.2, .68, .2, 1) var(--vmi-delay),
                        box-shadow 0.24s ease,
                        border-color 0.24s ease;
                }

                #vraja-migration-insights-3- .vmi-card.is-visible,
                #vraja-migration-insights-3- .vmi-partner.is-visible {
                    opacity: 1;
                    transform: translateY(0);
                }

                #vraja-migration-insights-3- .vmi-card:hover,
                #vraja-migration-insights-3- .vmi-partner:hover {
                    border-color: rgba(77, 114, 198, 0.24);
                    box-shadow: 0 24px 50px rgba(42, 48, 74, 0.10);
                }

                #vraja-migration-insights-3- .vmi-span-6 {
                    grid-column: span 6;
                }

                #vraja-migration-insights-3- .vmi-span-12 {
                    grid-column: span 12;
                }

                #vraja-migration-insights-3- .vmi-card::before,
                #vraja-migration-insights-3- .vmi-partner::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    height: 4px;
                    background: var(--vmi-accent);
                    content: "";
                }

                #vraja-migration-insights-3- .vmi-card-head,
                #vraja-migration-insights-3- .vmi-partner-head {
                    display: grid;
                    grid-template-columns: 52px minmax(0, 1fr);
                    gap: 15px;
                    align-items: center;
                    margin-bottom: 19px;
                }

                #vraja-migration-insights-3- .vmi-card-icon {
                    display: inline-flex;
                    width: 50px;
                    height: 50px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 16px;
                    background: var(--vmi-accent);
                    box-shadow: 0 11px 24px var(--vmi-shadow);
                    color: #ffffff;
                }

                #vraja-migration-insights-3- .vmi-card-icon svg {
                    width: 23px;
                    height: 23px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                #vraja-migration-insights-3- .vmi-card h3,
                #vraja-migration-insights-3- .vmi-partner h3 {
                    margin: 0;
                    color: var(--vmi-heading);
                    font-size: clamp(22px, 2.2vw, 30px);
                    font-weight: 825;
                    letter-spacing: -0.035em;
                    line-height: 1.15;
                }

                #vraja-migration-insights-3- .vmi-tone-purple {
                    --vmi-accent: linear-gradient(135deg, #5b3b8d, #7d58b3);
                    --vmi-shadow: rgba(91, 59, 141, 0.20);
                }

                #vraja-migration-insights-3- .vmi-tone-blue {
                    --vmi-accent: linear-gradient(135deg, #4262b5, #5a83d2);
                    --vmi-shadow: rgba(66, 98, 181, 0.20);
                }

                #vraja-migration-insights-3- .vmi-tone-teal {
                    --vmi-accent: linear-gradient(135deg, #27897f, #3ba99a);
                    --vmi-shadow: rgba(39, 137, 127, 0.20);
                }

                #vraja-migration-insights-3- .vmi-tone-orange {
                    --vmi-accent: linear-gradient(135deg, #c77832, #df9950);
                    --vmi-shadow: rgba(199, 120, 50, 0.20);
                }

                #vraja-migration-insights-3- .vmi-partner {
                    background:
                        radial-gradient(circle at 100% 0%, rgba(104, 67, 154, 0.09), transparent 31%),
                        radial-gradient(circle at 0% 100%, rgba(45, 151, 139, 0.08), transparent 28%),
                        linear-gradient(145deg, #ffffff 0%, #f9fbfb 100%);
                }

                #vraja-migration-insights-3- .vmi-partner-body {
                    display: grid;
                    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
                    gap: clamp(30px, 5vw, 58px);
                    align-items: start;
                }

                #vraja-migration-insights-3- .vmi-benefits {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 12px;
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                #vraja-migration-insights-3- .vmi-benefits li {
                    display: grid;
                    grid-template-columns: 34px minmax(0, 1fr);
                    gap: 10px;
                    align-items: center;
                    min-height: 58px;
                    padding: 11px 12px;
                    border: 1px solid rgba(70, 78, 108, 0.10);
                    border-radius: 14px;
                    background: rgba(255, 255, 255, 0.90);
                    color: var(--vmi-heading);
                    font-size: 12px;
                    font-weight: 740;
                    line-height: 1.42;
                }

                #vraja-migration-insights-3- .vmi-benefit-icon {
                    display: inline-flex;
                    width: 32px;
                    height: 32px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 10px;
                    color: #ffffff;
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(1) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #5b3b8d, #7d58b3);
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(2) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #4262b5, #5a83d2);
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(3) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #2f85b4, #47a5ca);
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(4) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #27897f, #3ba99a);
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(5) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #3f8f56, #5aaa70);
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(6) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #c77832, #df9950);
                }

                #vraja-migration-insights-3- .vmi-benefits li:nth-child(7) .vmi-benefit-icon {
                    background: linear-gradient(135deg, #aa4f7d, #c96f9a);
                }

                #vraja-migration-insights-3- .vmi-benefit-icon svg {
                    width: 16px;
                    height: 16px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 2;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                #vraja-migration-insights-3- .vmi-final-note {
                    display: grid;
                    grid-template-columns: 48px minmax(0, 1fr);
                    gap: 15px;
                    align-items: center;
                    margin-top: 22px;
                    padding: 18px 20px;
                    border: 1px solid rgba(104, 67, 154, 0.13);
                    border-radius: 17px;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(77, 114, 198, 0.08), transparent 32%),
                        #f8f9fd;
                }

                #vraja-migration-insights-3- .vmi-final-note-icon {
                    display: inline-flex;
                    width: 46px;
                    height: 46px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 14px;
                    background: linear-gradient(135deg,
                            var(--vmi-purple),
                            var(--vmi-blue),
                            var(--vmi-teal));
                    color: #ffffff;
                    box-shadow: 0 11px 24px rgba(77, 89, 151, 0.20);
                }

                #vraja-migration-insights-3- .vmi-final-note-icon svg {
                    width: 22px;
                    height: 22px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                #vraja-migration-insights-3- .vmi-final-note p {
                    margin: 0;
                    color: var(--vmi-heading);
                    font-size: 14px;
                    font-weight: 690;
                    line-height: 1.65;
                }

                @media (max-width: 1020px) {

                    #vraja-migration-insights-3- .vmi-hero,
                    #vraja-migration-insights-3- .vmi-partner-body {
                        grid-template-columns: 1fr;
                    }

                    #vraja-migration-insights-3- .vmi-timeline {
                        max-width: 760px;
                    }
                }

                @media (max-width: 760px) {
                    #vraja-migration-insights-3- {
                        padding: 62px 16px 74px;
                    }

                    #vraja-migration-insights-3- h2 {
                        font-size: 40px;
                    }

                    #vraja-migration-insights-3- .vmi-span-6,
                    #vraja-migration-insights-3- .vmi-span-12 {
                        grid-column: span 12;
                    }

                    #vraja-migration-insights-3- .vmi-grid {
                        gap: 16px;
                    }

                    #vraja-migration-insights-3- .vmi-card,
                    #vraja-migration-insights-3- .vmi-partner {
                        padding: 22px 18px;
                        border-radius: 21px;
                    }

                    #vraja-migration-insights-3- .vmi-benefits {
                        grid-template-columns: 1fr;
                    }

                    #vraja-migration-insights-3- .vmi-final-note {
                        grid-template-columns: 1fr;
                    }
                }

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

                    #vraja-migration-insights-3- .vmi-time-row,
                    #vraja-migration-insights-3- .vmi-card,
                    #vraja-migration-insights-3- .vmi-partner {
                        opacity: 1 !important;
                        transform: none !important;
                        transition: none !important;
                    }

                    #vraja-migration-insights-3- .vmi-orb {
                        transform: none !important;
                    }
                }

/* ==========================================================
   Original style block 8
   ========================================================== */

#vraja-migration-expertise-4-,
                #vraja-migration-expertise-4- * {
                    box-sizing: border-box;
                }

                #vraja-migration-expertise-4- {
                    --vme-purple: #654297;
                    --vme-violet: #7d56b5;
                    --vme-blue: #4d72c6;
                    --vme-cyan: #3292bf;
                    --vme-teal: #2d978b;
                    --vme-green: #4b9c61;
                    --vme-orange: #d4893d;
                    --vme-coral: #d56560;
                    --vme-pink: #b95b88;
                    --vme-heading: #171821;
                    --vme-text: #3c404c;
                    --vme-muted: #6c7280;
                    --vme-border: rgba(70, 78, 108, 0.13);

                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    padding: 92px 24px 80px;
                    background:
                        radial-gradient(circle at 4% 3%, rgba(101, 66, 151, 0.09), transparent 24%),
                        radial-gradient(circle at 96% 5%, rgba(77, 114, 198, 0.09), transparent 24%),
                        radial-gradient(circle at 90% 98%, rgba(45, 151, 139, 0.075), transparent 26%),
                        linear-gradient(135deg, #ffffff 0%, #fbfafe 48%, #f7f9fd 74%, #f8fbfa 100%);
                    color: var(--vme-text);
                    font-family: inherit;
                }

                #vraja-migration-expertise-4- .vme-pattern {
                    position: absolute;
                    inset: 0;
                    z-index: -4;
                    opacity: 0.26;
                    background-image:
                        linear-gradient(rgba(101, 66, 151, 0.028) 1px, transparent 1px),
                        linear-gradient(90deg, rgba(77, 114, 198, 0.028) 1px, transparent 1px);
                    background-size: 56px 56px;
                    pointer-events: none;
                    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 88%);
                    mask-image: linear-gradient(to bottom, #000 0%, transparent 88%);
                }

                #vraja-migration-expertise-4- .vme-orb {
                    position: absolute;
                    z-index: -3;
                    border-radius: 50%;
                    pointer-events: none;
                    transform: translate3d(0,
                            calc(var(--vme-parallax, 0px) * var(--vme-depth, 0.1)),
                            0);
                    will-change: transform;
                }

                #vraja-migration-expertise-4- .vme-orb-one {
                    top: 130px;
                    right: -150px;
                    width: 420px;
                    height: 420px;
                    background: radial-gradient(circle,
                            rgba(77, 114, 198, 0.11),
                            rgba(77, 114, 198, 0));
                    --vme-depth: 0.16;
                }

                #vraja-migration-expertise-4- .vme-orb-two {
                    top: 48%;
                    left: -190px;
                    width: 470px;
                    height: 470px;
                    background: radial-gradient(circle,
                            rgba(101, 66, 151, 0.10),
                            rgba(101, 66, 151, 0));
                    --vme-depth: -0.10;
                }

                #vraja-migration-expertise-4- .vme-container {
                    position: relative;
                    z-index: 2;
                    width: min(100%, 1320px);
                    margin: 0 auto;
                }

                #vraja-migration-expertise-4- .vme-head {
                    margin-bottom: 42px;
                }

                #vraja-migration-expertise-4- .vme-kicker {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    margin-bottom: 16px;
                    color: #513477;
                    font-size: 11px;
                    font-weight: 850;
                    letter-spacing: 0.11em;
                    text-transform: uppercase;
                }

                #vraja-migration-expertise-4- .vme-kicker::before {
                    width: 36px;
                    height: 3px;
                    border-radius: 20px;
                    background: linear-gradient(90deg,
                            var(--vme-purple),
                            var(--vme-blue),
                            var(--vme-teal));
                    content: "";
                }

                #vraja-migration-expertise-4- h2 {
                    margin: 0;
                    color: var(--vme-heading);
                    font-size: clamp(42px, 4.9vw, 68px);
                    font-weight: 840;
                    letter-spacing: -0.05em;
                    line-height: 1.02;
                }

                #vraja-migration-expertise-4- h2 span {
                    background: linear-gradient(95deg,
                            var(--vme-purple) 0%,
                            var(--vme-blue) 56%,
                            var(--vme-teal) 100%);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                }

                #vraja-migration-expertise-4- .vme-expertise-grid {
                    display: grid;
                    grid-template-columns: repeat(12, minmax(0, 1fr));
                    gap: 22px;
                }

                #vraja-migration-expertise-4- .vme-card {
                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    min-width: 0;
                    padding: 28px;
                    border: 1px solid var(--vme-border);
                    border-radius: 26px;
                    background:
                        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 255, 0.94));
                    box-shadow: 0 16px 38px rgba(42, 48, 74, 0.065);
                    opacity: 0;
                    transform: translateY(28px);
                    transition:
                        opacity 0.66s ease var(--vme-delay),
                        transform 0.66s cubic-bezier(.2, .68, .2, 1) var(--vme-delay),
                        border-color 0.25s ease,
                        box-shadow 0.25s ease;
                }

                #vraja-migration-expertise-4- .vme-card.is-visible,
                #vraja-migration-expertise-4- .vme-cta.is-visible,
                #vraja-migration-expertise-4- .vme-faq-card.is-visible {
                    opacity: 1;
                    transform: translateY(0);
                }

                #vraja-migration-expertise-4- .vme-card:hover,
                #vraja-migration-expertise-4- .vme-faq-card:hover {
                    border-color: rgba(77, 114, 198, 0.24);
                    box-shadow: 0 24px 50px rgba(42, 48, 74, 0.10);
                }

                #vraja-migration-expertise-4- .vme-card::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    height: 4px;
                    background: var(--vme-accent);
                    content: "";
                }

                #vraja-migration-expertise-4- .vme-span-4 {
                    grid-column: span 4;
                }

                #vraja-migration-expertise-4- .vme-card-glow {
                    position: absolute;
                    top: -100px;
                    right: -85px;
                    z-index: -1;
                    width: 220px;
                    height: 220px;
                    border-radius: 50%;
                    background: var(--vme-glow);
                    opacity: 0.45;
                }

                #vraja-migration-expertise-4- .vme-card-head {
                    display: grid;
                    grid-template-columns: 52px minmax(0, 1fr);
                    gap: 15px;
                    align-items: center;
                    margin-bottom: 20px;
                }

                #vraja-migration-expertise-4- .vme-card-icon {
                    display: inline-flex;
                    width: 50px;
                    height: 50px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 16px;
                    background: var(--vme-accent);
                    box-shadow: 0 11px 24px var(--vme-shadow);
                    color: #ffffff;
                    transition: transform 0.3s ease;
                }

                #vraja-migration-expertise-4- .vme-card:hover .vme-card-icon {
                    transform: translateY(-3px) rotate(-4deg);
                }

                #vraja-migration-expertise-4- .vme-card-icon svg,
                #vraja-migration-expertise-4- .vme-cta-icon svg,
                #vraja-migration-expertise-4- .vme-faq-icon svg {
                    width: 23px;
                    height: 23px;
                    fill: none;
                    stroke: currentColor;
                    stroke-width: 1.8;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                }

                #vraja-migration-expertise-4- .vme-card h3,
                #vraja-migration-expertise-4- .vme-cta h3,
                #vraja-migration-expertise-4- .vme-faq-title h3 {
                    margin: 0;
                    color: var(--vme-heading);
                    font-weight: 825;
                    letter-spacing: -0.035em;
                    line-height: 1.16;
                }

                #vraja-migration-expertise-4- .vme-card h3 {
                    font-size: clamp(22px, 2vw, 28px);
                }

                #vraja-migration-expertise-4- .vme-card p,
                #vraja-migration-expertise-4- .vme-cta p,
                #vraja-migration-expertise-4- .vme-faq-card p {
                    margin: 0 0 14px;
                    color: var(--vme-text);
                    font-size: 14px;
                    line-height: 1.78;
                }

                #vraja-migration-expertise-4- .vme-card p:last-child,
                #vraja-migration-expertise-4- .vme-cta p:last-child,
                #vraja-migration-expertise-4- .vme-faq-card p:last-child {
                    margin-bottom: 0;
                }

                #vraja-migration-expertise-4- .vme-tone-purple {
                    --vme-accent: linear-gradient(135deg, #5b3b8d, #7d58b3);
                    --vme-glow: radial-gradient(circle, rgba(101, 66, 151, 0.22), transparent 70%);
                    --vme-shadow: rgba(91, 59, 141, 0.20);
                }

                #vraja-migration-expertise-4- .vme-tone-blue {
                    --vme-accent: linear-gradient(135deg, #4262b5, #5a83d2);
                    --vme-glow: radial-gradient(circle, rgba(77, 114, 198, 0.22), transparent 70%);
                    --vme-shadow: rgba(66, 98, 181, 0.20);
                }

                #vraja-migration-expertise-4- .vme-tone-teal {
                    --vme-accent: linear-gradient(135deg, #27897f, #3ba99a);
                    --vme-glow: radial-gradient(circle, rgba(45, 151, 139, 0.22), transparent 70%);
                    --vme-shadow: rgba(39, 137, 127, 0.20);
                }

                #vraja-migration-expertise-4- .vme-cta {
                    position: relative;
                    isolation: isolate;
                    overflow: hidden;
                    margin-top: 50px;
                    padding: clamp(30px, 4vw, 48px);
                    border: 1px solid rgba(101, 66, 151, 0.14);
                    border-radius: 30px;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(77, 114, 198, 0.11), transparent 30%),
                        radial-gradient(circle at 0% 100%, rgba(45, 151, 139, 0.08), transparent 28%),
                        linear-gradient(145deg, #ffffff 0%, #faf9fd 56%, #f8fbfa 100%);
                    box-shadow: 0 22px 56px rgba(42, 48, 74, 0.08);
                    opacity: 0;
                    transform: translateY(28px);
                    transition:
                        opacity 0.66s ease var(--vme-delay),
                        transform 0.66s cubic-bezier(.2, .68, .2, 1) var(--vme-delay);
                }

                #vraja-migration-expertise-4- .vme-cta-layout {
                    display: grid;
                    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
                    gap: clamp(34px, 5vw, 62px);
                    align-items: start;
                }

                #vraja-migration-expertise-4- .vme-cta-head {
                    display: grid;
                    grid-template-columns: 56px minmax(0, 1fr);
                    gap: 16px;
                    align-items: center;
                    margin-bottom: 20px;
                }

                #vraja-migration-expertise-4- .vme-cta-icon {
                    display: inline-flex;
                    width: 54px;
                    height: 54px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 17px;
                    background: linear-gradient(135deg,
                            var(--vme-purple),
                            var(--vme-blue),
                            var(--vme-teal));
                    color: #ffffff;
                    box-shadow: 0 12px 26px rgba(77, 89, 151, 0.21);
                }

                #vraja-migration-expertise-4- .vme-cta h3 {
                    font-size: clamp(28px, 3vw, 40px);
                }

                #vraja-migration-expertise-4- .vme-cta-highlight {
                    display: grid;
                    grid-template-columns: 48px minmax(0, 1fr);
                    gap: 14px;
                    align-items: center;
                    margin-top: 22px;
                    padding: 18px 20px;
                    border: 1px solid rgba(101, 66, 151, 0.12);
                    border-radius: 17px;
                    background: rgba(255, 255, 255, 0.88);
                }

                #vraja-migration-expertise-4- .vme-cta-highlight span:first-child {
                    display: inline-flex;
                    width: 46px;
                    height: 46px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 14px;
                    background: linear-gradient(135deg, #5b3b8d, #7d58b3);
                    color: #ffffff;
                }

                #vraja-migration-expertise-4- .vme-cta-highlight p {
                    margin: 0;
                    color: var(--vme-heading);
                    font-size: 14px;
                    font-weight: 680;
                    line-height: 1.65;
                }

                #vraja-migration-expertise-4- .vme-contact-box {
                    position: relative;
                    overflow: hidden;
                    padding: 26px;
                    border: 1px solid rgba(77, 114, 198, 0.12);
                    border-radius: 22px;
                    background:
                        radial-gradient(circle at 100% 0%, rgba(77, 114, 198, 0.08), transparent 32%),
                        rgba(255, 255, 255, 0.94);
                    box-shadow: 0 16px 36px rgba(42, 48, 74, 0.06);
                }

                #vraja-migration-expertise-4- .vme-contact-box strong {
                    display: block;
                    margin-bottom: 11px;
                    color: var(--vme-heading);
                    font-size: 16px;
                    font-weight: 820;
                }

                #vraja-migration-expertise-4- .vme-faq {
                    margin-top: 70px;
                }

                #vraja-migration-expertise-4- .vme-faq-head {
                    max-width: 760px;
                    margin-bottom: 30px;
                }

                #vraja-migration-expertise-4- .vme-faq-head h2 {
                    font-size: clamp(34px, 4vw, 52px);
                }

                #vraja-migration-expertise-4- .vme-faq-grid {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 18px;
                }

                #vraja-migration-expertise-4- .vme-faq-card {
                    position: relative;
                    overflow: hidden;
                    min-width: 0;
                    padding: 24px;
                    border: 1px solid var(--vme-border);
                    border-radius: 21px;
                    background: rgba(255, 255, 255, 0.94);
                    box-shadow: 0 14px 32px rgba(42, 48, 74, 0.055);
                    opacity: 0;
                    transform: translateY(28px);
                    transition:
                        opacity 0.66s ease var(--vme-delay),
                        transform 0.66s cubic-bezier(.2, .68, .2, 1) var(--vme-delay),
                        border-color 0.24s ease,
                        box-shadow 0.24s ease;
                }

                #vraja-migration-expertise-4- .vme-faq-card::before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    height: 3px;
                    background: var(--vme-faq-accent);
                    content: "";
                }

                #vraja-migration-expertise-4- .vme-faq-title {
                    display: grid;
                    grid-template-columns: 42px minmax(0, 1fr);
                    gap: 13px;
                    align-items: center;
                    margin-bottom: 15px;
                }

                #vraja-migration-expertise-4- .vme-faq-icon {
                    display: inline-flex;
                    width: 40px;
                    height: 40px;
                    align-items: center;
                    justify-content: center;
                    border-radius: 12px;
                    background: var(--vme-faq-accent);
                    color: #ffffff;
                    box-shadow: 0 9px 20px rgba(42, 48, 74, 0.14);
                }

                #vraja-migration-expertise-4- .vme-faq-title h3 {
                    font-size: 17px;
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 1) {
                    --vme-faq-accent: linear-gradient(135deg, #5b3b8d, #7d58b3);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 2) {
                    --vme-faq-accent: linear-gradient(135deg, #4262b5, #5a83d2);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 3) {
                    --vme-faq-accent: linear-gradient(135deg, #2f85b4, #47a5ca);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 4) {
                    --vme-faq-accent: linear-gradient(135deg, #27897f, #3ba99a);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 5) {
                    --vme-faq-accent: linear-gradient(135deg, #3f8f56, #5aaa70);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 6) {
                    --vme-faq-accent: linear-gradient(135deg, #c77832, #df9950);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 7) {
                    --vme-faq-accent: linear-gradient(135deg, #c65955, #df7670);
                }

                #vraja-migration-expertise-4- .vme-faq-card:nth-child(8n + 8) {
                    --vme-faq-accent: linear-gradient(135deg, #aa4f7d, #c96f9a);
                }

                @media (max-width: 1040px) {
                    #vraja-migration-expertise-4- .vme-span-4 {
                        grid-column: span 6;
                    }

                    #vraja-migration-expertise-4- .vme-expertise-grid .vme-card:last-child {
                        grid-column: span 12;
                    }

                    #vraja-migration-expertise-4- .vme-cta-layout {
                        grid-template-columns: 1fr;
                    }
                }

                @media (max-width: 760px) {
                    #vraja-migration-expertise-4- {
                        padding: 62px 16px 74px;
                    }

                    #vraja-migration-expertise-4- h2 {
                        font-size: 40px;
                    }

                    #vraja-migration-expertise-4- .vme-span-4 {
                        grid-column: span 12;
                    }

                    #vraja-migration-expertise-4- .vme-expertise-grid,
                    #vraja-migration-expertise-4- .vme-faq-grid {
                        gap: 16px;
                    }

                    #vraja-migration-expertise-4- .vme-card,
                    #vraja-migration-expertise-4- .vme-cta,
                    #vraja-migration-expertise-4- .vme-faq-card {
                        padding: 22px 18px;
                        border-radius: 21px;
                    }

                    #vraja-migration-expertise-4- .vme-faq-grid {
                        grid-template-columns: 1fr;
                    }

                    #vraja-migration-expertise-4- .vme-cta-head,
                    #vraja-migration-expertise-4- .vme-cta-highlight {
                        grid-template-columns: 1fr;
                    }
                }

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

                    #vraja-migration-expertise-4- .vme-card,
                    #vraja-migration-expertise-4- .vme-cta,
                    #vraja-migration-expertise-4- .vme-faq-card {
                        opacity: 1 !important;
                        transform: none !important;
                        transition: none !important;
                    }

                    #vraja-migration-expertise-4- .vme-card-icon,
                    #vraja-migration-expertise-4- .vme-orb {
                        transform: none !important;
                        transition: none !important;
                    }
                }

/* ==========================================================
   Original style block 9
   ========================================================== */

#vmp-suite-1--hero h1 {
                font-size: clamp(36px, 3.45vw, 50px) !important;
                line-height: 1.08 !important;
                letter-spacing: -0.042em !important;
            }

            #vmp-suite-1--hero .vom-button-primary {
                border-color: rgba(255, 255, 255, 0.18) !important;
                background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 45%, #06b6d4 100%) !important;
                box-shadow:
                    0 16px 34px rgba(37, 99, 235, 0.28),
                    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
            }

            #vmp-suite-1--hero .vom-button-primary:hover,
            #vmp-suite-1--hero .vom-button-primary:focus-visible {
                background: linear-gradient(135deg, #1e40af 0%, #2563eb 42%, #0891b2 100%) !important;
                box-shadow:
                    0 22px 44px rgba(37, 99, 235, 0.34),
                    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
            }

            #vmp-suite-1--hero .vom-button-primary .vom-button-icon {
                background: rgba(255, 255, 255, 0.20) !important;
                box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
            }

            #vmp-suite-1--hero .vom-floating-card-one {
                top: -45px !important;
            }

            #vmp-suite-1--hero .vom-floating-card-two {
                bottom: -70px !important;
            }

            #vmp-suite-1- .vhm-compact-container,
            .vhm-compact-container {
                width: min(100%, 1300px) !important;
                max-width: 1300px !important;
            }

            #vmp-suite-1- .vhm-compact-copy h2,
            .vhm-compact-copy h2 {
                font-size: clamp(29px, 3vw, 42px) !important;
                line-height: 1.14 !important;
            }

            #vmp-suite-1- .vmt-head,
            .vmt-head {
                max-width: none !important;
                width: 100% !important;
            }

            #vraja-migration-bento-2- h2 {
                font-size: clamp(36px, 4.2vw, 50px) !important;
                line-height: 1.2 !important;
                display: flex;
                letter-spacing: -0.046em !important;
                gap: 10px;
            }

            #vraja-migration-insights-3- h2 {
                font-size: clamp(35px, 3.9vw, 51px) !important;
                line-height: 1.07 !important;
                letter-spacing: -0.044em !important;
            }

            #vraja-migration-expertise-4- .vme-head h2 {
                font-size: clamp(35px, 3.9vw, 55px) !important;
                line-height: 1.07 !important;
                letter-spacing: -0.044em !important;
                display: inline-block;
                gap: 10px;
            }

            #vraja-migration-expertise-4- .vme-cta-highlight span:first-child {
                display: inline-flex !important;
                flex: 0 0 46px !important;
                width: 46px !important;
                height: 46px !important;
                align-items: center !important;
                justify-content: center !important;
                border: 1px solid rgba(255, 255, 255, 0.22) !important;
                border-radius: 14px !important;
                background: linear-gradient(135deg, #2563eb 0%, #4f46e5 52%, #7c3aed 100%) !important;
                box-shadow:
                    0 12px 26px rgba(79, 70, 229, 0.28),
                    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
                color: #ffffff !important;
            }

            #vraja-migration-expertise-4- .vme-cta-highlight span:first-child svg {
                display: block !important;
                width: 22px !important;
                height: 22px !important;
                fill: none !important;
                stroke: #ffffff !important;
                stroke-width: 1.9 !important;
                stroke-linecap: round !important;
                stroke-linejoin: round !important;
            }

            #vraja-migration-expertise-4- .vme-faq-head {
                max-width: none !important;
                width: 100% !important;
            }

            body.vt-animations-ready .vt-scroll-reveal {
                opacity: 0;
                translate: var(--vt-reveal-x, 0) var(--vt-reveal-y, 34px);
                scale: var(--vt-reveal-scale, 0.985);
                filter: blur(8px);
                will-change: opacity, translate, scale, filter;
            }

            body.vt-animations-ready .vt-scroll-reveal.is-revealed {
                animation: vtModernReveal 0.82s cubic-bezier(0.16, 1, 0.3, 1) both;
                animation-delay: var(--vt-reveal-delay, 0ms);
            }

            body.vt-animations-ready .vt-scroll-reveal[data-vt-direction="left"] {
                --vt-reveal-x: -38px;
                --vt-reveal-y: 0;
            }

            body.vt-animations-ready .vt-scroll-reveal[data-vt-direction="right"] {
                --vt-reveal-x: 38px;
                --vt-reveal-y: 0;
            }

            body.vt-animations-ready .vt-scroll-reveal[data-vt-direction="up"] {
                --vt-reveal-x: 0;
                --vt-reveal-y: 36px;
            }

            @keyframes vtModernReveal {
                0% {
                    opacity: 0;
                    translate: var(--vt-reveal-x, 0) var(--vt-reveal-y, 34px);
                    scale: var(--vt-reveal-scale, 0.985);
                    filter: blur(8px);
                }

                58% {
                    opacity: 1;
                    filter: blur(0);
                }

                100% {
                    opacity: 1;
                    translate: 0 0;
                    scale: 1;
                    filter: blur(0);
                }
            }

            @media (max-width: 760px) {
                #vmp-suite-1--hero h1 {
                    font-size: clamp(34px, 10vw, 46px) !important;
                }

                #vmp-suite-1- .vhm-compact-copy h2,
                .vhm-compact-copy h2 {
                    font-size: clamp(28px, 8.5vw, 37px) !important;
                }

                #vraja-migration-bento-2- h2,
                #vraja-migration-insights-3- h2,
                #vraja-migration-expertise-4- .vme-head h2 {
                    font-size: 32px !important;
                }

                #vmp-suite-1--hero .vom-floating-card-one {
                    top: 60px !important;
                }

                #vmp-suite-1--hero .vom-floating-card-two {
                    bottom: 60px !important;
                }
            }

            @media (max-width: 390px) {
                #vmp-suite-1--hero h1 {
                    font-size: 34px !important;
                }

                #vraja-migration-bento-2- h2,
                #vraja-migration-insights-3- h2,
                #vraja-migration-expertise-4- .vme-head h2 {
                    font-size: 33px !important;
                }
            }

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

                body.vt-animations-ready .vt-scroll-reveal,
                body.vt-animations-ready .vt-scroll-reveal.is-revealed {
                    opacity: 1 !important;
                    translate: 0 0 !important;
                    scale: 1 !important;
                    filter: none !important;
                    animation: none !important;
                }
            }
            .vme-migration-button {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
    padding: 9px 10px 9px 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            #3f25c7 0%,
            #5b3df5 55%,
            #856eff 100%
        );
    box-shadow:
        0 15px 32px rgba(91, 61, 245, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.vme-migration-button::before {
    position: absolute;
    top: -80%;
    left: -35%;
    width: 32%;
    height: 260%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.18),
        transparent
    );
    content: "";
    transform: rotate(20deg);
    transition: left 0.55s ease;
}

.vme-migration-button:hover::before {
    left: 115%;
}

.vme-migration-button:hover,
.vme-migration-button:focus-visible {
    outline: none;
    box-shadow:
        0 20px 42px rgba(91, 61, 245, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-3px);
}

.vme-migration-button-icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.16);
    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.vme-migration-button:hover .vme-migration-button-icon {
    background: rgba(255, 255, 255, 0.22);
    transform: translateX(3px);
}

.vme-migration-button-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 640px) {
    .vme-migration-button {
        min-height: 56px;
        padding-left: 16px;
        font-size: 12px;
    }

    .vme-migration-button-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vme-migration-button,
    .vme-migration-button::before,
    .vme-migration-button-icon {
        transition: none;
    }
}

/* Static custom-property classes moved from HTML attributes */

.vme-delay-130 { --vme-delay: 130ms; }
.vme-delay-150 { --vme-delay: 150ms; }
.vme-delay-180 { --vme-delay: 180ms; }
.vme-delay-220 { --vme-delay: 220ms; }
.vme-delay-230 { --vme-delay: 230ms; }
.vme-delay-280 { --vme-delay: 280ms; }
.vme-delay-330 { --vme-delay: 330ms; }
.vme-delay-380 { --vme-delay: 380ms; }
.vme-delay-430 { --vme-delay: 430ms; }
.vme-delay-80 { --vme-delay: 80ms; }
.vmi-delay-140 { --vmi-delay: 140ms; }
.vmi-delay-150 { --vmi-delay: 150ms; }
.vmi-delay-200 { --vmi-delay: 200ms; }
.vmi-delay-220 { --vmi-delay: 220ms; }
.vmi-delay-260 { --vmi-delay: 260ms; }
.vmi-delay-320 { --vmi-delay: 320ms; }
.vmi-delay-80 { --vmi-delay: 80ms; }
.vmpb-order-1 { --vmpb-order: 1; }
.vmpb-order-10 { --vmpb-order: 10; }
.vmpb-order-11 { --vmpb-order: 11; }
.vmpb-order-12 { --vmpb-order: 12; }
.vmpb-order-13 { --vmpb-order: 13; }
.vmpb-order-14 { --vmpb-order: 14; }
.vmpb-order-15 { --vmpb-order: 15; }
.vmpb-order-2 { --vmpb-order: 2; }
.vmpb-order-3 { --vmpb-order: 3; }
.vmpb-order-4 { --vmpb-order: 4; }
.vmpb-order-5 { --vmpb-order: 5; }
.vmpb-order-6 { --vmpb-order: 6; }
.vmpb-order-7 { --vmpb-order: 7; }
.vmpb-order-8 { --vmpb-order: 8; }
.vmpb-order-9 { --vmpb-order: 9; }