/* =========================================================
   SERVICES PAGE
========================================================= */


/* HERO */

.services-hero {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    color: var(--uae-white);
    background: var(--gradient-hero);
}

.services-hero-glow {
    position: absolute;
    top: -220px;
    right: -180px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(53, 210, 111, 0.28);
    border-radius: 50%;
}

.services-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 80px;
}

.services-hero-copy h1 {
    margin-bottom: 28px;
    color: var(--uae-white);
    font-size: clamp(3.1rem, 5.2vw, 5.2rem);
    line-height: 1.03;
}

.services-hero-copy h1 span {
    display: block;
    color: var(--green-light);
}

.services-hero-lead {
    max-width: 760px;
    color: #c7d6cd;
    font-size: 1.15rem;
}

.services-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 28px;
    color: #b8c8be;
    font-size: 0.9rem;
}

.services-proof span::before {
    margin-right: 8px;
    color: var(--green-light);
    content: "✓";
}

.services-hero-panel {
    padding: 38px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
}

.panel-label {
    margin-bottom: 28px;
    color: var(--green-light);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* ECOSYSTEM VISUAL */

.growth-ecosystem {
    position: relative;
    min-height: 440px;
}

.ecosystem-center,
.ecosystem-item {
    position: absolute;
    display: grid;
    place-items: center;
    border-radius: 50%;
    text-align: center;
}

.ecosystem-center {
    top: 50%;
    left: 50%;
    width: 190px;
    height: 190px;
    padding: 24px;
    color: var(--uae-black);
    background: var(--uae-white);
    transform: translate(-50%, -50%);
    box-shadow: var(--shadow);
}

.ecosystem-center strong {
    display: block;
    font-family: var(--heading-font);
    font-size: 1.25rem;
}

.ecosystem-center span {
    color: var(--muted);
    font-size: 0.78rem;
}

.ecosystem-item {
    width: 105px;
    height: 105px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: var(--uae-white);
    background: rgba(0, 154, 68, 0.24);
    font-size: 0.82rem;
    font-weight: 800;
}

.ecosystem-ai {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.ecosystem-seo {
    top: 25%;
    right: 2%;
}

.ecosystem-data {
    right: 12%;
    bottom: 0;
}

.ecosystem-content {
    bottom: 0;
    left: 12%;
}

.ecosystem-growth {
    top: 25%;
    left: 2%;
}


/* INTRODUCTION */

.services-introduction {
    background: var(--uae-white);
}


/* FEATURED SERVICE SECTIONS */

.service-feature {
    overflow: hidden;
    background: var(--uae-white);
}

.service-feature-off {
    background: var(--off);
}

.service-feature-dark {
    color: #dce7df;
    background: var(--uae-black);
}

.service-feature-dark h2,
.service-feature-dark h3 {
    color: var(--uae-white);
}

.service-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}

.reverse-layout > :first-child {
    order: 2;
}

.reverse-layout > :last-child {
    order: 1;
}

.service-index {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--uae-red);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.service-feature-copy h2 {
    margin-bottom: 24px;
    font-size: clamp(2.3rem, 4vw, 4rem);
}

.service-feature-copy > p {
    color: var(--muted);
    font-size: 1.08rem;
}

.service-feature-dark .service-feature-copy > p {
    color: #b8c7be;
}

.service-benefits {
    margin: 28px 0 36px;
    padding: 0;
    list-style: none;
}

.service-benefits li {
    position: relative;
    padding: 11px 0 11px 30px;
    border-bottom: 1px solid var(--line);
}

.service-benefits li::before {
    position: absolute;
    top: 11px;
    left: 0;
    color: var(--uae-green);
    font-weight: 900;
    content: "✓";
}

.service-feature-dark .service-benefits li {
    border-color: rgba(255, 255, 255, 0.12);
}

.service-feature-dark .service-benefits li::before {
    color: var(--green-light);
}

.text-link {
    color: var(--green-dark);
    font-weight: 800;
}


/* AI DASHBOARD */

.ai-service-dashboard {
    display: grid;
    gap: 14px;
    padding: 36px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(53, 210, 111, 0.28),
            transparent 34%
        ),
        #07150e;
    box-shadow: var(--shadow-lg);
}

.dashboard-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-bottom: 12px;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
}

.status-pulse {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green-light);
    box-shadow: 0 0 18px var(--green-light);
}

.dashboard-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
}

.dashboard-metric span {
    color: #bac9c0;
}

.dashboard-metric strong {
    color: var(--uae-white);
    font-size: 1.3rem;
}

.dashboard-note {
    color: #8ca095;
    font-size: 0.75rem;
}


/* GENERIC SERVICE VISUALS */

.service-visual {
    min-height: 460px;
    padding: 40px;
    border-radius: var(--radius-lg);
    background: var(--off);
    box-shadow: var(--shadow);
}

.seo-visual {
    display: grid;
    align-content: center;
    gap: 24px;
}

.search-result-card,
.ranking-card {
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--uae-white);
}

.search-result-card span,
.ranking-card span {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
}

.search-result-card strong,
.ranking-card strong {
    display: block;
    margin: 8px 0;
    color: var(--ink);
    font-family: var(--heading-font);
    font-size: 1.3rem;
}

.ranking-bars {
    display: flex;
    align-items: end;
    gap: 10px;
    height: 130px;
    margin-top: 22px;
}

.ranking-bars i {
    flex: 1;
    border-radius: 8px 8px 0 0;
    background: var(--uae-green);
}

.ranking-bars i:nth-child(1) {
    height: 30%;
}

.ranking-bars i:nth-child(2) {
    height: 42%;
}

.ranking-bars i:nth-child(3) {
    height: 55%;
}

.ranking-bars i:nth-child(4) {
    height: 72%;
}

.ranking-bars i:nth-child(5) {
    height: 92%;
    background: var(--uae-red);
}


/* AUTOMATION FLOW */

.automation-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 420px;
    padding: 44px;
    border-radius: var(--radius-lg);
    background: var(--uae-black);
    box-shadow: var(--shadow);
}

.automation-flow div {
    min-width: 115px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    color: var(--uae-white);
    background: rgba(255, 255, 255, 0.06);
    font-weight: 800;
    text-align: center;
}

.automation-flow div:nth-of-type(2) {
    background: var(--uae-green);
}

.automation-flow span {
    color: var(--green-light);
    font-size: 1.5rem;
    font-weight: 900;
}


/* GROWTH VISUAL */

.growth-visual {
    display: grid;
    align-content: center;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(0, 154, 68, 0.18),
            transparent 36%
        ),
        var(--off);
}

.growth-chart {
    padding: 30px;
    border-radius: var(--radius);
    background: var(--uae-white);
}

.chart-label span {
    display: block;
    color: var(--muted);
    font-size: 0.8rem;
}

.chart-label strong {
    color: var(--ink);
    font-family: var(--heading-font);
    font-size: 1.4rem;
}

.chart-columns {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    height: 250px;
    margin-top: 28px;
}

.chart-columns i {
    flex: 1;
    border-radius: 10px 10px 0 0;
    background: var(--uae-green);
}

.chart-columns i:last-child {
    background: var(--uae-red);
}


/* ANALYTICS */

.analytics-dashboard {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.analytics-card {
    min-height: 160px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.06);
}

.analytics-card span {
    display: block;
    margin-bottom: 28px;
    color: #9eb0a5;
    font-size: 0.8rem;
}

.analytics-card strong {
    color: var(--uae-white);
    font-family: var(--heading-font);
    font-size: 1.25rem;
}


/* SUPPORTING SERVICES */

.supporting-services {
    background: var(--off);
}

.supporting-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.support-service-card {
    position: relative;
    overflow: hidden;
    padding: 36px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--uae-white);
    box-shadow: var(--shadow-sm);
}

.support-service-card > span {
    color: var(--uae-red);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.support-service-card h3 {
    margin-top: 24px;
}

.support-service-card strong {
    color: var(--green-dark);
}


/* PROCESS */

.service-process {
    background: var(--uae-white);
}

.service-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-process-grid li {
    padding: 28px 0 0;
    border-top: 4px solid var(--uae-green);
}

.service-process-grid li:nth-child(2) {
    border-color: var(--uae-red);
}

.service-process-grid li:nth-child(4) {
    border-color: var(--uae-black);
}

.service-process-grid span {
    color: var(--uae-red);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}


/* TABLET */

@media (max-width: 960px) {

    .services-hero-grid,
    .service-feature-grid {
        grid-template-columns: 1fr;
    }

    .reverse-layout > :first-child,
    .reverse-layout > :last-child {
        order: initial;
    }

    .services-hero-panel {
        max-width: 720px;
    }

    .supporting-services-grid {
        grid-template-columns: 1fr;
    }

    .service-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* MOBILE */

@media (max-width: 640px) {

    .services-hero {
        padding: 80px 0;
    }

    .services-hero-copy h1 {
        font-size: clamp(2.7rem, 12vw, 3.8rem);
    }

    .services-hero-panel {
        padding: 24px;
    }

    .growth-ecosystem {
        min-height: 360px;
    }

    .ecosystem-center {
        width: 150px;
        height: 150px;
    }

    .ecosystem-item {
        width: 82px;
        height: 82px;
        font-size: 0.7rem;
    }

    .service-feature-grid {
        gap: 45px;
    }

    .service-visual,
    .automation-flow {
        min-height: 340px;
        padding: 24px;
    }

    .automation-flow {
        flex-direction: column;
    }

    .automation-flow span {
        transform: rotate(90deg);
    }

    .analytics-dashboard {
        grid-template-columns: 1fr;
    }

    .service-process-grid {
        grid-template-columns: 1fr;
    }

}

/* SEO landing-page CTA links */
.service-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    align-items: center;
}

.text-link-muted {
    color: var(--muted);
    font-weight: 700;
}

@media (max-width: 640px) {
    .service-link-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

/* =========================================================
   MANAGED PLANS
   Futuristic pricing section using existing MTM/UAE palette.
========================================================= */

.mtm-managed-plans {
    position: relative;
    overflow: hidden;
    color: var(--uae-white);
    background:
        radial-gradient(circle at 12% 12%, rgba(206, 17, 38, 0.14), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(0, 154, 68, 0.18), transparent 32%),
        linear-gradient(135deg, #020b07 0%, #07150e 52%, #020604 100%);
}

.mtm-plans-container {
    position: relative;
    z-index: 2;
}

.mtm-plans-heading .section-title {
    color: var(--uae-white);
}

.mtm-plans-heading .section-subtitle {
    color: #b8c8be;
}

.mtm-plans-heading .section-subtitle strong {
    color: var(--green-light);
}

.mtm-plans-orbit {
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.mtm-plans-orbit-one {
    top: -340px;
    right: -260px;
    width: 760px;
    height: 760px;
    border-color: rgba(0, 154, 68, 0.22);
}

.mtm-plans-orbit-two {
    bottom: -520px;
    left: -380px;
    width: 900px;
    height: 900px;
    border-color: rgba(206, 17, 38, 0.16);
}

.mtm-plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 54px;
}

.mtm-plan-card {
    position: relative;
    overflow: hidden;
    min-height: 530px;
    padding: 34px 28px 30px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 22px;
    outline: none;
    background: rgba(7, 24, 16, 0.82);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22);
    transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease, background 280ms ease;
}

.mtm-plan-card::before {
    position: absolute;
    inset: -45% -35% auto;
    height: 240px;
    opacity: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 66%);
    content: "";
    transition: opacity 280ms ease, transform 450ms ease;
}

.mtm-plan-card:hover,
.mtm-plan-card:focus-within,
.mtm-plan-card:focus {
    z-index: 3;
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(10, 35, 23, 0.96);
    transform: translateY(-12px) scale(1.025);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38), 0 0 34px rgba(0, 154, 68, 0.12);
}

.mtm-plan-card:hover::before,
.mtm-plan-card:focus-within::before,
.mtm-plan-card:focus::before {
    opacity: 1;
    transform: translateY(28px);
}

.mtm-plan-topline {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--uae-green);
    box-shadow: 0 0 20px rgba(0, 154, 68, 0.7);
}

.mtm-plan-growth .mtm-plan-topline {
    background: var(--uae-white);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.35);
}

.mtm-plan-premium .mtm-plan-topline {
    background: var(--uae-red);
    box-shadow: 0 0 20px rgba(206, 17, 38, 0.65);
}

.mtm-plan-full .mtm-plan-topline {
    background: linear-gradient(90deg, var(--uae-red) 0 33%, var(--uae-green) 33% 66%, var(--uae-white) 66% 82%, #111 82% 100%);
}

.mtm-plan-kicker {
    margin: 0 0 8px;
    color: var(--green-light);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.16em;
}

.mtm-plan-card h3 {
    margin: 0 0 22px;
    color: var(--uae-white);
    font-size: 1.65rem;
}

.mtm-plan-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 20px;
}

.mtm-plan-price span,
.mtm-plan-price small {
    color: #9eb0a5;
    font-size: 0.76rem;
    font-weight: 800;
}

.mtm-plan-price strong {
    color: var(--uae-white);
    font-family: var(--heading-font);
    font-size: clamp(2.3rem, 3vw, 3.25rem);
    line-height: 1;
}

.mtm-plan-summary {
    min-height: 72px;
    margin-bottom: 22px;
    color: #dce7df;
    font-weight: 800;
}

.mtm-plan-details {
    color: #aebfb5;
    font-size: 0.91rem;
    transition: color 280ms ease;
}

.mtm-plan-details p {
    margin-bottom: 16px;
}

.mtm-plan-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mtm-plan-details li {
    position: relative;
    padding: 8px 0 8px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mtm-plan-details li::before {
    position: absolute;
    left: 0;
    color: var(--green-light);
    content: "✓";
}

.mtm-plan-card:hover .mtm-plan-details,
.mtm-plan-card:focus-within .mtm-plan-details,
.mtm-plan-card:focus .mtm-plan-details {
    color: #d6e3db;
}

.mtm-plan-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 24px;
    color: var(--uae-white);
    font-weight: 900;
    text-decoration: none;
}

.mtm-plan-link span {
    color: var(--green-light);
    transition: transform 220ms ease;
}

.mtm-plan-card:hover .mtm-plan-link span,
.mtm-plan-card:focus-within .mtm-plan-link span {
    transform: translateX(6px);
}

.mtm-plan-services {
    margin-top: 72px;
    padding-top: 42px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mtm-plan-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 24px;
}

.mtm-plan-services-grid > div {
    min-height: 180px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    transition: transform 240ms ease, background 240ms ease, border-color 240ms ease;
}

.mtm-plan-services-grid > div:hover {
    border-color: rgba(53, 210, 111, 0.32);
    background: rgba(0, 154, 68, 0.09);
    transform: translateY(-5px);
}

.mtm-plan-services-grid strong {
    display: block;
    margin-bottom: 18px;
    color: var(--uae-red);
    font-size: 0.74rem;
    letter-spacing: 0.14em;
}

.mtm-plan-services-grid span {
    display: block;
    margin-bottom: 10px;
    color: var(--uae-white);
    font-family: var(--heading-font);
    font-size: 1.05rem;
    font-weight: 800;
}

.mtm-plan-services-grid p {
    margin: 0;
    color: #9eb0a5;
    font-size: 0.88rem;
}

.mtm-ai-employee-callout {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 48px;
    margin-top: 30px;
    padding: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 4px solid var(--uae-red);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
}

.mtm-ai-employee-callout h3 {
    margin: 0 0 12px;
    color: var(--uae-white);
    font-size: 1.7rem;
}

.mtm-ai-employee-callout p:not(.eyebrow) {
    max-width: 920px;
    margin: 0;
    color: #b8c8be;
}

@media (max-width: 1100px) {
    .mtm-plan-grid,
    .mtm-plan-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .mtm-plan-grid,
    .mtm-plan-services-grid,
    .mtm-ai-employee-callout {
        grid-template-columns: 1fr;
    }

    .mtm-plan-card {
        min-height: 0;
    }

    .mtm-plan-card:hover,
    .mtm-plan-card:focus-within,
    .mtm-plan-card:focus {
        transform: translateY(-6px);
    }

    .mtm-ai-employee-callout {
        gap: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mtm-plan-card,
    .mtm-plan-card::before,
    .mtm-plan-link span,
    .mtm-plan-services-grid > div {
        transition: none;
    }
}


/* =========================================================
   SERVICES — ALIVE / FUTURISTIC MOTION
   Adds motion only; existing layout and brand palette remain intact.
========================================================= */
.services-hero-glow { animation: mtmOrbitBreath 7s ease-in-out infinite alternate; }
.ecosystem-center { animation: mtmCorePulse 3.8s ease-in-out infinite; }
.ecosystem-item { transition: transform .28s ease, box-shadow .28s ease, background .28s ease; animation: mtmFloat 5s ease-in-out infinite; }
.ecosystem-item:nth-child(2){animation-delay:-.7s}.ecosystem-item:nth-child(3){animation-delay:-1.4s}.ecosystem-item:nth-child(4){animation-delay:-2.1s}.ecosystem-item:nth-child(5){animation-delay:-2.8s}.ecosystem-item:nth-child(6){animation-delay:-3.5s}
.ecosystem-item:hover { transform: translateY(-7px) scale(1.07); box-shadow: 0 0 30px rgba(53,210,111,.32); background: rgba(0,154,68,.38); }
.status-pulse { animation: mtmStatusPulse 1.7s ease-out infinite; }
.dashboard-metric, .analytics-card, .search-result-card, .ranking-card, .automation-flow div, .support-service-card, .service-process-grid li { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.dashboard-metric:hover, .analytics-card:hover, .search-result-card:hover, .ranking-card:hover, .automation-flow div:hover, .support-service-card:hover, .service-process-grid li:hover { transform: translateY(-6px); box-shadow: 0 18px 42px rgba(0,0,0,.14); }
.ranking-bars i, .chart-columns i { transform-origin: bottom; animation: mtmBarRise 1.25s cubic-bezier(.2,.8,.2,1) both; }
.ranking-bars i:nth-child(2),.chart-columns i:nth-child(2){animation-delay:.08s}.ranking-bars i:nth-child(3),.chart-columns i:nth-child(3){animation-delay:.16s}.ranking-bars i:nth-child(4),.chart-columns i:nth-child(4){animation-delay:.24s}.ranking-bars i:nth-child(5),.chart-columns i:nth-child(5){animation-delay:.32s}

.mtm-plans-scanline { position:absolute; inset:0; pointer-events:none; opacity:.16; background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.07) 49%,transparent 51%); background-size:100% 150px; animation:mtmScan 7s linear infinite; }
.mtm-plans-orbit-one { animation:mtmSlowSpin 24s linear infinite; }
.mtm-plans-orbit-two { animation:mtmSlowSpinReverse 30s linear infinite; }
.mtm-plan-card { isolation:isolate; }
.mtm-plan-card::after { position:absolute; inset:-2px; z-index:-1; border-radius:22px; opacity:0; background:conic-gradient(from 180deg,transparent,var(--uae-red),transparent,var(--uae-green),transparent); content:""; filter:blur(12px); transition:opacity .3s ease; animation:mtmSlowSpin 6s linear infinite; }
.mtm-plan-card:hover::after,.mtm-plan-card:focus-within::after,.mtm-plan-card:focus::after { opacity:.38; }
.mtm-plan-icon { display:grid; place-items:center; width:64px; height:64px; margin:4px 0 22px; border:1px solid rgba(255,255,255,.24); border-radius:50%; color:var(--uae-white); font-size:1.7rem; box-shadow:0 0 0 0 rgba(53,210,111,.28); transition:transform .3s ease,box-shadow .3s ease; animation:mtmIconPulse 3s ease-in-out infinite; }
.mtm-plan-starter .mtm-plan-icon,.mtm-plan-full .mtm-plan-icon{border-color:rgba(206,17,38,.65);color:#ff6a76}.mtm-plan-growth .mtm-plan-icon{border-color:rgba(53,210,111,.7);color:var(--green-light)}
.mtm-plan-card:hover .mtm-plan-icon,.mtm-plan-card:focus .mtm-plan-icon,.mtm-plan-card:focus-within .mtm-plan-icon { transform:rotate(8deg) scale(1.12); box-shadow:0 0 32px rgba(53,210,111,.25); }
.mtm-plan-badge { position:absolute; top:0; left:50%; z-index:3; padding:6px 14px; border-radius:0 0 10px 10px; color:#fff; background:var(--uae-green); font-size:.64rem; font-weight:900; letter-spacing:.08em; transform:translateX(-50%); box-shadow:0 8px 22px rgba(0,154,68,.28); }
.mtm-plan-growth { border-color:rgba(53,210,111,.42); box-shadow:0 18px 55px rgba(0,0,0,.22),0 0 28px rgba(0,154,68,.12); }
.mtm-plan-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:28px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.035); }
.mtm-plan-benefits span { padding:18px 16px; color:#c8d6ce; font-size:.85rem; font-weight:700; text-align:center; border-right:1px solid rgba(255,255,255,.08); transition:background .25s ease,color .25s ease; }
.mtm-plan-benefits span:last-child{border-right:0}.mtm-plan-benefits span:hover{color:#fff;background:rgba(0,154,68,.08)}

@keyframes mtmFloat{0%,100%{margin-top:0}50%{margin-top:-9px}}
@keyframes mtmCorePulse{0%,100%{box-shadow:0 0 0 rgba(53,210,111,0),var(--shadow)}50%{box-shadow:0 0 42px rgba(53,210,111,.25),var(--shadow)}}
@keyframes mtmStatusPulse{0%{box-shadow:0 0 0 0 rgba(53,210,111,.55)}70%{box-shadow:0 0 0 12px rgba(53,210,111,0)}100%{box-shadow:0 0 0 0 rgba(53,210,111,0)}}
@keyframes mtmBarRise{from{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes mtmOrbitBreath{from{transform:scale(.94);opacity:.55}to{transform:scale(1.06);opacity:1}}
@keyframes mtmScan{from{background-position:0 -150px}to{background-position:0 150px}}
@keyframes mtmSlowSpin{to{transform:rotate(360deg)}}
@keyframes mtmSlowSpinReverse{to{transform:rotate(-360deg)}}
@keyframes mtmIconPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}

@media (max-width:1100px){.mtm-plan-benefits{grid-template-columns:repeat(2,1fr)}.mtm-plan-benefits span:nth-child(2){border-right:0}.mtm-plan-benefits span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}}
@media (max-width:640px){.mtm-plan-benefits{grid-template-columns:1fr}.mtm-plan-benefits span{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.mtm-plan-benefits span:last-child{border-bottom:0}}
@media (prefers-reduced-motion:reduce){.services-hero-glow,.ecosystem-center,.ecosystem-item,.status-pulse,.ranking-bars i,.chart-columns i,.mtm-plans-scanline,.mtm-plans-orbit-one,.mtm-plans-orbit-two,.mtm-plan-card::after,.mtm-plan-icon{animation:none!important}}

/* =========================================================
   MTM SERVICES — SIGNATURE EXPERIENCE 2026
   Layered interaction for the Services page only.
   No palette/layout/content changes.
========================================================= */
.services-page { position:relative; isolation:isolate; overflow:clip; }
.services-page .section { position:relative; }
.services-page .section::before {
    position:absolute; inset:0; z-index:-1; pointer-events:none; content:"";
    background:
      radial-gradient(circle at 12% 18%, rgba(0,154,68,.055), transparent 24rem),
      radial-gradient(circle at 88% 72%, rgba(206,17,38,.045), transparent 26rem);
}

/* Signature ambient cursor aura */
.mtm-cursor-aura {
    position:fixed; top:0; left:0; z-index:0; width:420px; height:420px;
    pointer-events:none; border-radius:50%; opacity:.22;
    background:radial-gradient(circle, rgba(53,210,111,.18) 0, rgba(0,154,68,.06) 34%, rgba(206,17,38,.035) 54%, transparent 72%);
    filter:blur(8px); will-change:transform;
}
.services-page > * { position:relative; z-index:1; }

/* Hero becomes a living data environment */
.services-hero::after {
    position:absolute; inset:0; pointer-events:none; content:"";
    background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:54px 54px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);
    animation:mtmGridDrift 18s linear infinite;
}
.mtm-data-field { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.mtm-data-field i {
    position:absolute; left:var(--x); top:var(--y); width:4px; height:4px; border-radius:50%;
    background:rgba(255,255,255,.72); box-shadow:0 0 12px rgba(53,210,111,.85);
    animation:mtmDataParticle var(--d) ease-in-out var(--delay) infinite;
}
.services-hero-grid { z-index:2; }
.services-hero-copy h1 { text-shadow:0 12px 42px rgba(0,0,0,.22); }
.services-hero-copy h1 span { position:relative; width:max-content; max-width:100%; }
.services-hero-copy h1 span::after {
    display:block; width:46%; height:2px; margin-top:15px; content:"";
    background:linear-gradient(90deg,var(--uae-green),rgba(255,255,255,.75),var(--uae-red),transparent);
    box-shadow:0 0 18px rgba(53,210,111,.42); animation:mtmSignalLine 4.2s ease-in-out infinite;
}
.services-hero-panel { position:relative; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.22); }
.services-hero-panel::before {
    position:absolute; inset:-80% -40%; pointer-events:none; content:"";
    background:conic-gradient(from 90deg,transparent 0 36%,rgba(53,210,111,.08) 43%,transparent 49% 68%,rgba(206,17,38,.07) 75%,transparent 82%);
    animation:mtmSlowSpin 20s linear infinite;
}
.services-hero-panel > * { position:relative; z-index:1; }

/* Ecosystem gets orbital rings rather than disconnected floating labels */
.growth-ecosystem::before,.growth-ecosystem::after {
    position:absolute; left:50%; top:50%; pointer-events:none; content:""; border-radius:50%; transform:translate(-50%,-50%);
}
.growth-ecosystem::before { width:76%; height:76%; border:1px dashed rgba(53,210,111,.18); animation:mtmOrbitRing 28s linear infinite; }
.growth-ecosystem::after { width:54%; height:54%; border:1px solid rgba(206,17,38,.11); animation:mtmOrbitRingReverse 21s linear infinite; }
.ecosystem-center { z-index:3; }
.ecosystem-item { z-index:4; backdrop-filter:blur(8px); }

/* Scroll reveal */
.mtm-reveal { opacity:0; transform:translate3d(0,30px,0) scale(.985); filter:blur(5px); transition:opacity .72s ease var(--reveal-delay,0ms),transform .72s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),filter .72s ease var(--reveal-delay,0ms); }
.mtm-reveal.is-visible { opacity:1; transform:none; filter:none; }

/* Interactive glass reflection / 3D depth */
.mtm-tilt { --rx:0deg; --ry:0deg; --mx:50%; --my:50%; transform:perspective(950px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0); transform-style:preserve-3d; will-change:transform; transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease; }
.mtm-tilt::before { background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.14),transparent 32%),linear-gradient(120deg,transparent 25%,rgba(255,255,255,.045) 45%,transparent 65%); }
.mtm-tilt:hover { transform:perspective(950px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-7px); }

/* Feature sections feel connected */
.service-feature { position:relative; }
.service-feature::after {
    position:absolute; left:50%; bottom:-28px; width:1px; height:56px; pointer-events:none; content:"";
    background:linear-gradient(to bottom,rgba(0,154,68,.42),rgba(206,17,38,.25),transparent);
    animation:mtmFlowLine 2.4s ease-in-out infinite;
}
.service-feature:last-of-type::after { display:none; }

/* Cards: luminous edge only on intent */
.support-service-card,.service-process-grid li,.dashboard-metric,.analytics-card,.ranking-card,.search-result-card {
    position:relative; overflow:hidden;
}
.support-service-card::after,.service-process-grid li::after,.dashboard-metric::after,.analytics-card::after,.ranking-card::after,.search-result-card::after {
    position:absolute; inset:auto -30% -80% -30%; height:85%; pointer-events:none; content:""; opacity:0;
    background:radial-gradient(ellipse at center,rgba(53,210,111,.16),transparent 68%); transition:opacity .3s ease,transform .4s ease;
}
.support-service-card:hover::after,.service-process-grid li:hover::after,.dashboard-metric:hover::after,.analytics-card:hover::after,.ranking-card:hover::after,.search-result-card:hover::after { opacity:1; transform:translateY(-16%); }

/* Buttons feel responsive without becoming distracting */
.services-page .button { position:relative; overflow:hidden; isolation:isolate; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.services-page .button::after { position:absolute; top:-50%; left:-70%; z-index:-1; width:42%; height:200%; content:""; background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent); transform:skewX(-20deg); transition:left .55s ease; }
.services-page .button:hover::after { left:130%; }
.services-page .button:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,0,0,.16); }

/* Process path */
.service-process-grid { position:relative; }
.service-process-grid::before { position:absolute; left:8%; right:8%; top:34px; height:1px; content:""; background:linear-gradient(90deg,transparent,var(--uae-green),rgba(255,255,255,.2),var(--uae-red),transparent); opacity:.35; }
.service-process-grid li { z-index:1; }
.service-process-grid li > span { position:relative; z-index:2; }

/* Pricing: stronger premium presence */
.mtm-plan-card { backdrop-filter:blur(14px); }
.mtm-plan-growth { animation:mtmFeaturedBreath 4.5s ease-in-out infinite; }
.mtm-plan-card:hover { border-color:rgba(255,255,255,.3); }
.mtm-plan-card:hover .mtm-plan-price { text-shadow:0 0 24px rgba(255,255,255,.16); }

/* Scroll progress rail */
.mtm-scroll-rail { position:fixed; right:0; top:0; z-index:9998; width:3px; height:100vh; pointer-events:none; background:rgba(255,255,255,.025); }
.mtm-scroll-rail i { display:block; width:100%; height:100%; transform:scaleY(0); transform-origin:top; background:linear-gradient(to bottom,var(--uae-green),#fff,var(--uae-red)); box-shadow:0 0 12px rgba(53,210,111,.42); }

@keyframes mtmGridDrift { to { background-position:54px 54px; } }
@keyframes mtmDataParticle { 0%,100%{opacity:.12;transform:translate3d(0,14px,0) scale(.7)} 50%{opacity:.9;transform:translate3d(0,-16px,0) scale(1.25)} }
@keyframes mtmSignalLine { 0%,100%{width:34%;opacity:.55} 50%{width:74%;opacity:1} }
@keyframes mtmOrbitRing { from{transform:translate(-50%,-50%) rotate(0)} to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes mtmOrbitRingReverse { from{transform:translate(-50%,-50%) rotate(360deg)} to{transform:translate(-50%,-50%) rotate(0)} }
@keyframes mtmFlowLine { 0%,100%{opacity:.18;transform:scaleY(.35);transform-origin:top} 50%{opacity:.8;transform:scaleY(1)} }
@keyframes mtmFeaturedBreath { 0%,100%{box-shadow:0 18px 55px rgba(0,0,0,.22),0 0 20px rgba(0,154,68,.09)} 50%{box-shadow:0 22px 70px rgba(0,0,0,.26),0 0 42px rgba(0,154,68,.18)} }

@media (max-width:900px) {
    .mtm-cursor-aura,.mtm-scroll-rail,.service-process-grid::before { display:none; }
    .service-feature::after { left:28px; }
    .services-hero::after { background-size:38px 38px; opacity:.55; }
}
@media (max-width:640px) {
    .services-hero-copy h1 span::after { width:58%; }
    .mtm-reveal { transform:translate3d(0,18px,0); filter:none; }
}
@media (prefers-reduced-motion:reduce) {
    .services-page *, .services-page *::before, .services-page *::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
    .mtm-reveal { opacity:1!important; transform:none!important; filter:none!important; }
    .mtm-cursor-aura,.mtm-scroll-rail,.mtm-data-field { display:none!important; }
}


/* =========================================================
   HERO RENDERING FIX — 2026-08-28
   Prevents long SEO heading from overflowing/clipping.
========================================================= */
.services-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: clamp(36px, 4vw, 72px);
}

.services-hero-copy {
    min-width: 0;
}

.services-hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.85rem, 4.25vw, 4.75rem);
    line-height: 1.02;
    overflow-wrap: normal;
    word-break: normal;
}

.services-hero-copy h1 span {
    display: block;
    width: auto;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

.services-hero-panel {
    min-width: 0;
}

@media (max-width: 1180px) {
    .services-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr);
        gap: 34px;
    }

    .services-hero-copy h1 {
        font-size: clamp(2.7rem, 4.5vw, 4rem);
    }
}

@media (max-width: 960px) {
    .services-hero-grid {
        grid-template-columns: 1fr;
    }

    .services-hero-copy h1 {
        max-width: 820px;
        font-size: clamp(2.8rem, 7vw, 4.4rem);
    }

    .services-hero-panel {
        width: 100%;
        max-width: 760px;
    }
}

@media (max-width: 640px) {
    .services-hero {
        padding: 82px 0 72px;
    }

    .services-hero-copy h1 {
        font-size: clamp(2.35rem, 10.5vw, 3.35rem);
        line-height: 1.04;
    }

    .services-hero-lead {
        font-size: 1rem;
        line-height: 1.72;
    }
}

/* =========================================================
   EVA LIVE GROWTH ADVISOR
========================================================= */
.eva-growth-experience{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 40%,rgba(24,166,78,.16),transparent 30%),radial-gradient(circle at 88% 30%,rgba(213,43,30,.10),transparent 28%),#030806;color:#fff;isolation:isolate}
.eva-grid-field{position:absolute;inset:0;z-index:-2;opacity:.34;background-image:linear-gradient(rgba(61,190,91,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,190,91,.07) 1px,transparent 1px);background-size:44px 44px;transform:perspective(700px) rotateX(58deg) scale(1.4);transform-origin:center bottom;animation:evaGridDrift 16s linear infinite}
.eva-grid-field:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 10%,#030806 72%)}
.eva-scan-beam{position:absolute;left:-20%;right:-20%;top:-10%;height:180px;background:linear-gradient(180deg,transparent,rgba(65,255,116,.07),transparent);filter:blur(12px);animation:evaScan 9s linear infinite;pointer-events:none}
.eva-growth-container{position:relative;z-index:1}.eva-growth-heading{max-width:920px;margin-inline:auto}.eva-growth-heading .section-title span{color:#54cf72;text-shadow:0 0 26px rgba(70,222,110,.24)}
.eva-advisor-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:28px;align-items:start;margin-top:46px}
.eva-presenter{position:sticky;top:112px;border:1px solid rgba(89,218,120,.25);border-radius:26px;background:linear-gradient(180deg,rgba(7,22,15,.88),rgba(2,9,6,.96));box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 0 45px rgba(48,204,91,.04);overflow:hidden;transform:translateY(16px);opacity:.86;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s ease,box-shadow .35s ease}
.eva-presenter.is-awake{transform:none;opacity:1;box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 45px rgba(45,202,86,.08),inset 0 0 45px rgba(48,204,91,.05)}
.eva-live-pill{position:absolute;z-index:6;top:16px;left:16px;padding:7px 11px;border-radius:999px;background:rgba(1,8,5,.76);border:1px solid rgba(78,225,112,.25);font-size:11px;font-weight:800;letter-spacing:.12em;color:#70e58b;backdrop-filter:blur(8px)}
.eva-live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#4ee071;box-shadow:0 0 12px #4ee071;animation:evaPulse 1.7s ease-in-out infinite}
.eva-visual-wrap{position:relative;height:520px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(52,177,89,.13),transparent 46%)}
.eva-presenter-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% top;filter:saturate(.94) contrast(1.04);transform-origin:50% 65%;animation:evaAlive 6.8s ease-in-out infinite;will-change:transform,filter}
.eva-visual-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,8,6,.35) 72%,#030806 100%),linear-gradient(90deg,rgba(3,8,6,.22),transparent 25%,transparent 75%,rgba(3,8,6,.22));pointer-events:none}
.eva-holo-ring{position:absolute;z-index:3;border:1px solid rgba(80,236,119,.22);border-radius:50%;pointer-events:none}.eva-ring-one{width:270px;height:270px;left:50%;top:110px;animation:evaOrbit 14s linear infinite}.eva-ring-two{width:210px;height:210px;left:50%;top:142px;border-color:rgba(224,52,38,.16);animation:evaOrbitReverse 11s linear infinite}
.eva-energy-line{position:absolute;z-index:4;left:10%;right:10%;bottom:42px;height:1px;background:linear-gradient(90deg,transparent,#50e778,#fff,#dc3c2f,transparent);box-shadow:0 0 14px rgba(80,231,120,.5);animation:evaEnergy 3s ease-in-out infinite}
.eva-identity-card{position:relative;z-index:5;margin:-58px 18px 14px;padding:18px;border:1px solid rgba(82,224,116,.2);border-radius:18px;background:rgba(2,10,7,.84);backdrop-filter:blur(14px)}
.eva-signature{margin:0;color:#63df7f;font-size:24px;font-style:italic}.eva-identity-card strong{display:block;margin:2px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.13em}.eva-identity-card p:last-child{margin:0;color:#c8d2cc;line-height:1.62;font-size:14px;min-height:68px}
.eva-live-metrics{padding:0 18px 20px;display:grid;gap:9px}.eva-live-metrics div{display:grid;grid-template-columns:1fr 76px 34px;gap:8px;align-items:center;font-size:11px;color:#aebbb3}.eva-live-metrics i{height:3px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:999px}.eva-live-metrics b{display:block;width:var(--eva-meter);height:100%;background:linear-gradient(90deg,#45ca66,#a5ed55);box-shadow:0 0 10px rgba(76,225,111,.35);transform-origin:left;animation:evaMeter 2.2s cubic-bezier(.2,.8,.2,1) both}.eva-live-metrics em{font-style:normal;color:#e8f0eb;text-align:right}
.eva-presenter.eva-react .eva-presenter-image{animation:evaReact .7s cubic-bezier(.2,.8,.2,1),evaAlive 6.8s .7s ease-in-out infinite}.eva-presenter.eva-react .eva-identity-card{box-shadow:0 0 28px rgba(69,222,104,.14)}
.eva-plans-stage{min-width:0}.eva-goal-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px;padding:20px 22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(135deg,rgba(12,29,21,.88),rgba(5,12,9,.82));box-shadow:inset 0 1px rgba(255,255,255,.03)}.eva-goal-panel h3{margin:4px 0 0;font-size:20px}.eva-goal-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.eva-goal{appearance:none;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025);color:#dce6df;border-radius:12px;padding:10px 12px;font:inherit;font-size:12px;cursor:pointer;transition:.25s ease}.eva-goal span{margin-left:4px}.eva-goal:hover,.eva-goal:focus-visible,.eva-goal.is-active{outline:none;border-color:#4edb70;color:#fff;background:rgba(62,203,96,.10);box-shadow:0 0 22px rgba(56,208,92,.10);transform:translateY(-2px)}
.eva-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eva-plan-grid .mtm-plan-card{min-width:0}.eva-plan-grid .mtm-plan-card.is-eva-recommended{border-color:rgba(78,225,111,.72);box-shadow:0 0 0 1px rgba(78,225,111,.14),0 20px 54px rgba(0,0,0,.34),0 0 34px rgba(55,218,93,.12);transform:translateY(-5px)}.eva-recommend-badge{background:#39b85b!important;color:#fff!important;box-shadow:0 0 18px rgba(59,215,96,.32)}
.eva-recommendation-panel{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;margin-top:20px;padding:18px 20px;border:1px solid rgba(81,220,114,.28);border-radius:18px;background:linear-gradient(120deg,rgba(12,31,21,.95),rgba(7,15,11,.93));box-shadow:0 22px 60px rgba(0,0,0,.28)}.eva-recommendation-panel h3{margin:2px 0 4px;font-size:22px}.eva-recommendation-panel p{margin:0;color:#b8c5bd;font-size:13px;line-height:1.55}.eva-recommendation-panel .eyebrow{color:#5bdd7a;font-size:10px}.eva-pulse-orb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(82,230,117,.35);box-shadow:0 0 28px rgba(66,220,102,.12)}.eva-pulse-orb span{width:12px;height:12px;border-radius:50%;background:#4edf72;box-shadow:0 0 16px #4edf72;animation:evaPulse 1.5s ease-in-out infinite}
.eva-benefits{margin-top:28px}.eva-audit-strip{margin-top:18px;padding:18px 22px;border:1px solid rgba(72,210,105,.22);border-radius:18px;background:linear-gradient(90deg,rgba(32,119,54,.13),rgba(255,255,255,.02));display:flex;justify-content:space-between;align-items:center;gap:20px}.eva-audit-strip strong{display:block;font-size:17px}.eva-audit-strip span{color:#aebbb3;font-size:13px}
@keyframes evaAlive{0%,100%{transform:translate3d(0,0,0) scale(1.005);filter:saturate(.94) contrast(1.04)}35%{transform:translate3d(1px,-3px,0) scale(1.012);filter:saturate(.98) contrast(1.045)}68%{transform:translate3d(-1px,-1px,0) scale(1.008);filter:saturate(.95) contrast(1.04)}}
@keyframes evaReact{0%{transform:scale(1.005)}45%{transform:translateX(3px) scale(1.018)}100%{transform:scale(1.005)}}
@keyframes evaPulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}
@keyframes evaOrbit{to{transform:translateX(-50%) rotate(360deg)}}@keyframes evaOrbitReverse{to{transform:translateX(-50%) rotate(-360deg)}}
@keyframes evaEnergy{0%,100%{opacity:.25;transform:scaleX(.7)}50%{opacity:.9;transform:scaleX(1)}}@keyframes evaMeter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes evaGridDrift{to{background-position:0 44px,44px 0}}@keyframes evaScan{0%{transform:translateY(-250px)}100%{transform:translateY(1300px)}}
@media(max-width:1100px){.eva-advisor-layout{grid-template-columns:280px minmax(0,1fr)}.eva-visual-wrap{height:470px}.eva-goal-panel{display:block}.eva-goal-buttons{justify-content:flex-start;margin-top:14px}.eva-plan-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.eva-advisor-layout{grid-template-columns:1fr}.eva-presenter{position:relative;top:auto;max-width:560px;margin-inline:auto}.eva-visual-wrap{height:540px}.eva-plan-grid{grid-template-columns:1fr}.eva-recommendation-panel{grid-template-columns:40px 1fr}.eva-recommendation-panel .button{grid-column:1/-1;text-align:center}.eva-audit-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.eva-growth-experience{padding-inline:0}.eva-visual-wrap{height:470px}.eva-presenter{border-radius:20px}.eva-goal-buttons{display:grid;grid-template-columns:1fr 1fr}.eva-goal{min-height:54px}.eva-recommendation-panel{padding:16px}.eva-live-metrics div{grid-template-columns:1fr 68px 30px}.eva-audit-strip .button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.eva-grid-field,.eva-scan-beam,.eva-presenter-image,.eva-holo-ring,.eva-energy-line,.eva-live-pill i,.eva-pulse-orb span,.eva-live-metrics b{animation:none!important}.eva-presenter{transform:none;opacity:1}.eva-plan-grid .mtm-plan-card.is-eva-recommended{transform:none}}


/* =========================================================
   EVA LIVE V2 — 4-UP DESKTOP PLANS + VISIBLE LIFE MOTION
   ========================================================= */
.eva-advisor-layout{
    grid-template-columns:minmax(250px,300px) minmax(0,1fr);
    gap:24px;
}
.eva-plan-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch;
}
.eva-plan-grid .mtm-plan-card{
    padding:24px 18px 20px;
    min-width:0;
}
.eva-plan-grid .mtm-plan-card h3{font-size:1.45rem}
.eva-plan-grid .mtm-plan-price{font-size:clamp(2rem,2.7vw,3rem)}
.eva-plan-grid .mtm-plan-desc{font-size:.88rem;line-height:1.45}
.eva-plan-grid .mtm-plan-features{font-size:.8rem}
.eva-character-stage{
    position:absolute;
    inset:0;
    overflow:hidden;
    transform-origin:50% 70%;
    animation:evaBodyLife 4.8s ease-in-out infinite;
}
.eva-presenter-image{
    animation:evaHumanLife 5.2s ease-in-out infinite !important;
    transform-origin:50% 68%;
}
.eva-breath-light{
    position:absolute;
    left:28%;
    top:38%;
    width:44%;
    height:36%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(90,240,126,.08),transparent 68%);
    filter:blur(10px);
    animation:evaBreathGlow 3.8s ease-in-out infinite;
    pointer-events:none;
}
.eva-eye-glint{
    position:absolute;
    z-index:5;
    width:3px;
    height:2px;
    border-radius:50%;
    background:rgba(255,255,255,.88);
    box-shadow:0 0 4px rgba(255,255,255,.75);
    opacity:0;
    animation:evaBlinkSpark 5.6s infinite;
    pointer-events:none;
}
/* Approximate glints are intentionally subtle; the source image itself remains unchanged. */
.eva-eye-glint-left{left:43.2%;top:19.2%}
.eva-eye-glint-right{left:49.4%;top:19.2%;animation-delay:.03s}
.eva-presenter[data-eva-state="presenting"] .eva-character-stage{
    animation:evaPresentGesture .9s cubic-bezier(.2,.8,.2,1),evaBodyLife 4.8s .9s ease-in-out infinite;
}
.eva-presenter[data-eva-state="presenting"] .eva-energy-line{
    opacity:1;
    transform:scaleX(1);
}
@keyframes evaHumanLife{
    0%,100%{transform:translate3d(0,0,0) scale(1.012) rotate(.05deg)}
    24%{transform:translate3d(0,-3px,0) scale(1.016) rotate(-.12deg)}
    52%{transform:translate3d(1px,-1px,0) scale(1.013) rotate(.1deg)}
    76%{transform:translate3d(-1px,-4px,0) scale(1.017) rotate(-.06deg)}
}
@keyframes evaBodyLife{
    0%,100%{transform:translateY(0) rotate(0)}
    50%{transform:translateY(-3px) rotate(.12deg)}
}
@keyframes evaBreathGlow{
    0%,100%{opacity:.25;transform:scale(.96)}
    50%{opacity:.72;transform:scale(1.05)}
}
@keyframes evaBlinkSpark{
    0%,44%,47%,100%{opacity:0;transform:scaleY(1)}
    45%{opacity:.9;transform:scaleY(.25)}
    46%{opacity:.55;transform:scaleY(1)}
}
@keyframes evaPresentGesture{
    0%{transform:translateX(0) rotate(0)}
    45%{transform:translateX(5px) rotate(.5deg)}
    100%{transform:translateX(0) rotate(0)}
}
@media(max-width:1380px){
    .eva-advisor-layout{grid-template-columns:260px minmax(0,1fr)}
    .eva-plan-grid .mtm-plan-card{padding:21px 14px 18px}
    .eva-plan-grid .mtm-plan-card h3{font-size:1.25rem}
    .eva-plan-grid .mtm-plan-features{font-size:.75rem}
}
@media(max-width:1180px){
    .eva-advisor-layout{grid-template-columns:250px minmax(0,1fr)}
    .eva-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:820px){
    .eva-advisor-layout{grid-template-columns:1fr}
    .eva-plan-grid{grid-template-columns:1fr !important}
}
@media(prefers-reduced-motion:reduce){
    .eva-character-stage,.eva-presenter-image,.eva-breath-light,.eva-eye-glint{animation:none!important}
}